@arqel-dev/ui 0.11.0 → 0.13.0

package/dist/chunk-EYAUPJ6J.js

@@ -0,0 +1,64 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import 'react';
+import 'lucide-react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu$1.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };
+//# sourceMappingURL=chunk-EYAUPJ6J.js.map
+//# sourceMappingURL=chunk-EYAUPJ6J.js.map

package/dist/chunk-EYAUPJ6J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shadcn/ui/dropdown-menu.tsx"],"names":["DropdownMenuPrimitive"],"mappings":";;;;;;AAQA,SAAS,YAAA,CAAa;AAAA,EACpB,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,2BAAQA,cAAA,CAAsB,IAAA,EAAtB,EAA2B,WAAA,EAAU,eAAA,EAAiB,GAAG,KAAA,EAAO,CAAA;AAC1E;AAUA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,GAAG;AACL,CAAA,EAA+D;AAC7D,EAAA,uBACE,GAAA;AAAA,IAACA,cAAA,CAAsB,OAAA;AAAA,IAAtB;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,SAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,GAAG;AACL,CAAA,EAA+D;AAC7D,EAAA,uBACE,GAAA,CAACA,cAAA,CAAsB,MAAA,EAAtB,EACC,QAAA,kBAAA,GAAA;AAAA,IAACA,cAAA,CAAsB,OAAA;AAAA,IAAtB;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,wjBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAUA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACE,GAAA;AAAA,IAACA,cAAA,CAAsB,IAAA;AAAA,IAAtB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,EAAA;AAAA,QACT,6mBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-EYAUPJ6J.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked ?? false}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"]}

package/dist/chunk-FHRQ7PWE.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-FHRQ7PWE.js.map
+//# sourceMappingURL=chunk-FHRQ7PWE.js.map

package/dist/chunk-FHRQ7PWE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shadcn/ui/button.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,6bAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,WAAA,EACE,mJAAA;AAAA,QACF,OAAA,EACE,uIAAA;AAAA,QACF,SAAA,EACE,8DAAA;AAAA,QACF,KAAA,EACE,sEAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,+BAAA;AAAA,QACT,EAAA,EAAI,0FAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,sCAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EAAW,wDAAA;AAAA,QACX,SAAA,EAAW,QAAA;AAAA,QACX,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGK;AACH,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-FHRQ7PWE.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/utils/cn\"\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-FV7RESKL.js

@@ -0,0 +1,285 @@
+import { useRef, useState, useId, useEffect, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/palette/CommandPalette.tsx
+var RECENT_KEY = "arqel:cmdpal:recent";
+var RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
+var RECENT_LIMIT = 5;
+var DEBOUNCE_MS = 150;
+function readRecents() {
+  try {
+    const raw = globalThis.localStorage?.getItem(RECENT_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    const now = Date.now();
+    return parsed.filter(
+      (e) => typeof e === "object" && e !== null && typeof e.id === "string" && typeof e.count === "number" && typeof e.lastUsed === "number" && now - e.lastUsed <= RECENT_WINDOW_MS && typeof e.command === "object"
+    );
+  } catch {
+    return [];
+  }
+}
+function writeRecents(entries) {
+  try {
+    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));
+  } catch {
+  }
+}
+function recordUsage(command) {
+  const entries = readRecents();
+  const now = Date.now();
+  const idx = entries.findIndex((e) => e.id === command.id);
+  if (idx >= 0) {
+    const existing = entries[idx];
+    if (existing) {
+      entries[idx] = {
+        ...existing,
+        count: existing.count + 1,
+        lastUsed: now,
+        command
+      };
+    }
+  } else {
+    entries.push({ id: command.id, count: 1, lastUsed: now, command });
+  }
+  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);
+  writeRecents(fresh);
+}
+function topRecents() {
+  return readRecents().slice().sort((a, b) => b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count).slice(0, RECENT_LIMIT).map((e) => e.command);
+}
+function groupByCategory(commands) {
+  const order = [];
+  const buckets = /* @__PURE__ */ new Map();
+  for (const cmd of commands) {
+    const key = cmd.category ?? "General";
+    if (!buckets.has(key)) {
+      buckets.set(key, []);
+      order.push(key);
+    }
+    buckets.get(key)?.push(cmd);
+  }
+  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));
+}
+function flattenGroups(groups) {
+  return groups.flatMap((g) => g.commands);
+}
+var dialogStyle = {
+  border: "none",
+  borderRadius: "0.75rem",
+  padding: 0,
+  width: "min(640px, 92vw)",
+  maxHeight: "70vh",
+  background: "var(--background, #fff)",
+  color: "var(--foreground, #111)"
+};
+function CommandPalette({ endpoint = "/admin/commands" }) {
+  const dialogRef = useRef(null);
+  const inputRef = useRef(null);
+  const debounceTimer = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [recents, setRecents] = useState([]);
+  const [highlight, setHighlight] = useState(0);
+  const titleId = useId();
+  const hintId = useId();
+  const listId = useId();
+  const optBaseId = useId();
+  const visibleCommands = query.trim().length === 0 ? recents : results;
+  const groups = query.trim().length === 0 && recents.length > 0 ? [{ category: "Recent", commands: recents }] : groupByCategory(visibleCommands);
+  const flat = flattenGroups(groups);
+  useEffect(() => {
+    function onKey(event) {
+      const isToggle = (event.key === "k" || event.key === "K") && (event.metaKey || event.ctrlKey);
+      if (!isToggle) return;
+      event.preventDefault();
+      setOpen((prev) => !prev);
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      try {
+        dialog.showModal();
+      } catch {
+      }
+      setRecents(topRecents());
+      setQuery("");
+      setResults([]);
+      setHighlight(0);
+      queueMicrotask(() => inputRef.current?.focus());
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    if (query.trim().length === 0) {
+      setResults([]);
+      return;
+    }
+    if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    debounceTimer.current = setTimeout(() => {
+      const url = `${endpoint}?q=${encodeURIComponent(query)}`;
+      fetch(url, { headers: { Accept: "application/json" } }).then((res) => res.ok ? res.json() : { commands: [] }).then((data) => {
+        setResults(Array.isArray(data?.commands) ? data.commands : []);
+        setHighlight(0);
+      }).catch(() => {
+        setResults([]);
+      });
+    }, DEBOUNCE_MS);
+    return () => {
+      if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    };
+  }, [query, open, endpoint]);
+  const close = useCallback(() => setOpen(false), []);
+  const execute = useCallback((command) => {
+    recordUsage(command);
+    setOpen(false);
+    window.location.assign(command.url);
+  }, []);
+  const onKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+        return;
+      }
+      if (flat.length === 0) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setHighlight((h) => (h + 1) % flat.length);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setHighlight((h) => (h - 1 + flat.length) % flat.length);
+      } else if (event.key === "Enter") {
+        event.preventDefault();
+        const target = flat[highlight];
+        if (target) execute(target);
+      }
+    },
+    [flat, highlight, close, execute]
+  );
+  const onDialogClick = useCallback(
+    (event) => {
+      if (event.target === dialogRef.current) close();
+    },
+    [close]
+  );
+  const optionId = (idx) => `${optBaseId}-opt-${idx}`;
+  const activeOptionId = flat.length > 0 ? optionId(highlight) : void 0;
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close
+    /* @__PURE__ */ jsx(
+      "dialog",
+      {
+        ref: dialogRef,
+        "aria-labelledby": titleId,
+        "aria-describedby": hintId,
+        onClick: onDialogClick,
+        onClose: () => setOpen(false),
+        onCancel: (event) => {
+          event.preventDefault();
+          close();
+        },
+        style: dialogStyle,
+        className: "backdrop:bg-black/40",
+        "data-arqel-cmdpal": "",
+        children: /* @__PURE__ */ jsxs("div", { onKeyDown, className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, className: "sr-only", children: "Command palette" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              role: "combobox",
+              "aria-expanded": open,
+              "aria-controls": listId,
+              "aria-autocomplete": "list",
+              ...activeOptionId ? { "aria-activedescendant": activeOptionId } : {},
+              placeholder: "Type a command\u2026",
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              className: "w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { role: "status", "aria-live": "polite", className: "sr-only", children: [
+            flat.length,
+            " commands"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "ul",
+            {
+              id: listId,
+              role: "listbox",
+              "aria-label": "Commands",
+              className: "max-h-[50vh] overflow-y-auto py-2",
+              children: [
+                groups.length === 0 && /* @__PURE__ */ jsx("li", { role: "presentation", className: "px-4 py-3 text-sm opacity-60", children: "No commands found" }),
+                groups.map((group) => {
+                  const startIdx = flat.indexOf(group.commands[0] ?? {});
+                  return /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "presentation",
+                        className: "px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60",
+                        children: group.category
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("ul", { role: "presentation", className: "m-0 list-none p-0", children: group.commands.map((cmd, j) => {
+                      const idx = startIdx + j;
+                      const isActive = idx === highlight;
+                      return (
+                        // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler
+                        /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            id: optionId(idx),
+                            role: "option",
+                            "aria-selected": isActive,
+                            "data-active": isActive ? "" : void 0,
+                            onMouseEnter: () => setHighlight(idx),
+                            onClick: () => execute(cmd),
+                            className: "flex cursor-pointer items-center gap-3 px-4 py-2 text-sm " + (isActive ? "bg-[var(--accent,#f1f5f9)]" : ""),
+                            children: [
+                              /* @__PURE__ */ jsx("span", { className: "flex-1", children: cmd.label }),
+                              cmd.description ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60", children: cmd.description }) : null
+                            ]
+                          },
+                          cmd.id
+                        )
+                      );
+                    }) })
+                  ] }, group.category);
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "footer",
+            {
+              id: hintId,
+              className: "flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70",
+              children: [
+                /* @__PURE__ */ jsx("span", { children: "\u2191\u2193 navigate" }),
+                /* @__PURE__ */ jsx("span", { children: "\u21B5 select" }),
+                /* @__PURE__ */ jsx("span", { children: "esc close" })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  );
+}
+
+export { CommandPalette };
+//# sourceMappingURL=chunk-FV7RESKL.js.map
+//# sourceMappingURL=chunk-FV7RESKL.js.map

package/dist/chunk-FV7RESKL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/palette/CommandPalette.tsx"],"names":[],"mappings":"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","file":"chunk-FV7RESKL.js","sourcesContent":["/**\n * `<CommandPalette>` — global Cmd+K admin command palette.\n *\n * Wraps the `/admin/commands` endpoint shipped by `arqel-dev/core` (CMDPAL-002)\n * with a native `<dialog>`-based modal. No external dialog/combobox library\n * is used: the surface area is small enough that the platform primitives\n * (HTML dialog + ARIA combobox/listbox roles) cover every requirement.\n *\n * Usage: render once at the top of `<AppShell>` — the global Cmd+K /\n * Ctrl+K listener is mounted on `window` while the component is alive.\n */\n\nimport { type CSSProperties, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nexport interface PaletteCommand {\n  id: string;\n  label: string;\n  url: string;\n  description?: string | null;\n  category?: string | null;\n  icon?: string | null;\n}\n\nexport interface CommandPaletteProps {\n  /** Endpoint that returns `{ commands: PaletteCommand[] }`. */\n  endpoint?: string;\n}\n\ninterface RecentEntry {\n  id: string;\n  count: number;\n  lastUsed: number;\n  command: PaletteCommand;\n}\n\nconst RECENT_KEY = 'arqel:cmdpal:recent';\nconst RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1000; // 30 days\nconst RECENT_LIMIT = 5;\nconst DEBOUNCE_MS = 150;\n\nfunction readRecents(): RecentEntry[] {\n  try {\n    const raw = globalThis.localStorage?.getItem(RECENT_KEY);\n    if (!raw) return [];\n    const parsed: unknown = JSON.parse(raw);\n    if (!Array.isArray(parsed)) return [];\n    const now = Date.now();\n    return parsed.filter(\n      (e): e is RecentEntry =>\n        typeof e === 'object' &&\n        e !== null &&\n        typeof (e as RecentEntry).id === 'string' &&\n        typeof (e as RecentEntry).count === 'number' &&\n        typeof (e as RecentEntry).lastUsed === 'number' &&\n        now - (e as RecentEntry).lastUsed <= RECENT_WINDOW_MS &&\n        typeof (e as RecentEntry).command === 'object',\n    );\n  } catch {\n    return [];\n  }\n}\n\nfunction writeRecents(entries: RecentEntry[]): void {\n  try {\n    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));\n  } catch {\n    // Ignore quota/serialization failures — recents are best-effort.\n  }\n}\n\nfunction recordUsage(command: PaletteCommand): void {\n  const entries = readRecents();\n  const now = Date.now();\n  const idx = entries.findIndex((e) => e.id === command.id);\n  if (idx >= 0) {\n    const existing = entries[idx];\n    if (existing) {\n      entries[idx] = {\n        ...existing,\n        count: existing.count + 1,\n        lastUsed: now,\n        command,\n      };\n    }\n  } else {\n    entries.push({ id: command.id, count: 1, lastUsed: now, command });\n  }\n  // Prune anything older than the recency window.\n  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);\n  writeRecents(fresh);\n}\n\nfunction topRecents(): PaletteCommand[] {\n  return readRecents()\n    .slice()\n    .sort((a, b) => (b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count))\n    .slice(0, RECENT_LIMIT)\n    .map((e) => e.command);\n}\n\ninterface Group {\n  category: string;\n  commands: PaletteCommand[];\n}\n\nfunction groupByCategory(commands: PaletteCommand[]): Group[] {\n  const order: string[] = [];\n  const buckets = new Map<string, PaletteCommand[]>();\n  for (const cmd of commands) {\n    const key = cmd.category ?? 'General';\n    if (!buckets.has(key)) {\n      buckets.set(key, []);\n      order.push(key);\n    }\n    buckets.get(key)?.push(cmd);\n  }\n  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));\n}\n\nfunction flattenGroups(groups: Group[]): PaletteCommand[] {\n  return groups.flatMap((g) => g.commands);\n}\n\nconst dialogStyle: CSSProperties = {\n  border: 'none',\n  borderRadius: '0.75rem',\n  padding: 0,\n  width: 'min(640px, 92vw)',\n  maxHeight: '70vh',\n  background: 'var(--background, #fff)',\n  color: 'var(--foreground, #111)',\n};\n\nexport function CommandPalette({ endpoint = '/admin/commands' }: CommandPaletteProps) {\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<PaletteCommand[]>([]);\n  const [recents, setRecents] = useState<PaletteCommand[]>([]);\n  const [highlight, setHighlight] = useState(0);\n\n  const titleId = useId();\n  const hintId = useId();\n  const listId = useId();\n  const optBaseId = useId();\n\n  const visibleCommands = query.trim().length === 0 ? recents : results;\n  const groups =\n    query.trim().length === 0 && recents.length > 0\n      ? [{ category: 'Recent', commands: recents }]\n      : groupByCategory(visibleCommands);\n  const flat = flattenGroups(groups);\n\n  // Cmd+K / Ctrl+K global toggle.\n  useEffect(() => {\n    function onKey(event: KeyboardEvent) {\n      const isToggle = (event.key === 'k' || event.key === 'K') && (event.metaKey || event.ctrlKey);\n      if (!isToggle) return;\n      event.preventDefault();\n      setOpen((prev) => !prev);\n    }\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, []);\n\n  // Sync `open` state with the native <dialog>.\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open && !dialog.open) {\n      try {\n        dialog.showModal();\n      } catch {\n        // jsdom or already-open: ignore.\n      }\n      setRecents(topRecents());\n      setQuery('');\n      setResults([]);\n      setHighlight(0);\n      // Defer focus after the dialog is on-screen.\n      queueMicrotask(() => inputRef.current?.focus());\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open]);\n\n  // Debounced fetch.\n  useEffect(() => {\n    if (!open) return;\n    if (query.trim().length === 0) {\n      setResults([]);\n      return;\n    }\n    if (debounceTimer.current) clearTimeout(debounceTimer.current);\n    debounceTimer.current = setTimeout(() => {\n      const url = `${endpoint}?q=${encodeURIComponent(query)}`;\n      fetch(url, { headers: { Accept: 'application/json' } })\n        .then((res) => (res.ok ? res.json() : { commands: [] }))\n        .then((data: { commands?: PaletteCommand[] }) => {\n          setResults(Array.isArray(data?.commands) ? data.commands : []);\n          setHighlight(0);\n        })\n        .catch(() => {\n          setResults([]);\n        });\n    }, DEBOUNCE_MS);\n    return () => {\n      if (debounceTimer.current) clearTimeout(debounceTimer.current);\n    };\n  }, [query, open, endpoint]);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  const execute = useCallback((command: PaletteCommand) => {\n    recordUsage(command);\n    setOpen(false);\n    window.location.assign(command.url);\n  }, []);\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        close();\n        return;\n      }\n      if (flat.length === 0) return;\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        setHighlight((h) => (h + 1) % flat.length);\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        setHighlight((h) => (h - 1 + flat.length) % flat.length);\n      } else if (event.key === 'Enter') {\n        event.preventDefault();\n        const target = flat[highlight];\n        if (target) execute(target);\n      }\n    },\n    [flat, highlight, close, execute],\n  );\n\n  // Close on backdrop click — dialog click hits the dialog itself, not children.\n  const onDialogClick = useCallback(\n    (event: React.MouseEvent<HTMLDialogElement>) => {\n      if (event.target === dialogRef.current) close();\n    },\n    [close],\n  );\n\n  const optionId = (idx: number) => `${optBaseId}-opt-${idx}`;\n  const activeOptionId = flat.length > 0 ? optionId(highlight) : undefined;\n\n  return (\n    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close\n    <dialog\n      ref={dialogRef}\n      aria-labelledby={titleId}\n      aria-describedby={hintId}\n      onClick={onDialogClick}\n      onClose={() => setOpen(false)}\n      onCancel={(event) => {\n        event.preventDefault();\n        close();\n      }}\n      style={dialogStyle}\n      className=\"backdrop:bg-black/40\"\n      data-arqel-cmdpal=\"\"\n    >\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: this wrapper only delegates ArrowUp/Down/Enter/Escape from the combobox input below */}\n      <div onKeyDown={onKeyDown} className=\"flex flex-col\">\n        <h2 id={titleId} className=\"sr-only\">\n          Command palette\n        </h2>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-controls={listId}\n          aria-autocomplete=\"list\"\n          {...(activeOptionId ? { 'aria-activedescendant': activeOptionId } : {})}\n          placeholder=\"Type a command…\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          className=\"w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none\"\n        />\n        <div role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n          {flat.length} commands\n        </div>\n        <ul\n          id={listId}\n          // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: WAI-ARIA combobox/listbox pattern requires <ul role=\"listbox\">\n          role=\"listbox\"\n          aria-label=\"Commands\"\n          className=\"max-h-[50vh] overflow-y-auto py-2\"\n        >\n          {groups.length === 0 && (\n            <li role=\"presentation\" className=\"px-4 py-3 text-sm opacity-60\">\n              No commands found\n            </li>\n          )}\n          {groups.map((group) => {\n            const startIdx = flat.indexOf(group.commands[0] ?? ({} as PaletteCommand));\n            return (\n              <li key={group.category} role=\"presentation\">\n                <div\n                  role=\"presentation\"\n                  className=\"px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60\"\n                >\n                  {group.category}\n                </div>\n                <ul role=\"presentation\" className=\"m-0 list-none p-0\">\n                  {group.commands.map((cmd, j) => {\n                    const idx = startIdx + j;\n                    const isActive = idx === highlight;\n                    return (\n                      // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant\n                      // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler\n                      <li\n                        key={cmd.id}\n                        id={optionId(idx)}\n                        // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: WAI-ARIA combobox/listbox pattern requires <li role=\"option\">\n                        role=\"option\"\n                        aria-selected={isActive}\n                        data-active={isActive ? '' : undefined}\n                        onMouseEnter={() => setHighlight(idx)}\n                        onClick={() => execute(cmd)}\n                        className={\n                          'flex cursor-pointer items-center gap-3 px-4 py-2 text-sm ' +\n                          (isActive ? 'bg-[var(--accent,#f1f5f9)]' : '')\n                        }\n                      >\n                        <span className=\"flex-1\">{cmd.label}</span>\n                        {cmd.description ? (\n                          <span className=\"text-xs opacity-60\">{cmd.description}</span>\n                        ) : null}\n                      </li>\n                    );\n                  })}\n                </ul>\n              </li>\n            );\n          })}\n        </ul>\n        <footer\n          id={hintId}\n          className=\"flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70\"\n        >\n          <span>↑↓ navigate</span>\n          <span>↵ select</span>\n          <span>esc close</span>\n        </footer>\n      </div>\n    </dialog>\n  );\n}\n"]}