@dowel-ui/react 0.4.0 → 0.7.0

package/dist/components/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":["SheetPrimitive"],"sources":["../../../src/components/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A panel that enters from an edge of the viewport.\n *\n * Built on the same modal primitive as Dialog, so focus management, Escape\n * handling and page inerting are identical; only the placement and motion\n * differ. Reach for Sheet when the content is a secondary surface — filters,\n * details, navigation — rather than a decision that must be answered.\n */\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetPortal = SheetPrimitive.Portal;\nexport const SheetClose = SheetPrimitive.Close;\n\nexport function SheetOverlay({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-[var(--z-overlay)] bg-overlay\",\n        \"data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst sheetVariants = cva(\n  cn(\n    \"fixed z-[var(--z-drawer)] flex flex-col gap-4 bg-card p-6 text-card-foreground shadow-xl\",\n    \"data-[state=closed]:animate-slide-out data-[state=open]:animate-slide-in\",\n  ),\n  {\n    variants: {\n      // --slide-x/--slide-y feed the shared slide keyframes, so all four sides\n      // reuse one animation pair instead of eight bespoke keyframes.\n      side: {\n        top: \"inset-x-0 top-0 border-b [--slide-y:-100%]\",\n        bottom: \"inset-x-0 bottom-0 border-t [--slide-y:100%]\",\n        left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm border-r [--slide-x:-100%]\",\n        right: \"inset-y-0 right-0 h-full w-3/4 max-w-sm border-l [--slide-x:100%]\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  },\n);\n\nexport interface SheetContentProps\n  extends\n    ComponentPropsWithRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  showCloseButton?: boolean;\n}\n\nexport function SheetContent({\n  className,\n  children,\n  side,\n  showCloseButton = true,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(sheetVariants({ side }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            aria-label=\"Close\"\n            className={cn(\n              \"absolute top-4 right-4 grid size-7 place-items-center rounded-md text-muted-foreground\",\n              \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n              \"[&_svg]:size-4\",\n              focusRing,\n            )}\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path\n                d=\"m6 6 12 12M18 6 6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n          </SheetPrimitive.Close>\n        ) : null}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nexport function SheetHeader({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 pr-8 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function SheetTitle({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-lg leading-tight font-semibold tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { sheetVariants };\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAa,QAAQA,OAAe;AACpC,MAAa,eAAeA,OAAe;AAC3C,MAAa,cAAcA,OAAe;AAC1C,MAAa,aAAaA,OAAe;AAEzC,SAAgB,aAAa,EAC3B,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,iDACA,gFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,gBAAgB,IACpB,GACE,4FACA,0EACF,GACA;CACE,UAAU,EAGR,MAAM;EACJ,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CACF;AASA,SAAgB,aAAa,EAC3B,WACA,UACA,MACA,kBAAkB,MAClB,GAAG,SACiB;CACpB,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACf,qBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;EAChD,GAAI;EAHN,UAAA,CAKG,UACA,kBACC,oBAACA,OAAe,OAAhB;GACE,aAAU;GACV,cAAW;GACX,WAAW,GACT,0FACA,2FACA,kBACA,SACF;GAEA,UAAA,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAC/C,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;IACf,CAAA;GACE,CAAA;EACe,CAAA,IACpB,IACkB;CACb,CAAA,CAAA,EAAA,CAAA;AAEjB;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,kEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EACzB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,iBAAiB,EAC/B,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"sheet.js","names":["SheetPrimitive"],"sources":["../../../src/components/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Dialog as SheetPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A panel that enters from an edge of the viewport.\n *\n * Built on the same modal primitive as Dialog, so focus management, Escape\n * handling and page inerting are identical; only the placement and motion\n * differ. Reach for Sheet when the content is a secondary surface — filters,\n * details, navigation — rather than a decision that must be answered.\n */\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetPortal = SheetPrimitive.Portal;\nexport const SheetClose = SheetPrimitive.Close;\n\nexport function SheetOverlay({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-[var(--z-overlay)] bg-overlay\",\n        \"data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst sheetVariants = cva(\n  cn(\n    \"fixed z-[var(--z-drawer)] flex flex-col gap-4 bg-card p-6 text-card-foreground shadow-xl\",\n    \"data-[state=closed]:animate-slide-out data-[state=open]:animate-slide-in\",\n  ),\n  {\n    variants: {\n      // --slide-x/--slide-y feed the shared slide keyframes, so all four sides\n      // reuse one animation pair instead of eight bespoke keyframes.\n      side: {\n        top: \"inset-x-0 top-0 border-b [--slide-y:-100%]\",\n        bottom: \"inset-x-0 bottom-0 border-t [--slide-y:100%]\",\n        // rtl-ok: the variant is named `left`, and a sheet asked for on the\n        // left that opens on the right in Arabic is an API telling a lie. The\n        // logical version of this is a `start`/`end` side, which is a rename\n        // rather than a restyle.\n        left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm border-r [--slide-x:-100%]\", // rtl-ok: named side\n        right: \"inset-y-0 right-0 h-full w-3/4 max-w-sm border-l [--slide-x:100%]\", // rtl-ok: named side\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  },\n);\n\nexport interface SheetContentProps\n  extends\n    ComponentPropsWithRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  showCloseButton?: boolean;\n}\n\nexport function SheetContent({\n  className,\n  children,\n  side,\n  showCloseButton = true,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(sheetVariants({ side }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            aria-label=\"Close\"\n            className={cn(\n              \"absolute end-4 top-4 grid size-7 place-items-center rounded-md text-muted-foreground\",\n              \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n              \"[&_svg]:size-4\",\n              focusRing,\n            )}\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path\n                d=\"m6 6 12 12M18 6 6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n          </SheetPrimitive.Close>\n        ) : null}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nexport function SheetHeader({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 pe-8 text-start\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetFooter({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        \"mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function SheetTitle({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-lg leading-tight font-semibold tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function SheetDescription({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { sheetVariants };\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAa,QAAQA,OAAe;AACpC,MAAa,eAAeA,OAAe;AAC3C,MAAa,cAAcA,OAAe;AAC1C,MAAa,aAAaA,OAAe;AAEzC,SAAgB,aAAa,EAC3B,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GACT,iDACA,gFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,gBAAgB,IACpB,GACE,4FACA,0EACF,GACA;CACE,UAAU,EAGR,MAAM;EACJ,KAAK;EACL,QAAQ;EAKR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CACF;AASA,SAAgB,aAAa,EAC3B,WACA,UACA,MACA,kBAAkB,MAClB,GAAG,SACiB;CACpB,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACf,qBAACA,OAAe,SAAhB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;EAChD,GAAI;EAHN,UAAA,CAKG,UACA,kBACC,oBAACA,OAAe,OAAhB;GACE,aAAU;GACV,cAAW;GACX,WAAW,GACT,wFACA,2FACA,kBACA,SACF;GAEA,UAAA,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAC/C,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;IACf,CAAA;GACE,CAAA;EACe,CAAA,IACpB,IACkB;CACb,CAAA,CAAA,EAAA,CAAA;AAEjB;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,kEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,WAAW,EACzB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,iBAAiB,EAC/B,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/shortcut-recorder/index.d.ts

@@ -0,0 +1,3 @@
+import { Platform, RESERVED_KEYS, Shortcut, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual } from "./shortcut-model.js";
+import { ShortcutRecorder, ShortcutRecorderProps, TakenShortcut } from "./shortcut-recorder.js";
+export { type Platform, RESERVED_KEYS, type Shortcut, ShortcutRecorder, type ShortcutRecorderProps, type TakenShortcut, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual };

package/dist/components/shortcut-recorder/index.js

@@ -0,0 +1,3 @@
+import { RESERVED_KEYS, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual } from "./shortcut-model.js";
+import { ShortcutRecorder } from "./shortcut-recorder.js";
+export { RESERVED_KEYS, ShortcutRecorder, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual };

package/dist/components/shortcut-recorder/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/shortcut-recorder/meta.ts
+const meta = defineMeta({
+	name: "shortcut-recorder",
+	title: "Shortcut Recorder",
+	description: "Press the keys you want: records a chord, platform-aware, and says when it clashes.",
+	category: "form",
+	status: "stable",
+	dependencies: [],
+	registryDependencies: [],
+	files: ["shortcut-model.ts", "shortcut-recorder.tsx"],
+	a11y: "The recorder is a button named by what the shortcut does and described by its value in words — Command Shift K — while the key caps on it are hidden from assistive technology, since ⌘⇧K read aloud is noise. While recording it is aria-pressed and its description says what to do; Tab always leaves and Escape always cancels, so it is never a keyboard trap. Every outcome is announced through a status region present from the start: recorded, refused with the reason, clashing with which command, cancelled, cleared. Symbols are shown on a Mac and words elsewhere, and the description uses the platform's own names for its keys."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/shortcut-recorder/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/shortcut-recorder/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"shortcut-recorder\",\n  title: \"Shortcut Recorder\",\n  description:\n    \"Press the keys you want: records a chord, platform-aware, and says when it clashes.\",\n  category: \"form\",\n  status: \"stable\",\n  dependencies: [],\n  registryDependencies: [],\n  files: [\"shortcut-model.ts\", \"shortcut-recorder.tsx\"],\n  a11y:\n    \"The recorder is a button named by what the shortcut does and described by its value in \" +\n    \"words — Command Shift K — while the key caps on it are hidden from assistive technology, \" +\n    \"since ⌘⇧K read aloud is noise. While recording it is aria-pressed and its description \" +\n    \"says what to do; Tab always leaves and Escape always cancels, so it is never a keyboard \" +\n    \"trap. Every outcome is announced through a status region present from the start: recorded, \" +\n    \"refused with the reason, clashing with which command, cancelled, cleared. Symbols are shown \" +\n    \"on a Mac and words elsewhere, and the description uses the platform's own names for its \" +\n    \"keys.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aACE;CACF,UAAU;CACV,QAAQ;CACR,cAAc,CAAC;CACf,sBAAsB,CAAC;CACvB,OAAO,CAAC,qBAAqB,uBAAuB;CACpD,MACE;AAQJ,CAAC"}

package/dist/components/shortcut-recorder/shortcut-model.d.ts

@@ -0,0 +1,67 @@
+//#region src/components/shortcut-recorder/shortcut-model.d.ts
+/**
+ * A keyboard shortcut as a value: parsed from the string an app stores,
+ * built from a keydown, and written back out for a Mac, for everyone else,
+ * and for the ear.
+ *
+ * Pure, so the modifier canon, the platform rendering and the conflict rule
+ * are tested without a keyboard, and so the same `parseShortcut` can run on
+ * the server that validates a saved binding.
+ *
+ * The stored form is platform-neutral: `Mod+Shift+K`, where `Mod` is Command
+ * on a Mac and Control elsewhere. That is the one decision every app makes
+ * and few make explicitly — a binding saved as `Ctrl+K` on Windows is wrong
+ * the moment the same account opens on a Mac.
+ */
+type Platform = "mac" | "other";
+interface Shortcut {
+  /** The non-modifier key, canonical: `K`, `1`, `ArrowUp`, `F5`, `Enter`, `Space`. */
+  key: string;
+  /** Command on a Mac, Control elsewhere. */
+  mod: boolean;
+  /** Control, held explicitly — on a Mac this is a different key from Mod. */
+  ctrl: boolean;
+  alt: boolean;
+  shift: boolean;
+}
+/** Keys that cannot be a shortcut, because they already mean something. */
+declare const RESERVED_KEYS: Set<string>;
+/**
+ * `Mod+Shift+K` to a shortcut. Accepts the spellings people use — `Cmd`,
+ * `Command`, `Ctrl`, `Option` — and throws on an empty or modifier-only one.
+ */
+declare function parseShortcut(text: string): Shortcut;
+/** The stored, platform-neutral form. Modifiers in a fixed order, so equal shortcuts are equal strings. */
+declare function serializeShortcut(shortcut: Shortcut): string;
+declare function shortcutsEqual(a: Shortcut, b: Shortcut): boolean;
+interface KeyLike {
+  key: string;
+  code?: string;
+  metaKey: boolean;
+  ctrlKey: boolean;
+  altKey: boolean;
+  shiftKey: boolean;
+}
+/**
+ * The shortcut a keydown amounts to, or null while only modifiers are held.
+ *
+ * Letters and digits come from `code`, not `key`: with Shift or Option held,
+ * `key` is `K`, `˚` or `∆` depending on the layout and the platform, and a
+ * shortcut recorded as Option-∆ is one nobody can read back. `Mod` is Meta
+ * on a Mac and Control elsewhere; the other one, when held, is kept as
+ * itself.
+ */
+declare function shortcutFromKey(event: KeyLike, platform: Platform): Shortcut | null;
+/** Printable keys need a modifier: a bare K as a shortcut fires while someone types a sentence. */
+declare function needsModifier(shortcut: Shortcut): boolean;
+/** The parts to draw, in order: symbols on a Mac, words elsewhere. */
+declare function shortcutParts(shortcut: Shortcut, platform: Platform): string[];
+/** "⌘⇧K" on a Mac, "Ctrl+Shift+K" elsewhere. */
+declare function formatShortcut(shortcut: Shortcut, platform: Platform): string;
+/** "Command Shift K" — words, for the ear, whatever the screen shows. */
+declare function describeShortcut(shortcut: Shortcut, platform: Platform): string;
+/** Whether the browser is on a Mac, by the only signal it gives. */
+declare function detectPlatform(): Platform;
+//#endregion
+export { Platform, RESERVED_KEYS, Shortcut, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual };
+//# sourceMappingURL=shortcut-model.d.ts.map

package/dist/components/shortcut-recorder/shortcut-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-model.d.ts","names":[],"sources":["../../../src/components/shortcut-recorder/shortcut-model.ts"],"mappings":";;;;;;;;;;;;;;;KAeY;UAEK;;EAEf;;EAEA;;EAEA;EACA;EACA;;;cAMW,eAAa;;;;;iBAgCV,cAAc,eAAe;;iBAsB7B,kBAAkB,UAAU;iBAU5B,eAAe,GAAG,UAAU,GAAG;UAIrC;EACR;EACA;EACA;EACA;EACA;EACA;;;;;;;;;;;iBAYc,gBAAgB,OAAO,SAAS,UAAU,WAAW;;iBAoBrD,cAAc,UAAU;;iBA2BxB,cAAc,UAAU,UAAU,UAAU;;iBAe5C,eAAe,UAAU,UAAU,UAAU;;iBAK7C,iBAAiB,UAAU,UAAU,UAAU;;iBAa/C,kBAAkB"}

package/dist/components/shortcut-recorder/shortcut-model.js

@@ -0,0 +1,168 @@
+//#region src/components/shortcut-recorder/shortcut-model.ts
+const MODIFIER_KEYS = /* @__PURE__ */ new Set([
+	"Meta",
+	"Control",
+	"Alt",
+	"Shift",
+	"OS",
+	"AltGraph",
+	"Fn"
+]);
+/** Keys that cannot be a shortcut, because they already mean something. */
+const RESERVED_KEYS = /* @__PURE__ */ new Set(["Tab", "Escape"]);
+const KEY_ALIASES = {
+	" ": "Space",
+	spacebar: "Space",
+	esc: "Escape",
+	return: "Enter",
+	del: "Delete",
+	up: "ArrowUp",
+	down: "ArrowDown",
+	left: "ArrowLeft",
+	right: "ArrowRight",
+	cmd: "Mod",
+	command: "Mod",
+	meta: "Mod",
+	control: "Ctrl",
+	option: "Alt"
+};
+/** The canonical key name for a token someone typed or stored. */
+function canonicalKey(token) {
+	const alias = KEY_ALIASES[token.toLowerCase()];
+	if (alias) return alias;
+	if (token.length === 1) return token.toUpperCase();
+	return token.charAt(0).toUpperCase() + token.slice(1);
+}
+/**
+* `Mod+Shift+K` to a shortcut. Accepts the spellings people use — `Cmd`,
+* `Command`, `Ctrl`, `Option` — and throws on an empty or modifier-only one.
+*/
+function parseShortcut(text) {
+	const tokens = text.split("+").map((token) => token.trim()).filter(Boolean);
+	if (tokens.length === 0) throw new Error("Enter a shortcut.");
+	const shortcut = {
+		key: "",
+		mod: false,
+		ctrl: false,
+		alt: false,
+		shift: false
+	};
+	for (const token of tokens) {
+		const canonical = canonicalKey(token);
+		if (canonical === "Mod") shortcut.mod = true;
+		else if (canonical === "Ctrl") shortcut.ctrl = true;
+		else if (canonical === "Alt") shortcut.alt = true;
+		else if (canonical === "Shift") shortcut.shift = true;
+		else if (shortcut.key) throw new Error(`"${text}" has two keys; a shortcut has one.`);
+		else shortcut.key = canonical;
+	}
+	if (!shortcut.key) throw new Error(`"${text}" is only modifiers; it needs a key.`);
+	return shortcut;
+}
+/** The stored, platform-neutral form. Modifiers in a fixed order, so equal shortcuts are equal strings. */
+function serializeShortcut(shortcut) {
+	const parts = [];
+	if (shortcut.mod) parts.push("Mod");
+	if (shortcut.ctrl) parts.push("Ctrl");
+	if (shortcut.alt) parts.push("Alt");
+	if (shortcut.shift) parts.push("Shift");
+	parts.push(shortcut.key);
+	return parts.join("+");
+}
+function shortcutsEqual(a, b) {
+	return serializeShortcut(a) === serializeShortcut(b);
+}
+/**
+* The shortcut a keydown amounts to, or null while only modifiers are held.
+*
+* Letters and digits come from `code`, not `key`: with Shift or Option held,
+* `key` is `K`, `˚` or `∆` depending on the layout and the platform, and a
+* shortcut recorded as Option-∆ is one nobody can read back. `Mod` is Meta
+* on a Mac and Control elsewhere; the other one, when held, is kept as
+* itself.
+*/
+function shortcutFromKey(event, platform) {
+	if (MODIFIER_KEYS.has(event.key)) return null;
+	let key;
+	const code = event.code ?? "";
+	if (/^Key[A-Z]$/.test(code)) key = code.slice(3);
+	else if (/^Digit[0-9]$/.test(code)) key = code.slice(5);
+	else key = canonicalKey(event.key);
+	const mac = platform === "mac";
+	return {
+		key,
+		mod: mac ? event.metaKey : event.ctrlKey,
+		ctrl: mac ? event.ctrlKey : false,
+		alt: event.altKey,
+		shift: event.shiftKey
+	};
+}
+/** Printable keys need a modifier: a bare K as a shortcut fires while someone types a sentence. */
+function needsModifier(shortcut) {
+	return (shortcut.key.length === 1 || shortcut.key === "Space") && !shortcut.mod && !shortcut.ctrl && !shortcut.alt;
+}
+const MAC_SYMBOLS = {
+	Mod: "⌘",
+	Ctrl: "⌃",
+	Alt: "⌥",
+	Shift: "⇧",
+	Enter: "↩",
+	Backspace: "⌫",
+	Delete: "⌦",
+	ArrowUp: "↑",
+	ArrowDown: "↓",
+	ArrowLeft: "←",
+	ArrowRight: "→",
+	Escape: "⎋",
+	Space: "Space"
+};
+const SPOKEN = {
+	mac: {
+		Mod: "Command",
+		Ctrl: "Control",
+		Alt: "Option",
+		Shift: "Shift"
+	},
+	other: {
+		Mod: "Control",
+		Ctrl: "Control",
+		Alt: "Alt",
+		Shift: "Shift"
+	}
+};
+/** The parts to draw, in order: symbols on a Mac, words elsewhere. */
+function shortcutParts(shortcut, platform) {
+	const parts = [];
+	const name = (modifier) => platform === "mac" ? MAC_SYMBOLS[modifier] ?? modifier : SPOKEN.other[modifier] ?? modifier;
+	if (shortcut.mod) parts.push(name("Mod"));
+	if (shortcut.ctrl && !(platform === "other" && shortcut.mod)) parts.push(name("Ctrl"));
+	if (shortcut.alt) parts.push(name("Alt"));
+	if (shortcut.shift) parts.push(name("Shift"));
+	parts.push(platform === "mac" ? MAC_SYMBOLS[shortcut.key] ?? shortcut.key : shortcut.key);
+	return parts;
+}
+/** "⌘⇧K" on a Mac, "Ctrl+Shift+K" elsewhere. */
+function formatShortcut(shortcut, platform) {
+	return shortcutParts(shortcut, platform).join(platform === "mac" ? "" : "+");
+}
+/** "Command Shift K" — words, for the ear, whatever the screen shows. */
+function describeShortcut(shortcut, platform) {
+	const words = [];
+	const spoken = SPOKEN[platform];
+	if (shortcut.mod) words.push(spoken.Mod ?? "Mod");
+	if (shortcut.ctrl && !(platform === "other" && shortcut.mod)) words.push(spoken.Ctrl ?? "Ctrl");
+	if (shortcut.alt) words.push(spoken.Alt ?? "Alt");
+	if (shortcut.shift) words.push(spoken.Shift ?? "Shift");
+	words.push(shortcut.key.replace(/^Arrow/, "Arrow "));
+	return words.join(" ");
+}
+/** Whether the browser is on a Mac, by the only signal it gives. */
+function detectPlatform() {
+	if (typeof navigator === "undefined") return "other";
+	const hint = navigator.userAgentData?.platform ?? navigator.platform;
+	return /mac|iphone|ipad|ipod/i.test(hint) ? "mac" : "other";
+}
+//#endregion
+export { RESERVED_KEYS, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual };
+
+//# sourceMappingURL=shortcut-model.js.map

package/dist/components/shortcut-recorder/shortcut-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-model.js","names":[],"sources":["../../../src/components/shortcut-recorder/shortcut-model.ts"],"sourcesContent":["/**\n * A keyboard shortcut as a value: parsed from the string an app stores,\n * built from a keydown, and written back out for a Mac, for everyone else,\n * and for the ear.\n *\n * Pure, so the modifier canon, the platform rendering and the conflict rule\n * are tested without a keyboard, and so the same `parseShortcut` can run on\n * the server that validates a saved binding.\n *\n * The stored form is platform-neutral: `Mod+Shift+K`, where `Mod` is Command\n * on a Mac and Control elsewhere. That is the one decision every app makes\n * and few make explicitly — a binding saved as `Ctrl+K` on Windows is wrong\n * the moment the same account opens on a Mac.\n */\n\nexport type Platform = \"mac\" | \"other\";\n\nexport interface Shortcut {\n  /** The non-modifier key, canonical: `K`, `1`, `ArrowUp`, `F5`, `Enter`, `Space`. */\n  key: string;\n  /** Command on a Mac, Control elsewhere. */\n  mod: boolean;\n  /** Control, held explicitly — on a Mac this is a different key from Mod. */\n  ctrl: boolean;\n  alt: boolean;\n  shift: boolean;\n}\n\nconst MODIFIER_KEYS = new Set([\"Meta\", \"Control\", \"Alt\", \"Shift\", \"OS\", \"AltGraph\", \"Fn\"]);\n\n/** Keys that cannot be a shortcut, because they already mean something. */\nexport const RESERVED_KEYS = new Set([\"Tab\", \"Escape\"]);\n\nconst KEY_ALIASES: Record<string, string> = {\n  \" \": \"Space\",\n  spacebar: \"Space\",\n  esc: \"Escape\",\n  return: \"Enter\",\n  del: \"Delete\",\n  up: \"ArrowUp\",\n  down: \"ArrowDown\",\n  left: \"ArrowLeft\",\n  right: \"ArrowRight\",\n  cmd: \"Mod\",\n  command: \"Mod\",\n  meta: \"Mod\",\n  control: \"Ctrl\",\n  option: \"Alt\",\n};\n\n/** The canonical key name for a token someone typed or stored. */\nfunction canonicalKey(token: string): string {\n  const alias = KEY_ALIASES[token.toLowerCase()];\n  if (alias) return alias;\n  if (token.length === 1) return token.toUpperCase();\n  // ArrowUp, F5, Enter, Backspace, Delete, Home, End, PageUp…\n  return token.charAt(0).toUpperCase() + token.slice(1);\n}\n\n/**\n * `Mod+Shift+K` to a shortcut. Accepts the spellings people use — `Cmd`,\n * `Command`, `Ctrl`, `Option` — and throws on an empty or modifier-only one.\n */\nexport function parseShortcut(text: string): Shortcut {\n  const tokens = text\n    .split(\"+\")\n    .map((token) => token.trim())\n    .filter(Boolean);\n  if (tokens.length === 0) throw new Error(\"Enter a shortcut.\");\n\n  const shortcut: Shortcut = { key: \"\", mod: false, ctrl: false, alt: false, shift: false };\n  for (const token of tokens) {\n    const canonical = canonicalKey(token);\n    if (canonical === \"Mod\") shortcut.mod = true;\n    else if (canonical === \"Ctrl\") shortcut.ctrl = true;\n    else if (canonical === \"Alt\") shortcut.alt = true;\n    else if (canonical === \"Shift\") shortcut.shift = true;\n    else if (shortcut.key) throw new Error(`\"${text}\" has two keys; a shortcut has one.`);\n    else shortcut.key = canonical;\n  }\n  if (!shortcut.key) throw new Error(`\"${text}\" is only modifiers; it needs a key.`);\n  return shortcut;\n}\n\n/** The stored, platform-neutral form. Modifiers in a fixed order, so equal shortcuts are equal strings. */\nexport function serializeShortcut(shortcut: Shortcut): string {\n  const parts: string[] = [];\n  if (shortcut.mod) parts.push(\"Mod\");\n  if (shortcut.ctrl) parts.push(\"Ctrl\");\n  if (shortcut.alt) parts.push(\"Alt\");\n  if (shortcut.shift) parts.push(\"Shift\");\n  parts.push(shortcut.key);\n  return parts.join(\"+\");\n}\n\nexport function shortcutsEqual(a: Shortcut, b: Shortcut): boolean {\n  return serializeShortcut(a) === serializeShortcut(b);\n}\n\ninterface KeyLike {\n  key: string;\n  code?: string;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  shiftKey: boolean;\n}\n\n/**\n * The shortcut a keydown amounts to, or null while only modifiers are held.\n *\n * Letters and digits come from `code`, not `key`: with Shift or Option held,\n * `key` is `K`, `˚` or `∆` depending on the layout and the platform, and a\n * shortcut recorded as Option-∆ is one nobody can read back. `Mod` is Meta\n * on a Mac and Control elsewhere; the other one, when held, is kept as\n * itself.\n */\nexport function shortcutFromKey(event: KeyLike, platform: Platform): Shortcut | null {\n  if (MODIFIER_KEYS.has(event.key)) return null;\n\n  let key: string;\n  const code = event.code ?? \"\";\n  if (/^Key[A-Z]$/.test(code)) key = code.slice(3);\n  else if (/^Digit[0-9]$/.test(code)) key = code.slice(5);\n  else key = canonicalKey(event.key);\n\n  const mac = platform === \"mac\";\n  return {\n    key,\n    mod: mac ? event.metaKey : event.ctrlKey,\n    ctrl: mac ? event.ctrlKey : false,\n    alt: event.altKey,\n    shift: event.shiftKey,\n  };\n}\n\n/** Printable keys need a modifier: a bare K as a shortcut fires while someone types a sentence. */\nexport function needsModifier(shortcut: Shortcut): boolean {\n  const printable = shortcut.key.length === 1 || shortcut.key === \"Space\";\n  return printable && !shortcut.mod && !shortcut.ctrl && !shortcut.alt;\n}\n\nconst MAC_SYMBOLS: Record<string, string> = {\n  Mod: \"⌘\",\n  Ctrl: \"⌃\",\n  Alt: \"⌥\",\n  Shift: \"⇧\",\n  Enter: \"↩\",\n  Backspace: \"⌫\",\n  Delete: \"⌦\",\n  ArrowUp: \"↑\",\n  ArrowDown: \"↓\",\n  ArrowLeft: \"←\",\n  ArrowRight: \"→\",\n  Escape: \"⎋\",\n  Space: \"Space\",\n};\n\nconst SPOKEN: Record<Platform, Record<string, string>> = {\n  mac: { Mod: \"Command\", Ctrl: \"Control\", Alt: \"Option\", Shift: \"Shift\" },\n  other: { Mod: \"Control\", Ctrl: \"Control\", Alt: \"Alt\", Shift: \"Shift\" },\n};\n\n/** The parts to draw, in order: symbols on a Mac, words elsewhere. */\nexport function shortcutParts(shortcut: Shortcut, platform: Platform): string[] {\n  const parts: string[] = [];\n  const name = (modifier: string) =>\n    platform === \"mac\"\n      ? (MAC_SYMBOLS[modifier] ?? modifier)\n      : (SPOKEN.other[modifier] ?? modifier);\n  if (shortcut.mod) parts.push(name(\"Mod\"));\n  if (shortcut.ctrl && !(platform === \"other\" && shortcut.mod)) parts.push(name(\"Ctrl\"));\n  if (shortcut.alt) parts.push(name(\"Alt\"));\n  if (shortcut.shift) parts.push(name(\"Shift\"));\n  parts.push(platform === \"mac\" ? (MAC_SYMBOLS[shortcut.key] ?? shortcut.key) : shortcut.key);\n  return parts;\n}\n\n/** \"⌘⇧K\" on a Mac, \"Ctrl+Shift+K\" elsewhere. */\nexport function formatShortcut(shortcut: Shortcut, platform: Platform): string {\n  return shortcutParts(shortcut, platform).join(platform === \"mac\" ? \"\" : \"+\");\n}\n\n/** \"Command Shift K\" — words, for the ear, whatever the screen shows. */\nexport function describeShortcut(shortcut: Shortcut, platform: Platform): string {\n  const words: string[] = [];\n  const spoken = SPOKEN[platform];\n  if (shortcut.mod) words.push(spoken.Mod ?? \"Mod\");\n  if (shortcut.ctrl && !(platform === \"other\" && shortcut.mod))\n    words.push(spoken.Ctrl ?? \"Ctrl\");\n  if (shortcut.alt) words.push(spoken.Alt ?? \"Alt\");\n  if (shortcut.shift) words.push(spoken.Shift ?? \"Shift\");\n  words.push(shortcut.key.replace(/^Arrow/, \"Arrow \"));\n  return words.join(\" \");\n}\n\n/** Whether the browser is on a Mac, by the only signal it gives. */\nexport function detectPlatform(): Platform {\n  if (typeof navigator === \"undefined\") return \"other\";\n  const hint =\n    (navigator as { userAgentData?: { platform?: string } }).userAgentData?.platform ??\n    navigator.platform;\n  return /mac|iphone|ipad|ipod/i.test(hint) ? \"mac\" : \"other\";\n}\n"],"mappings":"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"}

package/dist/components/shortcut-recorder/shortcut-recorder.d.ts

@@ -0,0 +1,47 @@
+import { Platform } from "./shortcut-model.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/shortcut-recorder/shortcut-recorder.d.ts
+/**
+ * Press the keys you want.
+ *
+ * Linear, Slack, VS Code, Figma and Superhuman each wrote one, and no
+ * component library ships the recorder — only the `<kbd>` that displays the
+ * result. The recorder is the hard part: a button that, when pressed, stops
+ * being a button and starts being a keyboard listener, and has to come back.
+ *
+ * Three things it does that a listener bolted onto an input does not. It
+ * reads letters from `code`, not `key`, so Option-K records as Option K and
+ * not as the ˚ the Mac produced. It stores `Mod`, not Command or Control,
+ * so a binding saved on one machine is right on the other. And it refuses a
+ * bare printable key by saying so, because a shortcut that fires while
+ * someone types a sentence is the bug every app that allowed it later fixed.
+ *
+ * Tab and Escape are never recorded: Tab leaves, Escape cancels, and a
+ * recorder that captures both is a keyboard trap with a nice label. A
+ * chord that another command already uses is said, with that command's
+ * name, and applied only if the person says to use it anyway.
+ */
+interface TakenShortcut {
+  /** Stored form: `Mod+K`. */
+  shortcut: string;
+  /** What it does: "Search". */
+  label: string;
+}
+interface ShortcutRecorderProps extends Omit<ComponentPropsWithRef<"div">, "onChange" | "defaultValue"> {
+  /** What the shortcut triggers: "Open search". Names the control. */
+  label: string;
+  /** Stored form, `Mod+Shift+K`, or null for none. Controlled. */
+  value?: string | null;
+  defaultValue?: string | null;
+  onChange?: (value: string | null) => void;
+  /** Shortcuts other commands already use. A clash is said, and applied only on request. */
+  taken?: TakenShortcut[];
+  /** Mac shows ⌘⇧K; everything else shows Ctrl+Shift+K. Detected if omitted. */
+  platform?: Platform;
+  /** Printable keys need a modifier. On by default, for the reason in the source. */
+  requireModifier?: boolean;
+}
+declare function ShortcutRecorder({ className, label, value: valueProp, defaultValue, onChange, taken, platform: platformProp, requireModifier, ...props }: ShortcutRecorderProps): import("react").JSX.Element;
+//#endregion
+export { ShortcutRecorder, ShortcutRecorderProps, TakenShortcut };
+//# sourceMappingURL=shortcut-recorder.d.ts.map

package/dist/components/shortcut-recorder/shortcut-recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-recorder.d.ts","names":[],"sources":["../../../src/components/shortcut-recorder/shortcut-recorder.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;UA+CiB;;EAEf;;EAEA;;UAGe,8BAA8B,KAC7C;;EAIA;;EAEA;EACA;EACA,YAAY;;EAEZ,QAAQ;;EAER,WAAW;;EAEX;;iBAUc,mBACd,WACA,OACA,OAAO,WACP,cACA,UACA,OACA,UAAU,cACV,oBACG,SACF,wCAAqB,IAAA"}

package/dist/components/shortcut-recorder/shortcut-recorder.js

@@ -0,0 +1,212 @@
+"use client";
+import { disabledStyles, focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { describeShortcut, detectPlatform, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual } from "./shortcut-model.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState, useSyncExternalStore } from "react";
+//#region src/components/shortcut-recorder/shortcut-recorder.tsx
+const subscribeToNothing = () => () => void 0;
+const readPlatform = () => detectPlatform();
+const readNeutralPlatform = () => "other";
+function ShortcutRecorder({ className, label, value: valueProp, defaultValue = null, onChange, taken = [], platform: platformProp, requireModifier = true, ...props }) {
+	const id = useId();
+	const detected = useSyncExternalStore(subscribeToNothing, readPlatform, readNeutralPlatform);
+	const platform = platformProp ?? detected;
+	const [uncontrolled, setUncontrolled] = useState(defaultValue);
+	const value = valueProp === void 0 ? uncontrolled : valueProp;
+	const current = value ? safeParse(value) : null;
+	const [recording, setRecording] = useState(false);
+	/** Modifiers held mid-chord, shown so the person sees the recorder listening. */
+	const [held, setHeld] = useState(null);
+	const [conflict, setConflict] = useState(null);
+	const [announcement, setAnnouncement] = useState("");
+	const commit = (next) => {
+		const serialized = next ? serializeShortcut(next) : null;
+		setUncontrolled(serialized);
+		onChange?.(serialized);
+	};
+	const stop = () => {
+		setRecording(false);
+		setHeld(null);
+	};
+	const onKeyDown = (event) => {
+		if (!recording) return;
+		if (event.key === "Tab") {
+			stop();
+			setAnnouncement("Cancelled.");
+			return;
+		}
+		event.preventDefault();
+		if (event.key === "Escape") {
+			stop();
+			setAnnouncement("Cancelled.");
+			return;
+		}
+		if ((event.key === "Backspace" || event.key === "Delete") && !hasModifier(event)) {
+			stop();
+			commit(null);
+			setAnnouncement("Cleared.");
+			return;
+		}
+		const chord = shortcutFromKey(event.nativeEvent, platform);
+		if (!chord) {
+			setHeld({
+				key: "",
+				mod: platform === "mac" ? event.metaKey : event.ctrlKey,
+				ctrl: platform === "mac" ? event.ctrlKey : false,
+				alt: event.altKey,
+				shift: event.shiftKey
+			});
+			return;
+		}
+		if (requireModifier && needsModifier(chord)) {
+			setAnnouncement(`${describeShortcut(chord, platform)} needs a modifier — it would fire while typing. Try again.`);
+			setHeld(null);
+			return;
+		}
+		const clash = taken.find((entry) => shortcutsEqual(safeParse(entry.shortcut) ?? chord, chord));
+		stop();
+		if (clash && !(current && shortcutsEqual(current, chord))) {
+			setConflict({
+				shortcut: chord,
+				with: clash
+			});
+			setAnnouncement(`${describeShortcut(chord, platform)} is already used by ${clash.label}.`);
+			return;
+		}
+		commit(chord);
+		setAnnouncement(`Recorded ${describeShortcut(chord, platform)}.`);
+	};
+	const onKeyUp = (event) => {
+		if (!recording || !held) return;
+		setHeld({
+			key: "",
+			mod: platform === "mac" ? event.metaKey : event.ctrlKey,
+			ctrl: platform === "mac" ? event.ctrlKey : false,
+			alt: event.altKey,
+			shift: event.shiftKey
+		});
+	};
+	const shown = recording ? held : current;
+	const description = recording ? "Press the keys you want. Escape cancels, Backspace clears." : current ? `${describeShortcut(current, platform)}. Press to change.` : "Not set. Press to record.";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "shortcut-recorder",
+		"data-state": recording ? "recording" : conflict ? "conflict" : current ? "set" : "empty",
+		className: cn("flex flex-col gap-1.5", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				id: `${id}-label`,
+				className: "text-xs font-medium",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-labelledby": `${id}-label`,
+					"aria-describedby": `${id}-description`,
+					"aria-pressed": recording,
+					className: cn("flex h-9 min-w-32 items-center justify-center gap-1 rounded-md border px-3 font-mono text-sm", recording ? "border-primary bg-primary/5 text-muted-foreground" : "border-input bg-background hover:bg-accent", focusRing, disabledStyles),
+					onClick: () => {
+						if (recording) return;
+						setConflict(null);
+						setRecording(true);
+						setAnnouncement("");
+					},
+					onKeyDown,
+					onKeyUp,
+					onBlur: () => {
+						if (recording) {
+							stop();
+							setAnnouncement("Cancelled.");
+						}
+					},
+					children: /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "flex items-center gap-1",
+						children: shown && (shown.key || shown.mod || shown.ctrl || shown.alt || shown.shift) ? shortcutParts(shown, platform).filter(Boolean).map((part, index) => /* @__PURE__ */ jsx("kbd", {
+							className: "rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs",
+							children: part
+						}, index)) : recording ? /* @__PURE__ */ jsx("span", {
+							className: "text-xs",
+							children: "Press keys…"
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "text-xs text-muted-foreground",
+							children: "Not set"
+						})
+					})
+				}), current && !recording ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": `Clear — ${label}`,
+					className: cn("rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium hover:bg-accent", focusRing),
+					onClick: () => {
+						commit(null);
+						setConflict(null);
+						setAnnouncement("Cleared.");
+					},
+					children: "Clear"
+				}) : null]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				id: `${id}-description`,
+				className: "text-xs text-muted-foreground",
+				children: description
+			}),
+			conflict ? /* @__PURE__ */ jsxs("div", {
+				"data-slot": "shortcut-conflict",
+				className: "flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/5 px-2.5 py-1.5 text-xs",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "flex-1 text-warning",
+						children: [
+							describeShortcut(conflict.shortcut, platform),
+							" is already used by",
+							" ",
+							/* @__PURE__ */ jsx("strong", { children: conflict.with.label }),
+							"."
+						]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: cn("rounded-md border border-input bg-background px-2 py-0.5 font-medium hover:bg-accent", focusRing),
+						onClick: () => {
+							commit(conflict.shortcut);
+							setConflict(null);
+							setAnnouncement(`Recorded ${describeShortcut(conflict.shortcut, platform)}. ${conflict.with.label} no longer has a shortcut.`);
+						},
+						children: "Use anyway"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: cn("rounded-md border border-input bg-background px-2 py-0.5 font-medium hover:bg-accent", focusRing),
+						onClick: () => {
+							setConflict(null);
+						},
+						children: "Keep the old one"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: announcement
+			})
+		]
+	});
+}
+function hasModifier(event) {
+	return event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;
+}
+function safeParse(text) {
+	try {
+		return parseShortcut(text);
+	} catch {
+		return null;
+	}
+}
+//#endregion
+export { ShortcutRecorder };
+
+//# sourceMappingURL=shortcut-recorder.js.map

package/dist/components/shortcut-recorder/shortcut-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-recorder.js","names":[],"sources":["../../../src/components/shortcut-recorder/shortcut-recorder.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useId,\n  useState,\n  useSyncExternalStore,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { disabledStyles, focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  describeShortcut,\n  detectPlatform,\n  needsModifier,\n  parseShortcut,\n  serializeShortcut,\n  shortcutFromKey,\n  shortcutParts,\n  shortcutsEqual,\n  type Platform,\n  type Shortcut,\n} from \"./shortcut-model\";\n\n/**\n * Press the keys you want.\n *\n * Linear, Slack, VS Code, Figma and Superhuman each wrote one, and no\n * component library ships the recorder — only the `<kbd>` that displays the\n * result. The recorder is the hard part: a button that, when pressed, stops\n * being a button and starts being a keyboard listener, and has to come back.\n *\n * Three things it does that a listener bolted onto an input does not. It\n * reads letters from `code`, not `key`, so Option-K records as Option K and\n * not as the ˚ the Mac produced. It stores `Mod`, not Command or Control,\n * so a binding saved on one machine is right on the other. And it refuses a\n * bare printable key by saying so, because a shortcut that fires while\n * someone types a sentence is the bug every app that allowed it later fixed.\n *\n * Tab and Escape are never recorded: Tab leaves, Escape cancels, and a\n * recorder that captures both is a keyboard trap with a nice label. A\n * chord that another command already uses is said, with that command's\n * name, and applied only if the person says to use it anyway.\n */\n\nexport interface TakenShortcut {\n  /** Stored form: `Mod+K`. */\n  shortcut: string;\n  /** What it does: \"Search\". */\n  label: string;\n}\n\nexport interface ShortcutRecorderProps extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** What the shortcut triggers: \"Open search\". Names the control. */\n  label: string;\n  /** Stored form, `Mod+Shift+K`, or null for none. Controlled. */\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null) => void;\n  /** Shortcuts other commands already use. A clash is said, and applied only on request. */\n  taken?: TakenShortcut[];\n  /** Mac shows ⌘⇧K; everything else shows Ctrl+Shift+K. Detected if omitted. */\n  platform?: Platform;\n  /** Printable keys need a modifier. On by default, for the reason in the source. */\n  requireModifier?: boolean;\n}\n\n/* The platform, as an external store that never changes: a constant that the\n   server cannot know, so the server snapshot is the neutral one and the real\n   answer arrives after hydration without a mismatch. */\nconst subscribeToNothing = () => () => undefined;\nconst readPlatform = () => detectPlatform();\nconst readNeutralPlatform = (): Platform => \"other\";\n\nexport function ShortcutRecorder({\n  className,\n  label,\n  value: valueProp,\n  defaultValue = null,\n  onChange,\n  taken = [],\n  platform: platformProp,\n  requireModifier = true,\n  ...props\n}: ShortcutRecorderProps) {\n  const id = useId();\n  const detected = useSyncExternalStore(subscribeToNothing, readPlatform, readNeutralPlatform);\n  const platform = platformProp ?? detected;\n\n  const [uncontrolled, setUncontrolled] = useState<string | null>(defaultValue);\n  const value = valueProp === undefined ? uncontrolled : valueProp;\n  const current = value ? safeParse(value) : null;\n\n  const [recording, setRecording] = useState(false);\n  /** Modifiers held mid-chord, shown so the person sees the recorder listening. */\n  const [held, setHeld] = useState<Shortcut | null>(null);\n  const [conflict, setConflict] = useState<{ shortcut: Shortcut; with: TakenShortcut } | null>(\n    null,\n  );\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  const commit = (next: Shortcut | null) => {\n    const serialized = next ? serializeShortcut(next) : null;\n    setUncontrolled(serialized);\n    onChange?.(serialized);\n  };\n\n  const stop = () => {\n    setRecording(false);\n    setHeld(null);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (!recording) return;\n    // Tab leaves. A recorder that keeps it is a keyboard trap.\n    if (event.key === \"Tab\") {\n      stop();\n      setAnnouncement(\"Cancelled.\");\n      return;\n    }\n    event.preventDefault();\n    if (event.key === \"Escape\") {\n      stop();\n      setAnnouncement(\"Cancelled.\");\n      return;\n    }\n    if ((event.key === \"Backspace\" || event.key === \"Delete\") && !hasModifier(event)) {\n      stop();\n      commit(null);\n      setAnnouncement(\"Cleared.\");\n      return;\n    }\n\n    const chord = shortcutFromKey(event.nativeEvent, platform);\n    if (!chord) {\n      // Only modifiers so far. Show them, keep listening.\n      setHeld({\n        key: \"\",\n        mod: platform === \"mac\" ? event.metaKey : event.ctrlKey,\n        ctrl: platform === \"mac\" ? event.ctrlKey : false,\n        alt: event.altKey,\n        shift: event.shiftKey,\n      });\n      return;\n    }\n\n    if (requireModifier && needsModifier(chord)) {\n      setAnnouncement(\n        `${describeShortcut(chord, platform)} needs a modifier — it would fire while typing. Try again.`,\n      );\n      setHeld(null);\n      return;\n    }\n\n    const clash = taken.find((entry) =>\n      shortcutsEqual(safeParse(entry.shortcut) ?? chord, chord),\n    );\n    stop();\n    if (clash && !(current && shortcutsEqual(current, chord))) {\n      setConflict({ shortcut: chord, with: clash });\n      setAnnouncement(\n        `${describeShortcut(chord, platform)} is already used by ${clash.label}.`,\n      );\n      return;\n    }\n    commit(chord);\n    setAnnouncement(`Recorded ${describeShortcut(chord, platform)}.`);\n  };\n\n  const onKeyUp = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (!recording || !held) return;\n    setHeld({\n      key: \"\",\n      mod: platform === \"mac\" ? event.metaKey : event.ctrlKey,\n      ctrl: platform === \"mac\" ? event.ctrlKey : false,\n      alt: event.altKey,\n      shift: event.shiftKey,\n    });\n  };\n\n  const shown = recording ? held : current;\n  const description = recording\n    ? \"Press the keys you want. Escape cancels, Backspace clears.\"\n    : current\n      ? `${describeShortcut(current, platform)}. Press to change.`\n      : \"Not set. Press to record.\";\n\n  return (\n    <div\n      data-slot=\"shortcut-recorder\"\n      data-state={recording ? \"recording\" : conflict ? \"conflict\" : current ? \"set\" : \"empty\"}\n      className={cn(\"flex flex-col gap-1.5\", className)}\n      {...props}\n    >\n      <span id={`${id}-label`} className=\"text-xs font-medium\">\n        {label}\n      </span>\n\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <button\n          type=\"button\"\n          aria-labelledby={`${id}-label`}\n          aria-describedby={`${id}-description`}\n          aria-pressed={recording}\n          className={cn(\n            \"flex h-9 min-w-32 items-center justify-center gap-1 rounded-md border px-3 font-mono text-sm\",\n            recording\n              ? \"border-primary bg-primary/5 text-muted-foreground\"\n              : \"border-input bg-background hover:bg-accent\",\n            focusRing,\n            disabledStyles,\n          )}\n          onClick={() => {\n            if (recording) return;\n            setConflict(null);\n            setRecording(true);\n            setAnnouncement(\"\");\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={onKeyUp}\n          onBlur={() => {\n            if (recording) {\n              stop();\n              setAnnouncement(\"Cancelled.\");\n            }\n          }}\n        >\n          {/* Symbols and key caps are for the eye; the description says the\n              same thing in words. */}\n          <span aria-hidden=\"true\" className=\"flex items-center gap-1\">\n            {shown && (shown.key || shown.mod || shown.ctrl || shown.alt || shown.shift) ? (\n              shortcutParts(shown, platform)\n                .filter(Boolean)\n                .map((part, index) => (\n                  <kbd\n                    key={index}\n                    className=\"rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs\"\n                  >\n                    {part}\n                  </kbd>\n                ))\n            ) : recording ? (\n              <span className=\"text-xs\">Press keys…</span>\n            ) : (\n              <span className=\"text-xs text-muted-foreground\">Not set</span>\n            )}\n          </span>\n        </button>\n\n        {current && !recording ? (\n          <button\n            type=\"button\"\n            aria-label={`Clear — ${label}`}\n            className={cn(\n              \"rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium hover:bg-accent\",\n              focusRing,\n            )}\n            onClick={() => {\n              commit(null);\n              setConflict(null);\n              setAnnouncement(\"Cleared.\");\n            }}\n          >\n            Clear\n          </button>\n        ) : null}\n      </div>\n\n      <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n        {description}\n      </p>\n\n      {conflict ? (\n        <div\n          data-slot=\"shortcut-conflict\"\n          className=\"flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/5 px-2.5 py-1.5 text-xs\"\n        >\n          <span className=\"flex-1 text-warning\">\n            {describeShortcut(conflict.shortcut, platform)} is already used by{\" \"}\n            <strong>{conflict.with.label}</strong>.\n          </span>\n          <button\n            type=\"button\"\n            className={cn(\n              \"rounded-md border border-input bg-background px-2 py-0.5 font-medium hover:bg-accent\",\n              focusRing,\n            )}\n            onClick={() => {\n              commit(conflict.shortcut);\n              setConflict(null);\n              setAnnouncement(\n                `Recorded ${describeShortcut(conflict.shortcut, platform)}. ${conflict.with.label} no longer has a shortcut.`,\n              );\n            }}\n          >\n            Use anyway\n          </button>\n          <button\n            type=\"button\"\n            className={cn(\n              \"rounded-md border border-input bg-background px-2 py-0.5 font-medium hover:bg-accent\",\n              focusRing,\n            )}\n            onClick={() => {\n              setConflict(null);\n            }}\n          >\n            Keep the old one\n          </button>\n        </div>\n      ) : null}\n\n      {/* Present from the start, so the first outcome is heard. */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  );\n}\n\nfunction hasModifier(event: KeyboardEvent): boolean {\n  return event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n}\n\nfunction safeParse(text: string): Shortcut | null {\n  try {\n    return parseShortcut(text);\n  } catch {\n    return null;\n  }\n}\n"],"mappings":"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"}

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuLabel, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, SidebarTriggerProps } from "./sidebar.js";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuLabel, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarTrigger, type SidebarTriggerProps };

package/dist/components/sidebar/index.js

@@ -0,0 +1,2 @@
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuLabel, SidebarProvider, SidebarTrigger } from "./sidebar.js";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuLabel, SidebarProvider, SidebarTrigger };