@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-CEQ3YKHR.js

@@ -0,0 +1,35 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/illustrations/illustration-base.tsx
+var ILLUSTRATION_VIEW_BOX = "0 0 160 160";
+function illustrationSvgProps(size = "7rem", className) {
+  return {
+    viewBox: ILLUSTRATION_VIEW_BOX,
+    width: size,
+    height: size,
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 4,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    role: "presentation",
+    focusable: "false",
+    className: cn("shrink-0", className)
+  };
+}
+var ILLUSTRATION_ACCENT_VAR = "--illustration-accent";
+function illustrationAccent(fallback) {
+  return `var(${ILLUSTRATION_ACCENT_VAR}, ${fallback})`;
+}
+
+export {
+  ILLUSTRATION_VIEW_BOX,
+  illustrationSvgProps,
+  ILLUSTRATION_ACCENT_VAR,
+  illustrationAccent
+};
+//# sourceMappingURL=chunk-CEQ3YKHR.js.map

package/dist/chunk-CEQ3YKHR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/illustration-base.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/**\n * Shared 160×160 canvas every illustration draws on. Keeping one constant\n * means every illustration's hand-authored coordinates line up on the same\n * grid — every subject's ink is drawn to fill an ~88×88 box centered at\n * (80, 78) (#24 fix round 1, P1-1), so the seven read as one optically-sized\n * family instead of varying 2.1× against each other.\n */\nexport const ILLUSTRATION_VIEW_BOX = \"0 0 160 160\";\n\nexport interface IllustrationProps extends SVGProps<SVGSVGElement> {\n  /**\n   * Rendered width & height (any CSS length — pass a `rem` value to stay\n   * density/zoom-aware). Illustrations are drawn to read clearly from about\n   * `4rem` (64px) up to `10rem` (160px).\n   * @default \"7rem\"\n   */\n  size?: string | number;\n}\n\n/**\n * The `<svg>`-level attributes every illustration shares: canvas, stroke\n * defaults (`currentColor`, so it themes with whatever text color the caller\n * or ambient context applies — e.g. `StatePanel` tints the error kind's slot\n * `text-destructive`), rem-based sizing, and decorative a11y (`aria-hidden`,\n * `role=\"presentation\"`) — every illustration is decorative; the state's\n * title/description text is the accessible content, never the artwork.\n *\n * Deliberately does NOT include `data-slot` — each illustration file declares\n * its own `data-slot=\"<name>-illustration\"` literal alongside this spread, so\n * the stable-selector convention (`.claude/rules/component-api.md`) is\n * visible per-component, not hidden behind a shared factory.\n */\nexport function illustrationSvgProps(size: string | number = \"7rem\", className?: string) {\n  return {\n    viewBox: ILLUSTRATION_VIEW_BOX,\n    width: size,\n    height: size,\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 4,\n    strokeLinecap: \"round\" as const,\n    strokeLinejoin: \"round\" as const,\n    \"aria-hidden\": true as const,\n    role: \"presentation\" as const,\n    focusable: \"false\" as const,\n    className: cn(\"shrink-0\", className),\n  };\n}\n\n/**\n * Accent-semantics convention (#48 finding 1): an illustration draws at most\n * ONE accent mark (via `illustrationAccent()` below), and it exists ONLY\n * when it carries information the silhouette (the `currentColor`-stroked\n * subject) does not already supply on its own — never as ornamental\n * flourish wearing a meaning-bearing token. Applied across the seven\n * shipped illustrations:\n * - **Meaning-bearing (kept):** the \"×\" that turns a magnifying glass into\n *   \"no results\" (`NoResultsIllustration`), the keyhole that turns a padlock\n *   body into \"restricted\" (`NoAccessIllustration`), the checkmark that\n *   turns a bare ring into \"success\" (`SuccessIllustration`), the\n *   exclamation that turns a torn document into \"warning\" rather than\n *   merely \"broken\" (`ErrorIllustration`).\n * - **Was decorative-only, removed (#48):** the \"add\" badge on\n *   `EmptyListIllustration` (three rows already read as \"empty list\" on\n *   their own), the sparkle on `FirstRunIllustration` (the planted flag\n *   already reads as \"start here\"), and the broken-link fragments on\n *   `OfflineIllustration` (a slashed cloud already reads as \"disconnected\" —\n *   the universal \"no signal\" idiom). Their accent-free silhouettes carry\n *   the full state alone, matching how `ErrorIllustration`'s silhouette\n *   already did before this convention was written down.\n * Every illustration is `aria-hidden` regardless (the state's title/\n * description text is the ACCESSIBLE channel — see `illustrationSvgProps`\n * below), so this is a visual-consistency rule, not an a11y requirement on\n * its own; don't regress the silhouette-carries-meaning property while\n * redrawing any of the four kept accents above.\n */\n\n/**\n * The custom property every illustration's single meaning-bearing accent\n * reads through. `StatePanel` sets it on the illustration slot's wrapper for\n * `kind=\"error\"` (`var(--destructive-text)`) so the accent follows the\n * panel's tint instead of staying pinned to one hue inside a re-colored slot\n * (#24 fix round 1, P0-2) — without this, an illustration whose accent\n * defaults to the brand hue renders a lime badge on a red error panel. Falls\n * back to each illustration's own default hue when no ambient override is\n * set.\n */\nexport const ILLUSTRATION_ACCENT_VAR = \"--illustration-accent\";\n\n/**\n * Build the `style` value for an illustration's accent ink: honors the\n * ambient `--illustration-accent` override when set, otherwise `fallback`.\n * `fallback` must be the correct **mark rung** for the accent's hue — e.g.\n * `var(--primary-text)` (NOT `var(--primary)`, a plate color that measures\n * 1.42:1 on `--card` in the `light` theme — #24 fix round 1, P0-1; see\n * `.claude/rules/styling-and-tokens.md` \"Which status rung a graphical MARK\n * reaches for\"), `var(--success-text)` for a positive-outcome accent, or\n * `var(--destructive-text)` for an error accent — the TEXT rung, deliberately\n * distinct from the FILL rung (`--destructive`) `StatePanel` puts the\n * SUBJECT on for `kind=\"error\"`, so the two don't collapse onto one colour\n * (#48 finding 2).\n */\nexport function illustrationAccent(fallback: string): string {\n  return `var(${ILLUSTRATION_ACCENT_VAR}, ${fallback})`;\n}\n"],"mappings":";;;;;;AAUO,IAAM,wBAAwB;AAyB9B,SAAS,qBAAqB,OAAwB,QAAQ,WAAoB;AACvF,SAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,IACX,WAAW,GAAG,YAAY,SAAS;AAAA,EACrC;AACF;AAwCO,IAAM,0BAA0B;AAehC,SAAS,mBAAmB,UAA0B;AAC3D,SAAO,OAAO,uBAAuB,KAAK,QAAQ;AACpD;","names":[]}

package/dist/chunk-CEQER4CV.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CEQER4CV.js.map

package/dist/chunk-CEQER4CV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CMP4F537.js

@@ -0,0 +1,190 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/menubar/menubar.tsx
+import {
+  forwardRef
+} from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import {
+  Menu,
+  Group,
+  Portal as Portal2,
+  Sub,
+  RadioGroup
+} from "@radix-ui/react-menubar";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Menubar = forwardRef(function Menubar2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Root,
+    {
+      ref,
+      "data-slot": "menubar",
+      className: cn("flex h-9 items-center gap-1 rounded-md bg-card p-1 shadow-ring-sm", className),
+      ...props
+    }
+  );
+});
+var MenubarTrigger = forwardRef(function MenubarTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-body font-medium outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarContent = forwardRef(function MenubarContent2({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var MenubarItem = forwardRef(function MenubarItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Item,
+    {
+      ref,
+      "data-slot": "menubar-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarSubTrigger = forwardRef(function MenubarSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.SubTrigger,
+    {
+      ref,
+      "data-slot": "menubar-sub-trigger",
+      className: cn(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent",
+        inset && "ps-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4" })
+      ]
+    }
+  );
+});
+var MenubarSubContent = forwardRef(function MenubarSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.SubContent,
+    {
+      ref,
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var MenubarCheckboxItem = forwardRef(function MenubarCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.CheckboxItem,
+    {
+      ref,
+      "data-slot": "menubar-checkbox-item",
+      checked,
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var MenubarRadioItem = forwardRef(function MenubarRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    MenubarPrimitive.RadioItem,
+    {
+      ref,
+      "data-slot": "menubar-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var MenubarSeparator = forwardRef(function MenubarSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    MenubarPrimitive.Separator,
+    {
+      ref,
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+function MenubarShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn("ms-auto text-meta tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Menubar,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSubTrigger,
+  MenubarSubContent,
+  MenubarCheckboxItem,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  Menu,
+  Group,
+  Portal2 as Portal,
+  Sub,
+  RadioGroup
+};
+//# sourceMappingURL=chunk-CMP4F537.js.map

package/dist/chunk-CMP4F537.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menubar/menubar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n} from \"react\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\n// Pure re-exports (not `const X = Primitive.Y`) so tsc need not emit a portable\n// type name for these — avoids TS2742 against transitive @radix-ui/react-context.\nexport {\n  Menu as MenubarMenu,\n  Group as MenubarGroup,\n  Portal as MenubarPortal,\n  Sub as MenubarSub,\n  RadioGroup as MenubarRadioGroup,\n} from \"@radix-ui/react-menubar\";\n\nexport const Menubar = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(function Menubar({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Root\n      ref={ref}\n      data-slot=\"menubar\"\n      className={cn(\"flex h-9 items-center gap-1 rounded-md bg-card p-1 shadow-ring-sm\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarTrigger = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(function MenubarTrigger({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Trigger\n      ref={ref}\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-body font-medium outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarContent = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(function MenubarContent(\n  { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n  ref,\n) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        ref={ref}\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 min-w-[12rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n          \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n});\n\nexport const MenubarItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & { inset?: boolean }\n>(function MenubarItem({ className, inset, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Item\n      ref={ref}\n      data-slot=\"menubar-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarSubTrigger = forwardRef<\n  ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }\n>(function MenubarSubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"menubar-sub-trigger\"\n      className={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset data-[state=open]:bg-accent\",\n        inset && \"ps-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ms-auto size-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n});\n\nexport const MenubarSubContent = forwardRef<\n  ElementRef<typeof MenubarPrimitive.SubContent>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(function MenubarSubContent({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.SubContent\n      ref={ref}\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-popover\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95\",\n        \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const MenubarCheckboxItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(function MenubarCheckboxItem({ className, children, checked, ...props }, ref) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      ref={ref}\n      data-slot=\"menubar-checkbox-item\"\n      checked={checked}\n      className={cn(\n        \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n});\n\nexport const MenubarRadioItem = forwardRef<\n  ElementRef<typeof MenubarPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(function MenubarRadioItem({ className, children, ...props }, ref) {\n  return (\n    <MenubarPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-body outline-none transition-colors duration-fast focus:bg-accent focus:text-accent-foreground focus-ring-inset\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n});\n\nexport const MenubarSeparator = forwardRef<\n  ElementRef<typeof MenubarPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(function MenubarSeparator({ className, ...props }, ref) {\n  return (\n    <MenubarPrimitive.Separator\n      ref={ref}\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n});\n\nexport function MenubarShortcut({ className, ...props }: HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\"ms-auto text-meta tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":["Portal","Menubar","MenubarTrigger","MenubarContent","MenubarItem","MenubarSubTrigger","MenubarSubContent","MenubarCheckboxItem","MenubarRadioItem","MenubarSeparator"]}

package/dist/chunk-CRGGGHAM.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CRGGGHAM.js.map

package/dist/chunk-CRGGGHAM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CRVB4SLG.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CRVB4SLG.js.map

package/dist/chunk-CRVB4SLG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CT6XJIPY.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CT6XJIPY.js.map

package/dist/chunk-CT6XJIPY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CY5ISPFB.js

@@ -0,0 +1,235 @@
+"use client";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle
+} from "./chunk-BYFRDLDL.js";
+import {
+  mergeRefs
+} from "./chunk-L37QZALU.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/command/command.tsx
+import {
+  createContext,
+  forwardRef,
+  use,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Command as CommandPrimitive, useCommandState } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CMDK_ITEM_SELECTOR = '[cmdk-item=""][aria-selected="true"]';
+function scrollElementIntoCommandList(element) {
+  const list = element.closest('[data-slot="command-list"]');
+  if (!list) return;
+  const elementRect = element.getBoundingClientRect();
+  const listRect = list.getBoundingClientRect();
+  if (elementRect.top < listRect.top) {
+    list.scrollTop -= listRect.top - elementRect.top;
+  } else if (elementRect.bottom > listRect.bottom) {
+    list.scrollTop += elementRect.bottom - listRect.bottom;
+  }
+}
+function overrideItemScrollIntoView(node) {
+  if (node) node.scrollIntoView = () => scrollElementIntoCommandList(node);
+}
+function overrideGroupHeadingScrollIntoView(node) {
+  const heading = node?.querySelector("[cmdk-group-heading]");
+  if (heading) heading.scrollIntoView = () => scrollElementIntoCommandList(heading);
+}
+var NO_COMMAND_PROVIDER = /* @__PURE__ */ Symbol("no-command-provider");
+var CommandActiveItemIdContext = createContext(
+  NO_COMMAND_PROVIDER
+);
+function CommandActiveItemProvider({
+  rootRef,
+  onChange,
+  children
+}) {
+  const value = useCommandState((state) => state.value);
+  const selectedItemId = useCommandState((state) => state.selectedItemId);
+  const filteredCount = useCommandState((state) => state.filtered.count);
+  const [activeId, setActiveId] = useState(void 0);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const lastReportedRef = useRef(
+    NO_COMMAND_PROVIDER
+  );
+  useEffect(() => {
+    const element = rootRef.current?.querySelector(CMDK_ITEM_SELECTOR);
+    const next = element?.id ?? selectedItemId ?? void 0;
+    setActiveId(next);
+    if (lastReportedRef.current !== next) {
+      lastReportedRef.current = next;
+      onChangeRef.current?.(next);
+    }
+  }, [value, selectedItemId, filteredCount, rootRef]);
+  return /* @__PURE__ */ jsx(CommandActiveItemIdContext, { value: activeId, children });
+}
+var Command = forwardRef(
+  function Command2({ className, children, onActiveItemIdChange, ...props }, ref) {
+    const innerRef = useRef(null);
+    const mergedRef = useMemo(() => mergeRefs(ref, innerRef), [ref]);
+    return /* @__PURE__ */ jsx(
+      CommandPrimitive,
+      {
+        ref: mergedRef,
+        "data-slot": "command",
+        className: cn(
+          "flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(CommandActiveItemProvider, { rootRef: innerRef, onChange: onActiveItemIdChange, children })
+      }
+    );
+  }
+);
+function useCommandActiveItemId() {
+  const id = use(CommandActiveItemIdContext);
+  return id === NO_COMMAND_PROVIDER ? void 0 : id;
+}
+function CommandDialog({ children, filter, title, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0", children: [
+    title === void 0 ? null : /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsx(
+      Command,
+      {
+        filter,
+        className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3",
+        children
+      }
+    )
+  ] }) });
+}
+var CommandInput = forwardRef(function CommandInput2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ jsx(Search, { className: "me-2 size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ jsx(
+      CommandPrimitive.Input,
+      {
+        ref,
+        "data-slot": "command-input",
+        className: cn(
+          "flex h-10 w-full rounded-md bg-transparent py-3 text-body outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+var CommandList = forwardRef(function CommandList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.List,
+    {
+      ref,
+      "data-slot": "command-list",
+      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+      ...props
+    }
+  );
+});
+var CommandEmpty = forwardRef(function CommandEmpty2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Empty,
+    {
+      ref,
+      "data-slot": "command-empty",
+      className: cn("py-6 text-center text-body", className),
+      ...props
+    }
+  );
+});
+var CommandGroup = forwardRef(function CommandGroup2({ className, ...props }, ref) {
+  const mergedRef = useMemo(
+    () => mergeRefs(ref, overrideGroupHeadingScrollIntoView),
+    [ref]
+  );
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Group,
+    {
+      ref: mergedRef,
+      "data-slot": "command-group",
+      className: cn(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-meta [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var CommandSeparator = forwardRef(function CommandSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Separator,
+    {
+      ref,
+      "data-slot": "command-separator",
+      "aria-hidden": "true",
+      className: cn("-mx-1 h-px bg-border", className),
+      ...props
+    }
+  );
+});
+var CMDK_OVERRIDDEN_ITEM_PROPS = ["id", "role", "aria-selected"];
+var warnedAboutOverriddenItemProps = /* @__PURE__ */ new Set();
+var CommandItem = forwardRef(function CommandItem2({ className, ...props }, ref) {
+  const mergedRef = useMemo(
+    () => mergeRefs(ref, overrideItemScrollIntoView),
+    [ref]
+  );
+  if (process.env.NODE_ENV !== "production") {
+    for (const key of CMDK_OVERRIDDEN_ITEM_PROPS) {
+      if (key in props && !warnedAboutOverriddenItemProps.has(key)) {
+        warnedAboutOverriddenItemProps.add(key);
+        console.warn(
+          `CommandItem: "${key}" is assigned internally by cmdk, so the value you passed is ignored. Use <Command onActiveItemIdChange> (or the "useCommandActiveItemId" hook) to read the DOM id of the highlighted item instead \u2014 see packages/ui/src/components/command/command.tsx.`
+        );
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Item,
+    {
+      ref: mergedRef,
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn("ms-auto text-meta tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Command,
+  useCommandActiveItemId,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandSeparator,
+  CommandItem,
+  CommandShortcut
+};
+//# sourceMappingURL=chunk-CY5ISPFB.js.map

package/dist/chunk-CY5ISPFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  use,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { mergeRefs } from \"../../lib/merge-refs\";\nimport { Dialog, DialogContent, DialogTitle } from \"../dialog\";\n\n/** cmdk's own marker attribute on an item row — the scope for the id lookup. */\nconst CMDK_ITEM_SELECTOR = '[cmdk-item=\"\"][aria-selected=\"true\"]';\n\n/**\n * Brings `element` fully into view within its nearest `CommandList` ancestor\n * — and ONLY that ancestor — by writing `scrollTop` directly. Replicates the\n * minimal-movement edge math `Element.scrollIntoView({ block: \"nearest\" })`\n * itself uses, without ever calling the native method (which walks every\n * further scrollable ancestor, the window included — see\n * `overrideItemScrollIntoView` below for why that matters). A no-op when\n * `element` has no `CommandList` ancestor: never falls back to the native\n * call, which would reopen #541.\n */\nfunction scrollElementIntoCommandList(element: HTMLElement) {\n  const list = element.closest<HTMLElement>('[data-slot=\"command-list\"]');\n  if (!list) return;\n  const elementRect = element.getBoundingClientRect();\n  const listRect = list.getBoundingClientRect();\n  if (elementRect.top < listRect.top) {\n    list.scrollTop -= listRect.top - elementRect.top;\n  } else if (elementRect.bottom > listRect.bottom) {\n    list.scrollTop += elementRect.bottom - listRect.bottom;\n  }\n}\n\n/**\n * cmdk auto-highlights the first item on mount, on every filter keystroke\n * and on every keyboard navigation (ArrowDown/ArrowUp/Home/End), then calls\n * the highlighted item's — and, when it is the first item in a group, that\n * group's heading's — native `Element.prototype.scrollIntoView({ block:\n * \"nearest\" })` to keep it visible. See `cmdk@1.1.1`'s\n * `node_modules/cmdk/dist/index.mjs:1` (and the CJS twin\n * `dist/index.js:1` — esbuild minifies each entire module onto a single\n * line), function `ne` (`ce` in the CJS build): every `setState(\"value\", …)`\n * call that does not pass the internal \"don't scroll\" flag (pointer hover\n * selection is the one call site that does) schedules it, and the root\n * component's own mount effect schedules it unconditionally too.\n *\n * `{ block: \"nearest\" }` walks EVERY scrollable ancestor, the window\n * included — so mounting a `Command` whose list sits below the fold scrolls\n * the whole page (#541), for every consumer of an inline list, not only a\n * modal `CommandDialog`. cmdk has no prop to opt out (checked its public\n * API — no `scrollBehavior`/`disableScroll`/similar).\n *\n * The fix shadows `scrollIntoView` as an OWN property on the specific\n * item/heading element cmdk will call it on — never `Element.prototype`,\n * which would silently change the behaviour of every OTHER element on the\n * page, not just cmdk's — with `scrollElementIntoCommandList` above. A ref\n * callback runs during React's DOM-mutation commit phase, which always\n * completes (for the whole tree) before any layout effect fires — including\n * cmdk's own scheduled scroll — so the override is guaranteed to be in place\n * before cmdk can ever reach the native method.\n */\nfunction overrideItemScrollIntoView(node: HTMLElement | null) {\n  if (node) node.scrollIntoView = () => scrollElementIntoCommandList(node);\n}\n\n/** Same override as `overrideItemScrollIntoView`, for a group's heading —\n * the DOM node cmdk creates internally for `CommandGroup`'s `heading` prop,\n * so unlike an item it isn't a ref target we're handed directly. */\nfunction overrideGroupHeadingScrollIntoView(node: HTMLElement | null) {\n  const heading = node?.querySelector<HTMLElement>(\"[cmdk-group-heading]\");\n  if (heading) heading.scrollIntoView = () => scrollElementIntoCommandList(heading);\n}\n\n/** Distinguishes \"no `<Command>` ancestor\" from \"nothing is highlighted\". */\nconst NO_COMMAND_PROVIDER = Symbol(\"no-command-provider\");\n\nconst CommandActiveItemIdContext = createContext<string | undefined | typeof NO_COMMAND_PROVIDER>(\n  NO_COMMAND_PROVIDER,\n);\n\n/**\n * Resolves the DOM `id` of the currently highlighted `CommandItem`, publishes\n * it on a context and reports it to `Command`'s `onActiveItemIdChange`.\n *\n * It renders no DOM of its own, and it deliberately does NOT simply forward\n * cmdk's `state.selectedItemId`. cmdk only recomputes that field inside a\n * `schedule(7, …)` callback queued from `setState(\"value\", …)`, and its own\n * `selectFirstItem()` runs INSIDE the layout-effect flush that drains that\n * queue — so the callback executes before React has committed the new\n * `aria-selected` attribute and cmdk's `getSelectedItem()` DOM query finds\n * nothing. The field therefore stays `undefined` for BOTH cases that matter\n * here: the item auto-highlighted on mount, and the item re-highlighted after\n * every filter keystroke. (cmdk's own `Command.Input` inherits the same hole —\n * it renders no `aria-activedescendant` in either state. Verified against\n * cmdk 1.1.1 in jsdom and Chromium.)\n *\n * Reading the committed DOM from a post-commit `useEffect` — the same query\n * cmdk itself uses, just at a point where the attribute exists — closes both\n * gaps. `state.selectedItemId` is kept as a fallback and as one of the change\n * triggers.\n */\nfunction CommandActiveItemProvider({\n  rootRef,\n  onChange,\n  children,\n}: {\n  rootRef: RefObject<HTMLDivElement | null>;\n  onChange?: (id: string | undefined) => void;\n  children: ReactNode;\n}) {\n  const value = useCommandState((state) => state.value);\n  const selectedItemId = useCommandState((state) => state.selectedItemId);\n  const filteredCount = useCommandState((state) => state.filtered.count);\n\n  const [activeId, setActiveId] = useState<string | undefined>(undefined);\n\n  // The callback lives in a ref so an inline arrow prop doesn't re-fire the\n  // effect on every render.\n  const onChangeRef = useRef(onChange);\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  // `undefined` is a legitimate reported value (\"nothing highlighted\"), so the\n  // \"not reported yet\" sentinel has to be something else.\n  const lastReportedRef = useRef<string | undefined | typeof NO_COMMAND_PROVIDER>(\n    NO_COMMAND_PROVIDER,\n  );\n\n  useEffect(() => {\n    const element = rootRef.current?.querySelector<HTMLElement>(CMDK_ITEM_SELECTOR);\n    const next = element?.id ?? selectedItemId ?? undefined;\n\n    setActiveId(next);\n    if (lastReportedRef.current !== next) {\n      lastReportedRef.current = next;\n      onChangeRef.current?.(next);\n    }\n  }, [value, selectedItemId, filteredCount, rootRef]);\n\n  return <CommandActiveItemIdContext value={activeId}>{children}</CommandActiveItemIdContext>;\n}\n\nexport interface CommandProps extends ComponentPropsWithoutRef<typeof CommandPrimitive> {\n  /**\n   * Reports the DOM `id` cmdk assigned to the currently highlighted item, so\n   * an input rendered OUTSIDE this `Command` tree (a composer textarea, a\n   * combobox trigger) can set `aria-activedescendant` without querying\n   * `[role=\"option\"]` positionally. Fires with `undefined` when nothing is\n   * highlighted.\n   *\n   * cmdk owns each item's `id`/`role`/`aria-selected` and applies them AFTER\n   * the consumer spread, so a consumer-supplied `id` on `CommandItem` is\n   * silently dropped (`CommandItem` warns about this in development) — this\n   * callback is the supported way to obtain it. See also the\n   * `useCommandActiveItemId` hook for reading the same value from a\n   * descendant already inside the `<Command>` tree.\n   *\n   * It fires for EVERY highlight change, including the item cmdk\n   * auto-highlights on mount and the one it re-highlights after each filter\n   * keystroke — the two states cmdk's own `state.selectedItemId` misses.\n   */\n  onActiveItemIdChange?: (id: string | undefined) => void;\n}\n\nexport const Command = forwardRef<ElementRef<typeof CommandPrimitive>, CommandProps>(\n  function Command({ className, children, onActiveItemIdChange, ...props }, ref) {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMemo(() => mergeRefs<HTMLDivElement>(ref, innerRef), [ref]);\n\n    return (\n      <CommandPrimitive\n        ref={mergedRef}\n        data-slot=\"command\"\n        className={cn(\n          \"flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        <CommandActiveItemProvider rootRef={innerRef} onChange={onActiveItemIdChange}>\n          {children}\n        </CommandActiveItemProvider>\n      </CommandPrimitive>\n    );\n  },\n);\n\n/**\n * The DOM `id` of the currently highlighted `CommandItem`. Must be called\n * from a component rendered inside a `<Command>` tree; returns `undefined`\n * when nothing is highlighted (or when there is no `<Command>` ancestor).\n * Reports exactly the same value as `Command`'s `onActiveItemIdChange`\n * callback, for a consumer that is already a descendant (rather than an\n * external input above the tree).\n */\nexport function useCommandActiveItemId(): string | undefined {\n  const id = use(CommandActiveItemIdContext);\n  return id === NO_COMMAND_PROVIDER ? undefined : id;\n}\n\nexport type CommandDialogProps = ComponentPropsWithoutRef<typeof Dialog> & {\n  /** Custom cmdk ranking (e.g. strict substring instead of fuzzy). */\n  filter?: ComponentPropsWithoutRef<typeof CommandPrimitive>[\"filter\"];\n  /**\n   * The dialog's accessible name, rendered `sr-only`.\n   *\n   * OPTIONAL, and deliberately so: callers that already render their own\n   * `DialogTitle` in `children` must not be forced to move it, and\n   * `@elabs-ai/components-ai`'s `VoiceSelectorDialog` passes this whole prop\n   * type straight through. Supply it when you have no visible title — a\n   * `Dialog` with no accessible name is a Radix warning and an axe violation.\n   */\n  title?: ReactNode;\n};\n\n/**\n * A ⌘K command palette in a modal `Dialog`.\n *\n * This IS the palette presentation of `Command` — there is no separate\n * \"selector\" component. For an inline pill that opens the same grouped,\n * searchable list anchored under itself (a composer footer), reach for\n * `ModelPicker` instead.\n */\nexport function CommandDialog({ children, filter, title, ...props }: CommandDialogProps) {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        {title === undefined ? null : <DialogTitle className=\"sr-only\">{title}</DialogTitle>}\n        <Command\n          filter={filter}\n          className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3\"\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const CommandInput = forwardRef<\n  ElementRef<typeof CommandPrimitive.Input>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(function CommandInput({ className, ...props }, ref) {\n  return (\n    <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n      <Search className=\"me-2 size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        ref={ref}\n        data-slot=\"command-input\"\n        className={cn(\n          \"flex h-10 w-full rounded-md bg-transparent py-3 text-body outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nexport const CommandList = forwardRef<\n  ElementRef<typeof CommandPrimitive.List>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(function CommandList({ className, ...props }, ref) {\n  return (\n    <CommandPrimitive.List\n      ref={ref}\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const CommandEmpty = forwardRef<\n  ElementRef<typeof CommandPrimitive.Empty>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(function CommandEmpty({ className, ...props }, ref) {\n  return (\n    <CommandPrimitive.Empty\n      ref={ref}\n      data-slot=\"command-empty\"\n      className={cn(\"py-6 text-center text-body\", className)}\n      {...props}\n    />\n  );\n});\n\nexport const CommandGroup = forwardRef<\n  ElementRef<typeof CommandPrimitive.Group>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(function CommandGroup({ className, ...props }, ref) {\n  const mergedRef = useMemo(\n    () => mergeRefs<HTMLDivElement>(ref, overrideGroupHeadingScrollIntoView),\n    [ref],\n  );\n  return (\n    <CommandPrimitive.Group\n      ref={mergedRef}\n      data-slot=\"command-group\"\n      className={cn(\n        \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-meta [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const CommandSeparator = forwardRef<\n  ElementRef<typeof CommandPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(function CommandSeparator({ className, ...props }, ref) {\n  return (\n    <CommandPrimitive.Separator\n      ref={ref}\n      data-slot=\"command-separator\"\n      // `cmdk` renders this as a direct child of its `role=\"listbox\"`\n      // (`CommandList`), which may only own `option`/`group` (WCAG 1.3.1,\n      // #157) — a purely visual divider between groups, so `aria-hidden`\n      // removes it from the accessibility tree instead of asking the listbox\n      // to own a role it can't. `{...props}` still lets a caller override it.\n      aria-hidden=\"true\"\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n});\n\n/**\n * Props cmdk owns and applies AFTER a consumer spread — see the `Command`\n * `onActiveItemIdChange` docblock. Passing any of these is a silent no-op;\n * `CommandItem` warns once per key in development.\n */\nconst CMDK_OVERRIDDEN_ITEM_PROPS = [\"id\", \"role\", \"aria-selected\"] as const;\nconst warnedAboutOverriddenItemProps = new Set<string>();\n\nexport const CommandItem = forwardRef<\n  ElementRef<typeof CommandPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(function CommandItem({ className, ...props }, ref) {\n  const mergedRef = useMemo(\n    () => mergeRefs<HTMLDivElement>(ref, overrideItemScrollIntoView),\n    [ref],\n  );\n\n  if (process.env.NODE_ENV !== \"production\") {\n    for (const key of CMDK_OVERRIDDEN_ITEM_PROPS) {\n      if (key in props && !warnedAboutOverriddenItemProps.has(key)) {\n        warnedAboutOverriddenItemProps.add(key);\n        // oxlint-disable-next-line no-console\n        console.warn(\n          `CommandItem: \"${key}\" is assigned internally by cmdk, so the value you passed is ` +\n            'ignored. Use <Command onActiveItemIdChange> (or the \"useCommandActiveItemId\" hook) ' +\n            \"to read the DOM id of the highlighted item instead — see \" +\n            \"packages/ui/src/components/command/command.tsx.\",\n        );\n      }\n    }\n  }\n\n  return (\n    <CommandPrimitive.Item\n      ref={mergedRef}\n      data-slot=\"command-item\"\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-body outline-none transition-colors duration-fast data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport function CommandShortcut({ className, ...props }: HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\"ms-auto text-meta tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":["Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem"]}

package/dist/chunk-CY624JOL.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-CY624JOL.js.map

package/dist/chunk-CY624JOL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-D53EN4Q6.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-D53EN4Q6.js.map

package/dist/chunk-D53EN4Q6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-D5INX2EF.js

@@ -0,0 +1,50 @@
+"use client";
+import {
+  Kbd
+} from "./chunk-5C5W52O2.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/command-trigger/command-trigger.tsx
+import { forwardRef } from "react";
+import { Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function platformShortcut() {
+  if (typeof navigator === "undefined") return "Ctrl K";
+  const platform = navigator.userAgentData?.platform ?? navigator.platform ?? "";
+  return /mac|iphone|ipad/i.test(platform) ? "\u2318 K" : "Ctrl K";
+}
+var CommandTrigger = forwardRef(
+  function CommandTrigger2({ label = "Search", shortcut, className, ...props }, ref) {
+    const hint = shortcut ?? platformShortcut();
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "command-trigger",
+        "aria-label": label,
+        className: cn(
+          "inline-flex h-8 items-center gap-2 rounded-md border border-input bg-background px-2 text-body text-muted-foreground",
+          "hover:bg-accent hover:text-accent-foreground focus-ring focus-visible:border-input-focus",
+          "sm:w-56 sm:justify-between sm:ps-2 sm:pe-1.5",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Search, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "hidden truncate sm:inline", children: label })
+          ] }),
+          /* @__PURE__ */ jsx(Kbd, { "aria-hidden": "true", className: "hidden sm:inline-flex", children: hint })
+        ]
+      }
+    );
+  }
+);
+
+export {
+  CommandTrigger
+};
+//# sourceMappingURL=chunk-D5INX2EF.js.map