@evinvest/uikit 0.30.0 → 0.31.0

package/dist/components/chat-typing.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CHAT_TYPING_BASE, CHAT_TYPING_DOT, CHAT_TYPING_STILL } from "../generated/chat-typing.js";
+import { cn } from "../lib/cn.js";
+function ChatTyping({ label = "Assistant is thinking", className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": label,
+      "data-slot": "chat-typing",
+      className: cn(CHAT_TYPING_BASE, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, "data-dot": true, className: CHAT_TYPING_DOT }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, "data-dot": true, className: CHAT_TYPING_DOT }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, "data-dot": true, className: CHAT_TYPING_DOT }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, "data-still": true, className: CHAT_TYPING_STILL, children: "\u2026" })
+      ]
+    }
+  );
+}
+export {
+  ChatTyping
+};
+//# sourceMappingURL=chat-typing.js.map

package/dist/components/chat-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/chat-typing.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CHAT_TYPING_BASE, CHAT_TYPING_DOT, CHAT_TYPING_STILL } from \"../generated/chat-typing\";\nimport { cn } from \"../lib/cn\";\n\nexport interface ChatTypingProps extends Omit<React.ComponentProps<\"span\">, \"children\"> {\n  /** Names the state for assistive tech. Default `\"Assistant is thinking\"`. */\n  label?: string;\n}\n\n/**\n * The wait before the first token: three dots whose opacity ripples. Under\n * reduced motion CSS swaps them for a still \"…\". It is a status region, so a\n * screen reader hears the label once when it appears.\n */\nexport function ChatTyping({ label = \"Assistant is thinking\", className, ...props }: ChatTypingProps) {\n  return (\n    <span\n      role=\"status\"\n      aria-label={label}\n      data-slot=\"chat-typing\"\n      className={cn(CHAT_TYPING_BASE, className)}\n      {...props}\n    >\n      <span aria-hidden data-dot className={CHAT_TYPING_DOT} />\n      <span aria-hidden data-dot className={CHAT_TYPING_DOT} />\n      <span aria-hidden data-dot className={CHAT_TYPING_DOT} />\n      <span aria-hidden data-still className={CHAT_TYPING_STILL}>\n        …\n      </span>\n    </span>\n  );\n}\n"],"mappings":"AAgBI,SAOE,KAPF;AAhBJ,YAAY,WAAW;AACvB,SAAS,kBAAkB,iBAAiB,yBAAyB;AACrE,SAAS,UAAU;AAYZ,SAAS,WAAW,EAAE,QAAQ,yBAAyB,WAAW,GAAG,MAAM,GAAoB;AACpG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACxC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,eAAW,MAAC,YAAQ,MAAC,WAAW,iBAAiB;AAAA,QACvD,oBAAC,UAAK,eAAW,MAAC,YAAQ,MAAC,WAAW,iBAAiB;AAAA,QACvD,oBAAC,UAAK,eAAW,MAAC,YAAQ,MAAC,WAAW,iBAAiB;AAAA,QACvD,oBAAC,UAAK,eAAW,MAAC,cAAU,MAAC,WAAW,mBAAmB,oBAE3D;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/command-palette.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  COMMAND_PALETTE_COMMAND,
+  COMMAND_PALETTE_CONTENT,
+  COMMAND_PALETTE_HINT,
+  COMMAND_PALETTE_HINTS,
+  COMMAND_PALETTE_LABEL,
+  COMMAND_PALETTE_LIST,
+  COMMAND_PALETTE_TITLE
+} from "../generated/command-palette.js";
+import { cn } from "../lib/cn.js";
+import { useControllableState } from "../primitives/use-controllable-state.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+} from "./command.js";
+import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
+import { Kbd } from "./kbd.js";
+function CommandPalette({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  groups,
+  labels = {},
+  className
+}) {
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: cn(COMMAND_PALETTE_CONTENT, className),
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: COMMAND_PALETTE_TITLE, children: labels.title ?? "Command palette" }),
+        /* @__PURE__ */ jsxs(Command, { className: COMMAND_PALETTE_COMMAND, children: [
+          /* @__PURE__ */ jsx(CommandInput, { placeholder: labels.placeholder ?? "Type a command or search\u2026" }),
+          /* @__PURE__ */ jsxs(CommandList, { className: COMMAND_PALETTE_LIST, children: [
+            /* @__PURE__ */ jsx(CommandEmpty, { children: labels.empty ?? "No results." }),
+            groups.map((group, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              i > 0 && /* @__PURE__ */ jsx(CommandSeparator, {}),
+              /* @__PURE__ */ jsx(CommandGroup, { ...group.heading !== void 0 ? { heading: group.heading } : {}, children: group.items.map((item) => /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: [item.label, ...item.keywords ?? []].join(" "),
+                  disabled: item.disabled ?? false,
+                  onSelect: () => {
+                    setOpen(false);
+                    item.onSelect();
+                  },
+                  children: [
+                    item.icon,
+                    /* @__PURE__ */ jsx("span", { className: COMMAND_PALETTE_LABEL, children: item.label }),
+                    item.shortcut !== void 0 && /* @__PURE__ */ jsx(CommandShortcut, { children: item.shortcut })
+                  ]
+                },
+                item.id
+              )) })
+            ] }, group.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "command-palette-hints",
+            className: COMMAND_PALETTE_HINTS,
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: COMMAND_PALETTE_HINT, children: [
+                /* @__PURE__ */ jsx(Kbd, { children: "\u2191\u2193" }),
+                labels.navigate ?? "navigate"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: COMMAND_PALETTE_HINT, children: [
+                /* @__PURE__ */ jsx(Kbd, { children: "\u21B5" }),
+                labels.select ?? "select"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: COMMAND_PALETTE_HINT, children: [
+                /* @__PURE__ */ jsx(Kbd, { children: "esc" }),
+                labels.close ?? "close"
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+function useCommandPaletteShortcut(onTrigger, enabled = true) {
+  const ref = React.useRef(onTrigger);
+  React.useEffect(() => {
+    ref.current = onTrigger;
+  });
+  React.useEffect(() => {
+    if (!enabled) return;
+    const onKeyDown = (e) => {
+      if ((e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && e.code === "KeyK") {
+        e.preventDefault();
+        if (!e.repeat) ref.current();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [enabled]);
+}
+export {
+  CommandPalette,
+  useCommandPaletteShortcut
+};
+//# sourceMappingURL=command-palette.js.map

package/dist/components/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/command-palette.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  COMMAND_PALETTE_COMMAND,\n  COMMAND_PALETTE_CONTENT,\n  COMMAND_PALETTE_HINT,\n  COMMAND_PALETTE_HINTS,\n  COMMAND_PALETTE_LABEL,\n  COMMAND_PALETTE_LIST,\n  COMMAND_PALETTE_TITLE,\n} from \"../generated/command-palette\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"./command\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog\";\nimport { Kbd } from \"./kbd\";\n\nexport interface CommandPaletteItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  /** Shown at the row end, e.g. \"⌘N\". */\n  shortcut?: string;\n  /** Extra words the search matches besides the label. */\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect: () => void;\n}\n\nexport interface CommandPaletteGroup {\n  id: string;\n  heading?: string;\n  items: readonly CommandPaletteItem[];\n}\n\nexport interface CommandPaletteLabels {\n  /** Names the dialog for assistive tech. Default `\"Command palette\"`. */\n  title?: string;\n  placeholder?: string;\n  empty?: string;\n  navigate?: string;\n  select?: string;\n  close?: string;\n}\n\nexport interface CommandPaletteProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  groups: readonly CommandPaletteGroup[];\n  labels?: CommandPaletteLabels;\n  className?: string;\n}\n\n// Built on Dialog + Command rather than the kit's CommandDialog: that one has no accessible\n// name and no footer, and both need Dialog's title and focus wiring.\n/**\n * Search-and-run over a list of actions. Choosing a row runs it and closes the\n * palette. Pair it with `useCommandPaletteShortcut` for ⌘K / Ctrl+K.\n */\nexport function CommandPalette({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  groups,\n  labels = {},\n  className,\n}: CommandPaletteProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  return (\n    <Dialog open={isOpen} onOpenChange={setOpen}>\n      <DialogContent\n        showCloseButton={false}\n        className={cn(COMMAND_PALETTE_CONTENT, className)}\n      >\n        <DialogTitle className={COMMAND_PALETTE_TITLE}>{labels.title ?? \"Command palette\"}</DialogTitle>\n        <Command className={COMMAND_PALETTE_COMMAND}>\n          <CommandInput placeholder={labels.placeholder ?? \"Type a command or search…\"} />\n          <CommandList className={COMMAND_PALETTE_LIST}>\n            <CommandEmpty>{labels.empty ?? \"No results.\"}</CommandEmpty>\n            {groups.map((group, i) => (\n              <React.Fragment key={group.id}>\n                {i > 0 && <CommandSeparator />}\n                <CommandGroup {...(group.heading !== undefined ? { heading: group.heading } : {})}>\n                  {group.items.map((item) => (\n                    <CommandItem\n                      key={item.id}\n                      value={[item.label, ...(item.keywords ?? [])].join(\" \")}\n                      disabled={item.disabled ?? false}\n                      onSelect={() => {\n                        setOpen(false);\n                        item.onSelect();\n                      }}\n                    >\n                      {item.icon}\n                      <span className={COMMAND_PALETTE_LABEL}>{item.label}</span>\n                      {item.shortcut !== undefined && <CommandShortcut>{item.shortcut}</CommandShortcut>}\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </React.Fragment>\n            ))}\n          </CommandList>\n        </Command>\n        <div\n          data-slot=\"command-palette-hints\"\n          className={COMMAND_PALETTE_HINTS}\n        >\n          <span className={COMMAND_PALETTE_HINT}>\n            <Kbd>↑↓</Kbd>\n            {labels.navigate ?? \"navigate\"}\n          </span>\n          <span className={COMMAND_PALETTE_HINT}>\n            <Kbd>↵</Kbd>\n            {labels.select ?? \"select\"}\n          </span>\n          <span className={COMMAND_PALETTE_HINT}>\n            <Kbd>esc</Kbd>\n            {labels.close ?? \"close\"}\n          </span>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Calls `onTrigger` on ⌘K (Mac) or Ctrl+K, and keeps the browser from taking\n * the key (Chrome focuses the address bar on Ctrl+K in some layouts). Matches the\n * physical key (`code`), so it also works on a Russian or other non-Latin layout.\n */\nexport function useCommandPaletteShortcut(onTrigger: () => void, enabled = true): void {\n  // Latest callback without re-binding the listener on every render.\n  const ref = React.useRef(onTrigger);\n  React.useEffect(() => {\n    ref.current = onTrigger;\n  });\n  React.useEffect(() => {\n    if (!enabled) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && e.code === \"KeyK\") {\n        e.preventDefault();\n        // A held key would toggle the palette open and shut.\n        if (!e.repeat) ref.current();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [enabled]);\n}\n"],"mappings":";AAyFQ,cAUY,YAVZ;AAvFR,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,eAAe,mBAAmB;AACnD,SAAS,WAAW;AA6Cb,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AACF,GAAwB;AACtB,QAAM,CAAC,QAAQ,OAAO,IAAI,qBAA8B;AAAA,IACtD,GAAI,SAAS,SAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAAA,IAC5C,cAAc;AAAA,IACd,GAAI,eAAe,EAAE,UAAU,aAAa,IAAI,CAAC;AAAA,EACnD,CAAC;AACD,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,SAClC;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB;AAAA,MACjB,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAEhD;AAAA,4BAAC,eAAY,WAAW,uBAAwB,iBAAO,SAAS,mBAAkB;AAAA,QAClF,qBAAC,WAAQ,WAAW,yBAClB;AAAA,8BAAC,gBAAa,aAAa,OAAO,eAAe,kCAA6B;AAAA,UAC9E,qBAAC,eAAY,WAAW,sBACtB;AAAA,gCAAC,gBAAc,iBAAO,SAAS,eAAc;AAAA,YAC5C,OAAO,IAAI,CAAC,OAAO,MAClB,qBAAC,MAAM,UAAN,EACE;AAAA,kBAAI,KAAK,oBAAC,oBAAiB;AAAA,cAC5B,oBAAC,gBAAc,GAAI,MAAM,YAAY,SAAY,EAAE,SAAS,MAAM,QAAQ,IAAI,CAAC,GAC5E,gBAAM,MAAM,IAAI,CAAC,SAChB;AAAA,gBAAC;AAAA;AAAA,kBAEC,OAAO,CAAC,KAAK,OAAO,GAAI,KAAK,YAAY,CAAC,CAAE,EAAE,KAAK,GAAG;AAAA,kBACtD,UAAU,KAAK,YAAY;AAAA,kBAC3B,UAAU,MAAM;AACd,4BAAQ,KAAK;AACb,yBAAK,SAAS;AAAA,kBAChB;AAAA,kBAEC;AAAA,yBAAK;AAAA,oBACN,oBAAC,UAAK,WAAW,uBAAwB,eAAK,OAAM;AAAA,oBACnD,KAAK,aAAa,UAAa,oBAAC,mBAAiB,eAAK,UAAS;AAAA;AAAA;AAAA,gBAV3D,KAAK;AAAA,cAWZ,CACD,GACH;AAAA,iBAlBmB,MAAM,EAmB3B,CACD;AAAA,aACH;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAW;AAAA,YAEX;AAAA,mCAAC,UAAK,WAAW,sBACf;AAAA,oCAAC,OAAI,0BAAE;AAAA,gBACN,OAAO,YAAY;AAAA,iBACtB;AAAA,cACA,qBAAC,UAAK,WAAW,sBACf;AAAA,oCAAC,OAAI,oBAAC;AAAA,gBACL,OAAO,UAAU;AAAA,iBACpB;AAAA,cACA,qBAAC,UAAK,WAAW,sBACf;AAAA,oCAAC,OAAI,iBAAG;AAAA,gBACP,OAAO,SAAS;AAAA,iBACnB;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAOO,SAAS,0BAA0B,WAAuB,UAAU,MAAY;AAErF,QAAM,MAAM,MAAM,OAAO,SAAS;AAClC,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AAAA,EAChB,CAAC;AACD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAS;AACd,UAAM,YAAY,CAAC,MAAqB;AACtC,WAAK,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,SAAS,QAAQ;AAC7E,UAAE,eAAe;AAEjB,YAAI,CAAC,EAAE,OAAQ,KAAI,QAAQ;AAAA,MAC7B;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM,SAAS,oBAAoB,WAAW,SAAS;AAAA,EAChE,GAAG,CAAC,OAAO,CAAC;AACd;","names":[]}

package/dist/components/command.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/cn.js";
 import { useControllableState } from "../primitives/use-controllable-state.js";
-import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
+import { DismissableLayerScope, useDismissableLayer, useModalScrimStyle } from "../primitives/dismissable-layer.js";
 import { useFocusScope } from "../primitives/focus-scope.js";
 import { mergeRefs } from "../primitives/merge-refs.js";
 import { Portal } from "../primitives/portal.js";
@@ -237,6 +237,7 @@ function CommandDialog({
     pointerOutside: false,
     modal: true
   });
+  const scrimStyle = useModalScrimStyle(dismissRef);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs(Portal, { children: [
     /* @__PURE__ */ jsx(
@@ -244,6 +245,7 @@ function CommandDialog({
       {
         "data-slot": "command-overlay",
         className: COMMAND_DIALOG_OVERLAY,
+        style: scrimStyle,
         onClick: () => setOpen(false)
       }
     ),

package/dist/components/command.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport { DismissableLayerScope, useDismissableLayer } from \"../primitives/dismissable-layer\";\nimport { useFocusScope } from \"../primitives/focus-scope\";\nimport { mergeRefs } from \"../primitives/merge-refs\";\nimport { Portal } from \"../primitives/portal\";\nimport {\n  COMMAND_DIALOG_COMMAND,\n  COMMAND_DIALOG_CONTENT,\n  COMMAND_DIALOG_OVERLAY,\n  COMMAND_EMPTY,\n  COMMAND_GROUP,\n  COMMAND_INPUT,\n  COMMAND_INPUT_WRAPPER,\n  COMMAND_ITEM,\n  COMMAND_LIST,\n  COMMAND_ROOT,\n  COMMAND_SEPARATOR,\n  COMMAND_SHORTCUT,\n} from \"../generated/command\";\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (next: string) => void;\n  /// Registers a `CommandItem`'s value so `CommandEmpty` can tell \"nothing\n  /// matched\" from \"nothing is here\", and its select handler so Enter can fire\n  /// it. Items register even while filtered out.\n  registerItem: (id: string, value: string, select: () => void) => void;\n  unregisterItem: (id: string) => void;\n  /// The active query: trimmed, so blank input is not a search, and lowercased.\n  /// Shared by the item filter and the empty-state gate so the two can never\n  /// disagree.\n  query: string;\n  /// `null` filters the item out; a number is its CSS `order`, `0` while\n  /// nothing is being ranked.\n  order: (value: string) => number | null;\n  hasMatches: boolean;\n  listId: string;\n  /// DOM id of the highlighted item. Focus stays in the input and points here\n  /// through `aria-activedescendant` (the ARIA combobox pattern), so items\n  /// never need to be tabbable.\n  activeId: string | null;\n  activate: (id: string) => void;\n}\n\nconst CommandContext = React.createContext<CommandContextValue | null>(null);\n\nfunction useCommand(): CommandContextValue {\n  const ctx = React.useContext(CommandContext);\n  if (!ctx) throw new Error(\"Command parts must be used within <Command>\");\n  return ctx;\n}\n\nexport interface CommandProps extends React.ComponentProps<\"div\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  /// `false` hands filtering to the caller (e.g. rows that are a server\n  /// response to the query): every mounted item renders, in the caller's\n  /// order, and `CommandEmpty` counts mounted items. Defaults to `true`.\n  shouldFilter?: boolean;\n}\n\nconst ITEM_SELECTOR = '[data-slot=\"command-item\"]:not([aria-disabled=\"true\"])';\n\n/// fzf v1: per space-separated term, the shortest window ending at the first\n/// full subsequence match, scored for word starts and runs, charged for gaps.\n/// `null` when a term does not match.\nfunction fuzzyScore(value: string, query: string): number | null {\n  const hay = [...value.toLowerCase()];\n  let total = 0;\n  for (const term of query.split(/\\s+/)) {\n    const needle = [...term];\n    let k = 0;\n    let end = -1;\n    for (let i = 0; i < hay.length; i++) {\n      if (hay[i] === needle[k] && ++k === needle.length) {\n        end = i;\n        break;\n      }\n    }\n    if (end < 0) return null;\n    let start = end;\n    for (let i = end, j = needle.length - 1; j >= 0; i--) {\n      if (hay[i] === needle[j]) {\n        start = i;\n        j--;\n      }\n    }\n    let prev = -1;\n    for (let i = start, j = 0; j < needle.length; i++) {\n      if (hay[i] !== needle[j]) continue;\n      total += 16;\n      if (i === 0 || !/[\\p{L}\\p{N}]/u.test(hay[i - 1]!)) total += 8;\n      if (j > 0) total += i === prev + 1 ? 4 : -(3 + (i - prev - 2));\n      prev = i;\n      j++;\n    }\n  }\n  return total;\n}\n\n/// Keyboard highlight over the items currently in the DOM, in the order on\n/// screen — each container's rows by their CSS `order`, then DOM order — so it\n/// follows whatever the filter (or the caller) rendered rather than the order\n/// items happened to register in.\nfunction useCommandNavigation(\n  query: string,\n  handlers: React.RefObject<Map<string, () => void>>,\n) {\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n  // Until the user moves the highlight it tracks the first row, so results\n  // that arrive after the keystroke (or reorder under it) put Enter on the top\n  // hit. Once moved, it sticks for as long as that row stays.\n  const userMoved = React.useRef(false);\n\n  const enabledItems = React.useCallback((): HTMLElement[] => {\n    const root = rootRef.current;\n    if (!root) return [];\n    const byParent = new Map<Element | null, HTMLElement[]>();\n    for (const el of root.querySelectorAll<HTMLElement>(ITEM_SELECTOR)) {\n      if (el.closest('[data-slot=\"command\"]') !== root) continue;\n      const rows = byParent.get(el.parentElement) ?? [];\n      rows.push(el);\n      byParent.set(el.parentElement, rows);\n    }\n    return [...byParent.values()].flatMap((rows) =>\n      rows.sort((a, b) => Number(a.style.order) - Number(b.style.order)),\n    );\n  }, []);\n\n  React.useEffect(() => {\n    userMoved.current = false;\n  }, [query]);\n\n  // No deps on purpose: the caller can change the rendered rows on any render;\n  // setting an unchanged id bails out without re-rendering.\n  React.useEffect(() => {\n    const els = enabledItems();\n    const moved = userMoved.current;\n    setActiveId((prev) =>\n      moved && prev !== null && els.some((el) => el.id === prev)\n        ? prev\n        : (els[0]?.id ?? null),\n    );\n  });\n\n  const activate = React.useCallback((id: string) => {\n    userMoved.current = true;\n    setActiveId(id);\n  }, []);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.nativeEvent.isComposing) return;\n    // Only the search field drives the list: Enter or an arrow on a button\n    // inside Command (an action in `CommandEmpty`, a footer) stays its own.\n    const field = event.target as HTMLElement;\n    if (field.dataset[\"slot\"] !== \"command-input\") return;\n    const els = enabledItems();\n    const current = els.findIndex((el) => el.id === activeId);\n    const last = els.length - 1;\n    let next: number;\n    switch (event.key) {\n      case \"ArrowDown\":\n        next = current < 0 ? 0 : Math.min(current + 1, last);\n        break;\n      case \"ArrowUp\":\n        next = current < 0 ? last : Math.max(current - 1, 0);\n        break;\n      // Home / End are left to the caret: the field is editable (ARIA APG\n      // editable combobox).\n      case \"Enter\": {\n        const select =\n          activeId !== null && current >= 0\n            ? handlers.current.get(activeId)\n            : undefined;\n        if (select) {\n          event.preventDefault();\n          select();\n        }\n        return;\n      }\n      default:\n        return;\n    }\n    const target = els[next];\n    if (!target) return;\n    event.preventDefault();\n    activate(target.id);\n    // Optional call: jsdom implements no `scrollIntoView`.\n    target.scrollIntoView?.({ block: \"nearest\" });\n  };\n\n  return { rootRef, activeId, activate, onKeyDown };\n}\n\nexport function Command({\n  className,\n  search,\n  defaultSearch = \"\",\n  onSearchChange,\n  shouldFilter = true,\n  children,\n  ref,\n  onKeyDown,\n  ...props\n}: CommandProps) {\n  const [currentSearch, setSearch] = useControllableState<string>({\n    ...(search !== undefined ? { value: search } : {}),\n    defaultValue: defaultSearch,\n    ...(onSearchChange ? { onChange: onSearchChange } : {}),\n  });\n\n  const [items, setItems] = React.useState<ReadonlyMap<string, string>>(\n    () => new Map(),\n  );\n  const handlers = React.useRef(new Map<string, () => void>());\n  const registerItem = React.useCallback(\n    (id: string, value: string, select: () => void) => {\n      handlers.current.set(id, select);\n      setItems((prev) => {\n        if (prev.get(id) === value) return prev;\n        const next = new Map(prev);\n        next.set(id, value);\n        return next;\n      });\n    },\n    [],\n  );\n  const unregisterItem = React.useCallback((id: string) => {\n    handlers.current.delete(id);\n    setItems((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const query = currentSearch.trim().toLowerCase();\n  const order = React.useCallback(\n    (value: string) => {\n      if (!shouldFilter || query === \"\") return 0;\n      const score = fuzzyScore(value, query);\n      return score === null ? null : -score;\n    },\n    [query, shouldFilter],\n  );\n  const hasMatches = React.useMemo(\n    () => [...items.values()].some((value) => order(value) !== null),\n    [items, order],\n  );\n\n  const listId = React.useId();\n  const nav = useCommandNavigation(query, handlers);\n\n  return (\n    <CommandContext.Provider\n      value={{\n        search: currentSearch,\n        setSearch,\n        registerItem,\n        unregisterItem,\n        query,\n        order,\n        hasMatches,\n        listId,\n        activeId: nav.activeId,\n        activate: nav.activate,\n      }}\n    >\n      <div\n        data-slot=\"command\"\n        ref={mergeRefs(nav.rootRef, ref)}\n        className={cn(COMMAND_ROOT, className)}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (!e.defaultPrevented) nav.onKeyDown(e);\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n}\n\nexport interface CommandDialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /// See `CommandProps.shouldFilter`.\n  shouldFilter?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function CommandDialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  shouldFilter = true,\n  className,\n  children,\n}: CommandDialogProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const scopeRef = useFocusScope(isOpen);\n  // Outside clicks stay with the overlay, as in Drawer: it is what \"outside\" means.\n  const dismissRef = useDismissableLayer({\n    enabled: isOpen,\n    onDismiss: () => setOpen(false),\n    pointerOutside: false,\n    modal: true,\n  });\n  if (!isOpen) return null;\n  return (\n    <Portal>\n      <div\n        data-slot=\"command-overlay\"\n        className={COMMAND_DIALOG_OVERLAY}\n        onClick={() => setOpen(false)}\n      />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        data-slot=\"command-dialog\"\n        ref={mergeRefs(scopeRef, dismissRef)}\n        className={cn(COMMAND_DIALOG_CONTENT, className)}\n      >\n        <Command className={COMMAND_DIALOG_COMMAND} shouldFilter={shouldFilter}>\n          <DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope>\n        </Command>\n      </div>\n    </Portal>\n  );\n}\n\nexport function CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  const { search, setSearch, listId, activeId } = useCommand();\n  return (\n    <div className={COMMAND_INPUT_WRAPPER} data-slot=\"command-input-wrapper\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className=\"size-4 shrink-0 opacity-50\"\n        aria-hidden=\"true\"\n      >\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\n        <path d=\"m21 21-4.3-4.3\" />\n      </svg>\n      <input\n        type=\"text\"\n        role=\"combobox\"\n        data-slot=\"command-input\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={listId}\n        aria-activedescendant={activeId ?? undefined}\n        autoComplete=\"off\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className={cn(COMMAND_INPUT, className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function CommandList({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { listId } = useCommand();\n  return (\n    <div\n      role=\"listbox\"\n      id={listId}\n      data-slot=\"command-list\"\n      className={cn(COMMAND_LIST, className)}\n      {...props}\n    />\n  );\n}\n\n/// Renders only when a search is under way and no item matched it — never next\n/// to results, and never before the user has typed. With `shouldFilter={false}`\n/// \"matched\" means \"is mounted\": the caller's rows are the results.\nexport function CommandEmpty({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const { query, hasMatches } = useCommand();\n  if (query === \"\" || hasMatches) return null;\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn(COMMAND_EMPTY, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface CommandGroupProps extends React.ComponentProps<\"div\"> {\n  heading?: string;\n}\n\nexport function CommandGroup({ className, heading, children, ...props }: CommandGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"command-group\"\n      className={cn(COMMAND_GROUP, className)}\n      {...props}\n    >\n      {heading ? <div data-slot=\"command-group-heading\">{heading}</div> : null}\n      {children}\n    </div>\n  );\n}\n\nexport interface CommandItemProps\n  extends Omit<React.ComponentProps<\"div\">, \"onSelect\"> {\n  value: string;\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\n\nexport function CommandItem({\n  className,\n  value,\n  disabled = false,\n  onSelect,\n  id: idProp,\n  onPointerMove,\n  children,\n  ...props\n}: CommandItemProps) {\n  const { registerItem, unregisterItem, order, activeId, activate } = useCommand();\n  const reactId = React.useId();\n  // The DOM id is what `aria-activedescendant` points at, so a caller's own id\n  // has to be the one registered.\n  const id = idProp ?? reactId;\n  // Read at select time, so an inline `onSelect` doesn't re-register every render.\n  const onSelectRef = React.useRef(onSelect);\n  React.useEffect(() => {\n    onSelectRef.current = onSelect;\n  });\n  // Registered whether or not this item survives the filter below, so\n  // `CommandEmpty` gates on the search, not on who happens to be mounted.\n  React.useEffect(() => {\n    registerItem(id, value, () => onSelectRef.current?.(value));\n    return () => unregisterItem(id);\n  }, [id, value, registerItem, unregisterItem]);\n\n  const rank = order(value);\n  if (rank === null) return null;\n  const selected = activeId === id;\n  return (\n    <div\n      role=\"option\"\n      id={id}\n      data-slot=\"command-item\"\n      data-disabled={disabled}\n      data-selected={selected}\n      aria-selected={selected}\n      aria-disabled={disabled || undefined}\n      tabIndex={-1}\n      onClick={() => {\n        if (!disabled) onSelect?.(value);\n      }}\n      onPointerMove={(e) => {\n        onPointerMove?.(e);\n        if (!disabled && !selected) activate(id);\n      }}\n      className={cn(COMMAND_ITEM, className)}\n      {...props}\n      style={{ ...props.style, order: rank }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CommandSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"command-separator\"\n      className={cn(COMMAND_SEPARATOR, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(COMMAND_SHORTCUT, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport { DismissableLayerScope, useDismissableLayer, useModalScrimStyle } from \"../primitives/dismissable-layer\";\nimport { useFocusScope } from \"../primitives/focus-scope\";\nimport { mergeRefs } from \"../primitives/merge-refs\";\nimport { Portal } from \"../primitives/portal\";\nimport {\n  COMMAND_DIALOG_COMMAND,\n  COMMAND_DIALOG_CONTENT,\n  COMMAND_DIALOG_OVERLAY,\n  COMMAND_EMPTY,\n  COMMAND_GROUP,\n  COMMAND_INPUT,\n  COMMAND_INPUT_WRAPPER,\n  COMMAND_ITEM,\n  COMMAND_LIST,\n  COMMAND_ROOT,\n  COMMAND_SEPARATOR,\n  COMMAND_SHORTCUT,\n} from \"../generated/command\";\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (next: string) => void;\n  /// Registers a `CommandItem`'s value so `CommandEmpty` can tell \"nothing\n  /// matched\" from \"nothing is here\", and its select handler so Enter can fire\n  /// it. Items register even while filtered out.\n  registerItem: (id: string, value: string, select: () => void) => void;\n  unregisterItem: (id: string) => void;\n  /// The active query: trimmed, so blank input is not a search, and lowercased.\n  /// Shared by the item filter and the empty-state gate so the two can never\n  /// disagree.\n  query: string;\n  /// `null` filters the item out; a number is its CSS `order`, `0` while\n  /// nothing is being ranked.\n  order: (value: string) => number | null;\n  hasMatches: boolean;\n  listId: string;\n  /// DOM id of the highlighted item. Focus stays in the input and points here\n  /// through `aria-activedescendant` (the ARIA combobox pattern), so items\n  /// never need to be tabbable.\n  activeId: string | null;\n  activate: (id: string) => void;\n}\n\nconst CommandContext = React.createContext<CommandContextValue | null>(null);\n\nfunction useCommand(): CommandContextValue {\n  const ctx = React.useContext(CommandContext);\n  if (!ctx) throw new Error(\"Command parts must be used within <Command>\");\n  return ctx;\n}\n\nexport interface CommandProps extends React.ComponentProps<\"div\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  /// `false` hands filtering to the caller (e.g. rows that are a server\n  /// response to the query): every mounted item renders, in the caller's\n  /// order, and `CommandEmpty` counts mounted items. Defaults to `true`.\n  shouldFilter?: boolean;\n}\n\nconst ITEM_SELECTOR = '[data-slot=\"command-item\"]:not([aria-disabled=\"true\"])';\n\n/// fzf v1: per space-separated term, the shortest window ending at the first\n/// full subsequence match, scored for word starts and runs, charged for gaps.\n/// `null` when a term does not match.\nfunction fuzzyScore(value: string, query: string): number | null {\n  const hay = [...value.toLowerCase()];\n  let total = 0;\n  for (const term of query.split(/\\s+/)) {\n    const needle = [...term];\n    let k = 0;\n    let end = -1;\n    for (let i = 0; i < hay.length; i++) {\n      if (hay[i] === needle[k] && ++k === needle.length) {\n        end = i;\n        break;\n      }\n    }\n    if (end < 0) return null;\n    let start = end;\n    for (let i = end, j = needle.length - 1; j >= 0; i--) {\n      if (hay[i] === needle[j]) {\n        start = i;\n        j--;\n      }\n    }\n    let prev = -1;\n    for (let i = start, j = 0; j < needle.length; i++) {\n      if (hay[i] !== needle[j]) continue;\n      total += 16;\n      if (i === 0 || !/[\\p{L}\\p{N}]/u.test(hay[i - 1]!)) total += 8;\n      if (j > 0) total += i === prev + 1 ? 4 : -(3 + (i - prev - 2));\n      prev = i;\n      j++;\n    }\n  }\n  return total;\n}\n\n/// Keyboard highlight over the items currently in the DOM, in the order on\n/// screen — each container's rows by their CSS `order`, then DOM order — so it\n/// follows whatever the filter (or the caller) rendered rather than the order\n/// items happened to register in.\nfunction useCommandNavigation(\n  query: string,\n  handlers: React.RefObject<Map<string, () => void>>,\n) {\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n  // Until the user moves the highlight it tracks the first row, so results\n  // that arrive after the keystroke (or reorder under it) put Enter on the top\n  // hit. Once moved, it sticks for as long as that row stays.\n  const userMoved = React.useRef(false);\n\n  const enabledItems = React.useCallback((): HTMLElement[] => {\n    const root = rootRef.current;\n    if (!root) return [];\n    const byParent = new Map<Element | null, HTMLElement[]>();\n    for (const el of root.querySelectorAll<HTMLElement>(ITEM_SELECTOR)) {\n      if (el.closest('[data-slot=\"command\"]') !== root) continue;\n      const rows = byParent.get(el.parentElement) ?? [];\n      rows.push(el);\n      byParent.set(el.parentElement, rows);\n    }\n    return [...byParent.values()].flatMap((rows) =>\n      rows.sort((a, b) => Number(a.style.order) - Number(b.style.order)),\n    );\n  }, []);\n\n  React.useEffect(() => {\n    userMoved.current = false;\n  }, [query]);\n\n  // No deps on purpose: the caller can change the rendered rows on any render;\n  // setting an unchanged id bails out without re-rendering.\n  React.useEffect(() => {\n    const els = enabledItems();\n    const moved = userMoved.current;\n    setActiveId((prev) =>\n      moved && prev !== null && els.some((el) => el.id === prev)\n        ? prev\n        : (els[0]?.id ?? null),\n    );\n  });\n\n  const activate = React.useCallback((id: string) => {\n    userMoved.current = true;\n    setActiveId(id);\n  }, []);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.nativeEvent.isComposing) return;\n    // Only the search field drives the list: Enter or an arrow on a button\n    // inside Command (an action in `CommandEmpty`, a footer) stays its own.\n    const field = event.target as HTMLElement;\n    if (field.dataset[\"slot\"] !== \"command-input\") return;\n    const els = enabledItems();\n    const current = els.findIndex((el) => el.id === activeId);\n    const last = els.length - 1;\n    let next: number;\n    switch (event.key) {\n      case \"ArrowDown\":\n        next = current < 0 ? 0 : Math.min(current + 1, last);\n        break;\n      case \"ArrowUp\":\n        next = current < 0 ? last : Math.max(current - 1, 0);\n        break;\n      // Home / End are left to the caret: the field is editable (ARIA APG\n      // editable combobox).\n      case \"Enter\": {\n        const select =\n          activeId !== null && current >= 0\n            ? handlers.current.get(activeId)\n            : undefined;\n        if (select) {\n          event.preventDefault();\n          select();\n        }\n        return;\n      }\n      default:\n        return;\n    }\n    const target = els[next];\n    if (!target) return;\n    event.preventDefault();\n    activate(target.id);\n    // Optional call: jsdom implements no `scrollIntoView`.\n    target.scrollIntoView?.({ block: \"nearest\" });\n  };\n\n  return { rootRef, activeId, activate, onKeyDown };\n}\n\nexport function Command({\n  className,\n  search,\n  defaultSearch = \"\",\n  onSearchChange,\n  shouldFilter = true,\n  children,\n  ref,\n  onKeyDown,\n  ...props\n}: CommandProps) {\n  const [currentSearch, setSearch] = useControllableState<string>({\n    ...(search !== undefined ? { value: search } : {}),\n    defaultValue: defaultSearch,\n    ...(onSearchChange ? { onChange: onSearchChange } : {}),\n  });\n\n  const [items, setItems] = React.useState<ReadonlyMap<string, string>>(\n    () => new Map(),\n  );\n  const handlers = React.useRef(new Map<string, () => void>());\n  const registerItem = React.useCallback(\n    (id: string, value: string, select: () => void) => {\n      handlers.current.set(id, select);\n      setItems((prev) => {\n        if (prev.get(id) === value) return prev;\n        const next = new Map(prev);\n        next.set(id, value);\n        return next;\n      });\n    },\n    [],\n  );\n  const unregisterItem = React.useCallback((id: string) => {\n    handlers.current.delete(id);\n    setItems((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const query = currentSearch.trim().toLowerCase();\n  const order = React.useCallback(\n    (value: string) => {\n      if (!shouldFilter || query === \"\") return 0;\n      const score = fuzzyScore(value, query);\n      return score === null ? null : -score;\n    },\n    [query, shouldFilter],\n  );\n  const hasMatches = React.useMemo(\n    () => [...items.values()].some((value) => order(value) !== null),\n    [items, order],\n  );\n\n  const listId = React.useId();\n  const nav = useCommandNavigation(query, handlers);\n\n  return (\n    <CommandContext.Provider\n      value={{\n        search: currentSearch,\n        setSearch,\n        registerItem,\n        unregisterItem,\n        query,\n        order,\n        hasMatches,\n        listId,\n        activeId: nav.activeId,\n        activate: nav.activate,\n      }}\n    >\n      <div\n        data-slot=\"command\"\n        ref={mergeRefs(nav.rootRef, ref)}\n        className={cn(COMMAND_ROOT, className)}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (!e.defaultPrevented) nav.onKeyDown(e);\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n}\n\nexport interface CommandDialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /// See `CommandProps.shouldFilter`.\n  shouldFilter?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function CommandDialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  shouldFilter = true,\n  className,\n  children,\n}: CommandDialogProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const scopeRef = useFocusScope(isOpen);\n  // Outside clicks stay with the overlay, as in Drawer: it is what \"outside\" means.\n  const dismissRef = useDismissableLayer({\n    enabled: isOpen,\n    onDismiss: () => setOpen(false),\n    pointerOutside: false,\n    modal: true,\n  });\n  const scrimStyle = useModalScrimStyle(dismissRef);\n  if (!isOpen) return null;\n  return (\n    <Portal>\n      <div\n        data-slot=\"command-overlay\"\n        className={COMMAND_DIALOG_OVERLAY}\n        style={scrimStyle}\n        onClick={() => setOpen(false)}\n      />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        data-slot=\"command-dialog\"\n        ref={mergeRefs(scopeRef, dismissRef)}\n        className={cn(COMMAND_DIALOG_CONTENT, className)}\n      >\n        <Command className={COMMAND_DIALOG_COMMAND} shouldFilter={shouldFilter}>\n          <DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope>\n        </Command>\n      </div>\n    </Portal>\n  );\n}\n\nexport function CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  const { search, setSearch, listId, activeId } = useCommand();\n  return (\n    <div className={COMMAND_INPUT_WRAPPER} data-slot=\"command-input-wrapper\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className=\"size-4 shrink-0 opacity-50\"\n        aria-hidden=\"true\"\n      >\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\n        <path d=\"m21 21-4.3-4.3\" />\n      </svg>\n      <input\n        type=\"text\"\n        role=\"combobox\"\n        data-slot=\"command-input\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={listId}\n        aria-activedescendant={activeId ?? undefined}\n        autoComplete=\"off\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className={cn(COMMAND_INPUT, className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function CommandList({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { listId } = useCommand();\n  return (\n    <div\n      role=\"listbox\"\n      id={listId}\n      data-slot=\"command-list\"\n      className={cn(COMMAND_LIST, className)}\n      {...props}\n    />\n  );\n}\n\n/// Renders only when a search is under way and no item matched it — never next\n/// to results, and never before the user has typed. With `shouldFilter={false}`\n/// \"matched\" means \"is mounted\": the caller's rows are the results.\nexport function CommandEmpty({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const { query, hasMatches } = useCommand();\n  if (query === \"\" || hasMatches) return null;\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn(COMMAND_EMPTY, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface CommandGroupProps extends React.ComponentProps<\"div\"> {\n  heading?: string;\n}\n\nexport function CommandGroup({ className, heading, children, ...props }: CommandGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"command-group\"\n      className={cn(COMMAND_GROUP, className)}\n      {...props}\n    >\n      {heading ? <div data-slot=\"command-group-heading\">{heading}</div> : null}\n      {children}\n    </div>\n  );\n}\n\nexport interface CommandItemProps\n  extends Omit<React.ComponentProps<\"div\">, \"onSelect\"> {\n  value: string;\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\n\nexport function CommandItem({\n  className,\n  value,\n  disabled = false,\n  onSelect,\n  id: idProp,\n  onPointerMove,\n  children,\n  ...props\n}: CommandItemProps) {\n  const { registerItem, unregisterItem, order, activeId, activate } = useCommand();\n  const reactId = React.useId();\n  // The DOM id is what `aria-activedescendant` points at, so a caller's own id\n  // has to be the one registered.\n  const id = idProp ?? reactId;\n  // Read at select time, so an inline `onSelect` doesn't re-register every render.\n  const onSelectRef = React.useRef(onSelect);\n  React.useEffect(() => {\n    onSelectRef.current = onSelect;\n  });\n  // Registered whether or not this item survives the filter below, so\n  // `CommandEmpty` gates on the search, not on who happens to be mounted.\n  React.useEffect(() => {\n    registerItem(id, value, () => onSelectRef.current?.(value));\n    return () => unregisterItem(id);\n  }, [id, value, registerItem, unregisterItem]);\n\n  const rank = order(value);\n  if (rank === null) return null;\n  const selected = activeId === id;\n  return (\n    <div\n      role=\"option\"\n      id={id}\n      data-slot=\"command-item\"\n      data-disabled={disabled}\n      data-selected={selected}\n      aria-selected={selected}\n      aria-disabled={disabled || undefined}\n      tabIndex={-1}\n      onClick={() => {\n        if (!disabled) onSelect?.(value);\n      }}\n      onPointerMove={(e) => {\n        onPointerMove?.(e);\n        if (!disabled && !selected) activate(id);\n      }}\n      className={cn(COMMAND_ITEM, className)}\n      {...props}\n      style={{ ...props.style, order: rank }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CommandSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"command-separator\"\n      className={cn(COMMAND_SEPARATOR, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(COMMAND_SHORTCUT, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/confirm-dialog.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import {
+  CONFIRM_DIALOG_CONTENT,
+  CONFIRM_DIALOG_DESCRIPTION,
+  CONFIRM_DIALOG_ERROR,
+  CONFIRM_DIALOG_FOOTER,
+  CONFIRM_DIALOG_HEADER,
+  CONFIRM_DIALOG_ICON,
+  CONFIRM_DIALOG_PENDING,
+  CONFIRM_DIALOG_SPINNER,
+  CONFIRM_DIALOG_TEXT,
+  CONFIRM_DIALOG_TITLE,
+  confirmDialogIconToneClasses
+} from "../generated/confirm-dialog.js";
+import { useControllableState } from "../primitives/use-controllable-state.js";
+import {
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "./alert-dialog.js";
+import { buttonVariants } from "./button.js";
+import { Spinner } from "./spinner.js";
+import { UiIcon } from "./ui-icons.js";
+function ConfirmDialog({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  tone = "default",
+  confirmLabel,
+  onConfirm,
+  icon,
+  labels = {},
+  className
+}) {
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  const [pending, setPending] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const danger = tone === "danger";
+  React.useEffect(() => {
+    if (isOpen) setError(null);
+  }, [isOpen]);
+  const change = (next) => {
+    if (pending) return;
+    if (next) setError(null);
+    setOpen(next);
+  };
+  const confirm = async () => {
+    if (pending) return;
+    setError(null);
+    setPending(true);
+    try {
+      await onConfirm();
+      setPending(false);
+      setOpen(false);
+    } catch (e) {
+      setPending(false);
+      setError(e instanceof Error && e.message ? e.message : labels.error ?? "Something went wrong");
+    }
+  };
+  return /* @__PURE__ */ jsxs(AlertDialog, { open: isOpen, onOpenChange: change, children: [
+    trigger != null && /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(AlertDialogContent, { className: cn(CONFIRM_DIALOG_CONTENT, className), children: [
+      /* @__PURE__ */ jsxs(AlertDialogHeader, { className: CONFIRM_DIALOG_HEADER, children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(CONFIRM_DIALOG_ICON, confirmDialogIconToneClasses[tone]),
+            children: icon ?? /* @__PURE__ */ jsx(UiIcon, { name: "alert" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: CONFIRM_DIALOG_TEXT, children: [
+          /* @__PURE__ */ jsx(AlertDialogTitle, { className: CONFIRM_DIALOG_TITLE, children: title }),
+          description != null && /* @__PURE__ */ jsx(AlertDialogDescription, { className: CONFIRM_DIALOG_DESCRIPTION, children: description }),
+          error !== null && /* @__PURE__ */ jsx("p", { role: "alert", className: CONFIRM_DIALOG_ERROR, children: error })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(AlertDialogFooter, { className: CONFIRM_DIALOG_FOOTER, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-disabled": pending,
+            onClick: () => change(false),
+            className: cn(buttonVariants({ variant: "ghost", size: "xs" }), CONFIRM_DIALOG_PENDING),
+            children: labels.cancel ?? "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-disabled": pending,
+            "aria-busy": pending,
+            onClick: confirm,
+            className: cn(buttonVariants({ variant: danger ? "destructive" : "primary", size: "xs" }), CONFIRM_DIALOG_PENDING),
+            children: [
+              pending && /* @__PURE__ */ jsx(Spinner, { className: CONFIRM_DIALOG_SPINNER }),
+              confirmLabel
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  ConfirmDialog
+};
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/confirm-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  CONFIRM_DIALOG_CONTENT,\n  CONFIRM_DIALOG_DESCRIPTION,\n  CONFIRM_DIALOG_ERROR,\n  CONFIRM_DIALOG_FOOTER,\n  CONFIRM_DIALOG_HEADER,\n  CONFIRM_DIALOG_ICON,\n  CONFIRM_DIALOG_PENDING,\n  CONFIRM_DIALOG_SPINNER,\n  CONFIRM_DIALOG_TEXT,\n  CONFIRM_DIALOG_TITLE,\n  confirmDialogIconToneClasses,\n  type ConfirmDialogTone,\n} from \"../generated/confirm-dialog\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"./alert-dialog\";\nimport { buttonVariants } from \"./button\";\nimport { Spinner } from \"./spinner\";\nimport { UiIcon } from \"./ui-icons\";\n\nexport type { ConfirmDialogTone };\n\nexport interface ConfirmDialogLabels {\n  cancel?: string;\n  /** Shown when `onConfirm` rejects with something that has no message. */\n  error?: string;\n}\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Opens the dialog; wrapped with `asChild`, so pass one button. */\n  trigger?: React.ReactNode;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: ConfirmDialogTone;\n  confirmLabel: React.ReactNode;\n  /**\n   * Resolve to close the dialog. While a returned promise is pending both\n   * buttons are disabled and Escape and outside clicks do nothing; a rejection\n   * keeps the dialog open and shows its message under the text.\n   */\n  onConfirm: () => void | Promise<void>;\n  /** Replaces the tone's glyph. */\n  icon?: React.ReactNode;\n  labels?: ConfirmDialogLabels;\n  className?: string;\n}\n\nexport function ConfirmDialog({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  tone = \"default\",\n  confirmLabel,\n  onConfirm,\n  icon,\n  labels = {},\n  className,\n}: ConfirmDialogProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const [pending, setPending] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n  const danger = tone === \"danger\";\n  // A controlled parent can reopen the dialog without going through `change`.\n  React.useEffect(() => {\n    if (isOpen) setError(null);\n  }, [isOpen]);\n\n  const change = (next: boolean) => {\n    if (pending) return;\n    if (next) setError(null);\n    setOpen(next);\n  };\n\n  const confirm = async () => {\n    if (pending) return;\n    setError(null);\n    setPending(true);\n    try {\n      await onConfirm();\n      setPending(false);\n      setOpen(false);\n    } catch (e) {\n      setPending(false);\n      setError(e instanceof Error && e.message ? e.message : (labels.error ?? \"Something went wrong\"));\n    }\n  };\n\n  return (\n    <AlertDialog open={isOpen} onOpenChange={change}>\n      {trigger != null && <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>}\n      <AlertDialogContent className={cn(CONFIRM_DIALOG_CONTENT, className)}>\n        <AlertDialogHeader className={CONFIRM_DIALOG_HEADER}>\n          <span\n            className={cn(CONFIRM_DIALOG_ICON, confirmDialogIconToneClasses[tone])}\n          >\n            {icon ?? <UiIcon name=\"alert\" />}\n          </span>\n          <div className={CONFIRM_DIALOG_TEXT}>\n            <AlertDialogTitle className={CONFIRM_DIALOG_TITLE}>{title}</AlertDialogTitle>\n            {description != null && (\n              <AlertDialogDescription className={CONFIRM_DIALOG_DESCRIPTION}>{description}</AlertDialogDescription>\n            )}\n            {error !== null && (\n              <p role=\"alert\" className={CONFIRM_DIALOG_ERROR}>\n                {error}\n              </p>\n            )}\n          </div>\n        </AlertDialogHeader>\n        <AlertDialogFooter className={CONFIRM_DIALOG_FOOTER}>\n          {/* aria-disabled, not disabled: a disabled button that holds focus drops it to <body> and Tab leaves the dialog. */}\n          <button\n            type=\"button\"\n            aria-disabled={pending}\n            onClick={() => change(false)}\n            className={cn(buttonVariants({ variant: \"ghost\", size: \"xs\" }), CONFIRM_DIALOG_PENDING)}\n          >\n            {labels.cancel ?? \"Cancel\"}\n          </button>\n          <button\n            type=\"button\"\n            aria-disabled={pending}\n            aria-busy={pending}\n            onClick={confirm}\n            className={cn(buttonVariants({ variant: danger ? \"destructive\" : \"primary\", size: \"xs\" }), CONFIRM_DIALOG_PENDING)}\n          >\n            {pending && <Spinner className={CONFIRM_DIALOG_SPINNER} />}\n            {confirmLabel}\n          </button>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/context-menu.js

@@ -6,6 +6,7 @@ import { useControllableState } from "../primitives/use-controllable-state.js";
 import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
 import { usePresence } from "../primitives/presence.js";
 import { useRovingFocus } from "../primitives/use-roving-focus.js";
+import { useHoverIntent } from "../primitives/use-hover-intent.js";
 import { mergeRefs } from "../primitives/merge-refs.js";
 import { Portal } from "../primitives/portal.js";
 import { Slot } from "../primitives/slot.js";
@@ -149,9 +150,9 @@ function ContextMenuCheckboxItem({
   checked,
   disabled,
   onClick,
+  onKeyDown,
   ...props
 }) {
-  const close = React.useContext(ContextMenuCloseContext);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -168,7 +169,13 @@ function ContextMenuCheckboxItem({
       onClick: (e) => {
         if (disabled) return;
         onClick?.(e);
-        close();
+      },
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.currentTarget.click();
+        }
       },
       ...props,
       children: [
@@ -269,13 +276,29 @@ function ContextMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx("div", { "data-slot": "context-menu-sub", children }) });
+  const triggerRef = React.useRef(null);
+  const focusFirst = React.useRef(false);
+  const hover = useHoverIntent({
+    onOpen: () => setOpen(true),
+    onClose: () => setOpen(false),
+    openDelay: 100,
+    closeDelay: 150
+  });
+  return /* @__PURE__ */ jsx(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen, triggerRef, focusFirst }, children: /* @__PURE__ */ jsx("div", { "data-slot": "context-menu-sub", ...hover, children }) });
 }
-function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }) {
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
   const ctx = React.useContext(ContextMenuSubContext);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: ctx?.triggerRef,
       "data-slot": "context-menu-sub-trigger",
       "data-inset": inset ? "" : void 0,
       "data-state": ctx?.open ? "open" : "closed",
@@ -291,6 +314,14 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
         onClick?.(e);
         ctx?.setOpen(!ctx.open);
       },
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (!ctx || e.key !== "ArrowRight" && e.key !== "Enter" && e.key !== " ") return;
+        e.preventDefault();
+        e.stopPropagation();
+        ctx.focusFirst.current = true;
+        ctx.setOpen(true);
+      },
       ...props,
       children: [
         children,
@@ -299,12 +330,29 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
     }
   );
 }
-function ContextMenuSubContent({ className, children, ...props }) {
+function ContextMenuSubContent({ className, children, onKeyDown, ...props }) {
   const ctx = React.useContext(ContextMenuSubContext);
+  const ref = React.useRef(null);
+  const open = ctx?.open ?? false;
+  React.useEffect(() => {
+    if (!open || !ctx?.focusFirst.current) return;
+    ctx.focusFirst.current = false;
+    ref.current?.querySelector("[role^='menuitem']")?.focus();
+  }, [open, ctx]);
   if (!ctx?.open) return null;
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref,
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (e.key === "ArrowLeft" || e.key === "Escape") {
+          e.preventDefault();
+          e.stopPropagation();
+          ctx.setOpen(false);
+          ctx.triggerRef.current?.focus();
+        }
+      },
       "data-slot": "context-menu-sub-content",
       "data-state": "open",
       role: "menu",