feat: stat search

packages/website/src/components/Mark/index.css

@@ -0,0 +1,13 @@
+.mark {
+  color: var(--gray-12);
+  background-color: var(--purple-a9);
+  outline: 4px solid var(--purple-a4);
+  box-shadow: 0 0 1rem var(--purple-9);
+}
+
+.focused .mark {
+  color: var(--gray-1);
+  background-color: var(--amber-a9);
+  outline: 4px solid var(--amber-a4);
+  box-shadow: 0 0 1rem var(--amber-9);
+}

packages/website/src/components/Mark/index.tsx

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import { Var } from '../../core/radix/var';
+import './index.css';
+
+export function Mark({ style, ...props }: ComponentProps<'mark'>) {
+  return (
+    <mark
+      className="mark"
+      style={{
+        borderRadius: Var('radius-1'),
+        ...style,
+      }}
+      {...props}
+    />
+  );
+}