chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,58 @@
+import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
+import { Input } from "~/components/primitives/Input";
+import { ShortcutKey } from "~/components/primitives/ShortcutKey";
+
+export default function Story() {
+  return (
+    <div className="flex gap-16">
+      <InputFieldSet />
+      <InputFieldSet disabled />
+    </div>
+  );
+}
+
+function InputFieldSet({ disabled }: { disabled?: boolean }) {
+  return (
+    <div>
+      <div className="m-8 flex w-64 flex-col gap-4">
+        <Input disabled={disabled} variant="large" placeholder="Name" autoFocus type="text" />
+        <Input disabled={disabled} variant="medium" placeholder="Name" type="text" />
+        <Input disabled={disabled} variant="small" placeholder="Name" type="text" />
+        <Input disabled={disabled} variant="tertiary" placeholder="Name" type="text" />
+        <Input disabled={disabled} variant="outline/large" placeholder="Name" type="text" />
+        <Input disabled={disabled} variant="outline/medium" placeholder="Name" type="text" />
+        <Input disabled={disabled} variant="outline/small" placeholder="Name" type="text" />
+      </div>
+      <div className="m-8 flex w-64 flex-col gap-4">
+        <Input
+          disabled={disabled}
+          variant="large"
+          placeholder="Search"
+          icon={MagnifyingGlassIcon}
+          accessory={<ShortcutKey shortcut={{ key: "k", modifiers: ["meta"] }} variant="medium" />}
+        />
+        <Input
+          disabled={disabled}
+          variant="medium"
+          placeholder="Search"
+          icon={MagnifyingGlassIcon}
+          accessory={<ShortcutKey shortcut={{ key: "k", modifiers: ["meta"] }} variant="small" />}
+        />
+        <Input
+          disabled={disabled}
+          variant="small"
+          placeholder="Search"
+          icon={MagnifyingGlassIcon}
+          accessory={<ShortcutKey shortcut={{ key: "k", modifiers: ["meta"] }} variant="small" />}
+        />
+        <Input
+          disabled={disabled}
+          variant="tertiary"
+          placeholder="Search"
+          icon={MagnifyingGlassIcon}
+          accessory={<ShortcutKey shortcut={{ key: "k", modifiers: ["meta"] }} variant="small" />}
+        />
+      </div>
+    </div>
+  );
+}