@theokit/ui 0.13.0

package/dist/chunk-65NVO6TK.js

@@ -0,0 +1,171 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check, Circle, ChevronRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Trigger2 = DropdownMenuPrimitive.Trigger;
+var Portal2 = DropdownMenuPrimitive.Portal;
+var Group2 = DropdownMenuPrimitive.Group;
+var Sub2 = DropdownMenuPrimitive.Sub;
+var RadioGroup2 = DropdownMenuPrimitive.RadioGroup;
+var Content2 = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1",
+      "text-card-foreground shadow-md",
+      "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
+      className
+    ),
+    ...props
+  }
+) }));
+Content2.displayName = "DropdownMenu.Content";
+var Item2 = forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5",
+        "font-sans text-body-sm text-foreground outline-none",
+        "transition-colors",
+        "focus:bg-muted focus:text-foreground",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Item2.displayName = "DropdownMenu.Item";
+var CheckboxItem2 = forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    checked,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-md py-1.5 pr-2 pl-8",
+      "font-sans text-body-sm text-foreground outline-none",
+      "transition-colors focus:bg-muted focus:text-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) }) }),
+      children
+    ]
+  }
+));
+CheckboxItem2.displayName = "DropdownMenu.CheckboxItem";
+var RadioItem2 = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-md py-1.5 pr-2 pl-8",
+      "font-sans text-body-sm text-foreground outline-none",
+      "transition-colors focus:bg-muted focus:text-foreground",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { "aria-hidden": "true", className: "size-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+RadioItem2.displayName = "DropdownMenu.RadioItem";
+var Label2 = forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn(
+        "px-2 py-1.5 font-medium font-sans text-label-caps text-muted-foreground uppercase tracking-wider",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Label2.displayName = "DropdownMenu.Label";
+var Separator2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border/40", className),
+    ...props
+  }
+));
+Separator2.displayName = "DropdownMenu.Separator";
+var Shortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn("ml-auto font-mono text-label text-muted-foreground", className),
+    ...props
+  }
+);
+Shortcut.displayName = "DropdownMenu.Shortcut";
+var SubTrigger2 = forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5",
+      "font-sans text-body-sm text-foreground outline-none",
+      "focus:bg-muted data-[state=open]:bg-muted",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "ml-auto size-3.5" })
+    ]
+  }
+));
+SubTrigger2.displayName = "DropdownMenu.SubTrigger";
+var SubContent2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1",
+      "text-card-foreground shadow-md",
+      "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
+      className
+    ),
+    ...props
+  }
+));
+SubContent2.displayName = "DropdownMenu.SubContent";
+var DropdownMenu = Object.assign(DropdownMenuPrimitive.Root, {
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Content: Content2,
+  Item: Item2,
+  CheckboxItem: CheckboxItem2,
+  RadioItem: RadioItem2,
+  Label: Label2,
+  Separator: Separator2,
+  Shortcut,
+  Group: Group2,
+  Sub: Sub2,
+  SubTrigger: SubTrigger2,
+  SubContent: SubContent2,
+  RadioGroup: RadioGroup2
+});
+
+export { DropdownMenu };
+//# sourceMappingURL=chunk-65NVO6TK.js.map
+//# sourceMappingURL=chunk-65NVO6TK.js.map

package/dist/chunk-65NVO6TK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/dropdown-menu/dropdown-menu.tsx"],"names":["Trigger","Portal","Group","Sub","RadioGroup","Content","Item","CheckboxItem","RadioItem","Label","Separator","SubTrigger","SubContent"],"mappings":";;;;;;AA8BA,IAAMA,QAAAA,GAAgC,qBAAA,CAAA,OAAA;AACtC,IAAMC,OAAAA,GAA+B,qBAAA,CAAA,MAAA;AACrC,IAAMC,MAAAA,GAA8B,qBAAA,CAAA,KAAA;AACpC,IAAMC,IAAAA,GAA4B,qBAAA,CAAA,GAAA;AAClC,IAAMC,WAAAA,GAAmC,qBAAA,CAAA,UAAA;AAEzC,IAAMC,QAAAA,GAAU,UAAA,CAGd,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA,CAAuB,8BAAtB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAuB,qBAAA,CAAA,OAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8EAAA;AAAA,MACA,gCAAA;AAAA,MACA,uFAAA;AAAA,MACA,gGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACDA,QAAAA,CAAQ,WAAA,GAAc,sBAAA;AAMtB,IAAMC,KAAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,qBAC/B,GAAA;AAAA,IAAuB,qBAAA,CAAA,IAAA;AAAA,IAAtB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oFAAA;AAAA,QACA,qDAAA;AAAA,QACA,mBAAA;AAAA,QACA,sCAAA;AAAA,QACA,gEAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACAA,KAAAA,CAAK,WAAA,GAAc,mBAAA;AAEnB,IAAMC,aAAAA,GAAe,UAAA,CAGnB,CAAC,EAAE,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7C,IAAA;AAAA,EAAuB,qBAAA,CAAA,YAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,mFAAA;AAAA,MACA,qDAAA;AAAA,MACA,wDAAA;AAAA,MACA,gEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EACd,QAAA,kBAAA,GAAA,CAAuB,qBAAA,CAAA,aAAA,EAAtB,EACC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,QAAA,EAAS,GAC/C,CAAA,EACF,CAAA;AAAA,MACC;AAAA;AAAA;AACH,CACD,CAAA;AACDA,aAAAA,CAAa,WAAA,GAAc,2BAAA;AAE3B,IAAMC,UAAAA,GAAY,WAGhB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpC,IAAA;AAAA,EAAuB,qBAAA,CAAA,SAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,mFAAA;AAAA,MACA,qDAAA;AAAA,MACA,wDAAA;AAAA,MACA,gEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EACd,QAAA,kBAAA,GAAA,CAAuB,qBAAA,CAAA,aAAA,EAAtB,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qBAAA,EAAsB,GAC7D,CAAA,EACF,CAAA;AAAA,MACC;AAAA;AAAA;AACH,CACD,CAAA;AACDA,UAAAA,CAAU,WAAA,GAAc,wBAAA;AAMxB,IAAMC,MAAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,qBAC/B,GAAA;AAAA,IAAuB,qBAAA,CAAA,KAAA;AAAA,IAAtB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kGAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACAA,MAAAA,CAAM,WAAA,GAAc,oBAAA;AAEpB,IAAMC,UAAAA,GAAY,WAGhB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAuB,qBAAA,CAAA,SAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,8BAAA,EAAgC,SAAS,CAAA;AAAA,IACtD,GAAG;AAAA;AACN,CACD,CAAA;AACDA,UAAAA,CAAU,WAAA,GAAc,wBAAA;AAExB,IAAM,WAAW,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACtC,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,IAC5E,GAAG;AAAA;AACN,CAAA;AAEF,QAAA,CAAS,WAAA,GAAc,uBAAA;AAEvB,IAAMC,WAAAA,GAAa,UAAA,CAGjB,CAAC,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3C,IAAA;AAAA,EAAuB,qBAAA,CAAA,UAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,2EAAA;AAAA,MACA,qDAAA;AAAA,MACA,2CAAA;AAAA,MACA,KAAA,IAAS,MAAA;AAAA,MACT;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,YAAA,EAAA,EAAa,aAAA,EAAY,MAAA,EAAO,WAAU,kBAAA,EAAmB;AAAA;AAAA;AAChE,CACD,CAAA;AACDA,WAAAA,CAAW,WAAA,GAAc,yBAAA;AAEzB,IAAMC,WAAAA,GAAa,WAGjB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAuB,qBAAA,CAAA,UAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8EAAA;AAAA,MACA,gCAAA;AAAA,MACA,uFAAA;AAAA,MACA,gGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD,CAAA;AACDA,WAAAA,CAAW,WAAA,GAAc,yBAAA;AAmBzB,IAAM,YAAA,GAAiC,MAAA,CAAO,MAAA,CAA6B,qBAAA,CAAA,IAAA,EAAM;AAAA,EAC/E,OAAA,EAAAZ,QAAAA;AAAA,EACA,MAAA,EAAAC,OAAAA;AAAA,EACA,OAAA,EAAAI,QAAAA;AAAA,EACA,IAAA,EAAAC,KAAAA;AAAA,EACA,YAAA,EAAAC,aAAAA;AAAA,EACA,SAAA,EAAAC,UAAAA;AAAA,EACA,KAAA,EAAAC,MAAAA;AAAA,EACA,SAAA,EAAAC,UAAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAAR,MAAAA;AAAA,EACA,GAAA,EAAAC,IAAAA;AAAA,EACA,UAAA,EAAAQ,WAAAA;AAAA,EACA,UAAA,EAAAC,WAAAA;AAAA,EACA,UAAA,EAAAR;AACF,CAAC","file":"chunk-65NVO6TK.js","sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * DropdownMenu — accessible menu primitive built on Radix.\n *\n * Composition (single import surface):\n *   <DropdownMenu>\n *     <DropdownMenu.Trigger>…</DropdownMenu.Trigger>\n *     <DropdownMenu.Content>\n *       <DropdownMenu.Label>Section</DropdownMenu.Label>\n *       <DropdownMenu.Item onSelect={…}>Edit</DropdownMenu.Item>\n *       <DropdownMenu.Separator />\n *       <DropdownMenu.Item disabled>Delete</DropdownMenu.Item>\n *     </DropdownMenu.Content>\n *   </DropdownMenu>\n *\n * The primitive consolidates 5 prior direct-Radix usages\n * (`model-selector`, `intent-selector`, `agent-profile`,\n * `theme-switcher`, `theo-code-shell`) under a single styled\n * wrapper so consumers get consistent visuals + the design tokens.\n *\n * a11y note for tests: Radix's focus-guard spans intentionally\n * violate `aria-hidden-focus`. Tests should pass\n * `{ rules: { \"aria-hidden-focus\": { enabled: false } } }` to axe.\n */\n\nconst Trigger = DropdownMenuPrimitive.Trigger;\nconst Portal = DropdownMenuPrimitive.Portal;\nconst Group = DropdownMenuPrimitive.Group;\nconst Sub = DropdownMenuPrimitive.Sub;\nconst RadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst Content = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1\",\n        \"text-card-foreground shadow-md\",\n        \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nContent.displayName = \"DropdownMenu.Content\";\n\ninterface ItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  inset?: boolean;\n}\n\nconst Item = forwardRef<ElementRef<typeof DropdownMenuPrimitive.Item>, ItemProps>(\n  ({ className, inset, ...props }, ref) => (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5\",\n        \"font-sans text-body-sm text-foreground outline-none\",\n        \"transition-colors\",\n        \"focus:bg-muted focus:text-foreground\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        inset && \"pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nItem.displayName = \"DropdownMenu.Item\";\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    checked={checked}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-md py-1.5 pr-2 pl-8\",\n      \"font-sans text-body-sm text-foreground outline-none\",\n      \"transition-colors focus:bg-muted focus:text-foreground\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check aria-hidden=\"true\" className=\"size-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\";\n\nconst RadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-md py-1.5 pr-2 pl-8\",\n      \"font-sans text-body-sm text-foreground outline-none\",\n      \"transition-colors focus:bg-muted focus:text-foreground\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle aria-hidden=\"true\" className=\"size-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nRadioItem.displayName = \"DropdownMenu.RadioItem\";\n\ninterface LabelProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {\n  inset?: boolean;\n}\n\nconst Label = forwardRef<ElementRef<typeof DropdownMenuPrimitive.Label>, LabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cn(\n        \"px-2 py-1.5 font-medium font-sans text-label-caps text-muted-foreground uppercase tracking-wider\",\n        inset && \"pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nLabel.displayName = \"DropdownMenu.Label\";\n\nconst Separator = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-border/40\", className)}\n    {...props}\n  />\n));\nSeparator.displayName = \"DropdownMenu.Separator\";\n\nconst Shortcut = ({ className, ...props }: HTMLAttributes<HTMLSpanElement>) => (\n  <span\n    className={cn(\"ml-auto font-mono text-label text-muted-foreground\", className)}\n    {...props}\n  />\n);\nShortcut.displayName = \"DropdownMenu.Shortcut\";\n\nconst SubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5\",\n      \"font-sans text-body-sm text-foreground outline-none\",\n      \"focus:bg-muted data-[state=open]:bg-muted\",\n      inset && \"pl-8\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight aria-hidden=\"true\" className=\"ml-auto size-3.5\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nSubTrigger.displayName = \"DropdownMenu.SubTrigger\";\n\nconst SubContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1\",\n      \"text-card-foreground shadow-md\",\n      \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n      className,\n    )}\n    {...props}\n  />\n));\nSubContent.displayName = \"DropdownMenu.SubContent\";\n\ntype DropdownMenuRoot = typeof DropdownMenuPrimitive.Root & {\n  Trigger: typeof Trigger;\n  Portal: typeof Portal;\n  Content: typeof Content;\n  Item: typeof Item;\n  CheckboxItem: typeof CheckboxItem;\n  RadioItem: typeof RadioItem;\n  Label: typeof Label;\n  Separator: typeof Separator;\n  Shortcut: typeof Shortcut;\n  Group: typeof Group;\n  Sub: typeof Sub;\n  SubTrigger: typeof SubTrigger;\n  SubContent: typeof SubContent;\n  RadioGroup: typeof RadioGroup;\n};\n\nconst DropdownMenu: DropdownMenuRoot = Object.assign(DropdownMenuPrimitive.Root, {\n  Trigger,\n  Portal,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Group,\n  Sub,\n  SubTrigger,\n  SubContent,\n  RadioGroup,\n});\n\nexport { DropdownMenu };\n"]}

package/dist/chunk-6A5TPCKP.js

@@ -0,0 +1,64 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { ArrowLeft, ArrowRight, RotateCw } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var BrowserControls = forwardRef(
+  ({ className, url, onUrlChange, onBack, onForward, onReload, readOnlyUrl, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-1 border-border/40 border-b bg-card px-3 py-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(NavBtn, { "aria-label": "Back", ...onBack ? { onClick: onBack } : {}, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsx(NavBtn, { "aria-label": "Forward", ...onForward ? { onClick: onForward } : {}, children: /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsx(NavBtn, { "aria-label": "Reload", ...onReload ? { onClick: onReload } : {}, children: /* @__PURE__ */ jsx(RotateCw, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "url",
+            value: url,
+            onChange: (e) => onUrlChange?.(e.target.value),
+            readOnly: readOnlyUrl ?? !onUrlChange,
+            "aria-label": "Address",
+            className: cn(
+              "ml-2 h-7 flex-1 rounded-md border border-border/40 bg-muted/40 px-2",
+              "font-mono text-code-sm text-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            )
+          }
+        )
+      ]
+    }
+  )
+);
+BrowserControls.displayName = "BrowserControls";
+function NavBtn({
+  onClick,
+  children,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": ariaLabel,
+      disabled: !onClick,
+      className: cn(
+        "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:opacity-30 disabled:hover:bg-transparent"
+      ),
+      children
+    }
+  );
+}
+
+export { BrowserControls };
+//# sourceMappingURL=chunk-6A5TPCKP.js.map
+//# sourceMappingURL=chunk-6A5TPCKP.js.map

package/dist/chunk-6A5TPCKP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/browser-controls/browser-controls.tsx"],"names":[],"mappings":";;;;;AAsBA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,GAAA,EAAK,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,WAAA,EAAa,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpF,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,qEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,YAAA,EAAW,MAAA,EAAQ,GAAI,SAAS,EAAE,OAAA,EAAS,MAAA,EAAO,GAAI,EAAC,EAC7D,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,YAAW,CAAA,EAClC,CAAA;AAAA,4BACC,MAAA,EAAA,EAAO,YAAA,EAAW,SAAA,EAAW,GAAI,YAAY,EAAE,OAAA,EAAS,SAAA,EAAU,GAAI,EAAC,EACtE,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,YAAW,CAAA,EACnC,CAAA;AAAA,4BACC,MAAA,EAAA,EAAO,YAAA,EAAW,QAAA,EAAU,GAAI,WAAW,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,EAAC,EACnE,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,EACjC,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,KAAA;AAAA,YACL,KAAA,EAAO,GAAA;AAAA,YACP,UAAU,CAAC,CAAA,KAAM,WAAA,GAAc,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAC7C,QAAA,EAAU,eAAe,CAAC,WAAA;AAAA,YAC1B,YAAA,EAAW,SAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,qEAAA;AAAA,cACA,wCAAA;AAAA,cACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA;AAGN;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,SAAS,MAAA,CAAO;AAAA,EACd,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,UAAU,CAAC,OAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA,yEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-6A5TPCKP.js","sourcesContent":["import { ArrowLeft, ArrowRight, RotateCw } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface BrowserControlsProps extends HTMLAttributes<HTMLDivElement> {\n  url: string;\n  onUrlChange?: (next: string) => void;\n  onBack?: () => void;\n  onForward?: () => void;\n  onReload?: () => void;\n  /**\n   * Disable URL editing (some previews are read-only).\n   */\n  readOnlyUrl?: boolean;\n}\n\n/**\n * BrowserControls — back/forward/reload + URL bar.\n *\n * Used as the top of PreviewPanel in the Code workspace.\n */\nconst BrowserControls = forwardRef<HTMLDivElement, BrowserControlsProps>(\n  ({ className, url, onUrlChange, onBack, onForward, onReload, readOnlyUrl, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-1 border-border/40 border-b bg-card px-3 py-2\",\n        className,\n      )}\n      {...props}\n    >\n      <NavBtn aria-label=\"Back\" {...(onBack ? { onClick: onBack } : {})}>\n        <ArrowLeft className=\"size-3.5\" />\n      </NavBtn>\n      <NavBtn aria-label=\"Forward\" {...(onForward ? { onClick: onForward } : {})}>\n        <ArrowRight className=\"size-3.5\" />\n      </NavBtn>\n      <NavBtn aria-label=\"Reload\" {...(onReload ? { onClick: onReload } : {})}>\n        <RotateCw className=\"size-3.5\" />\n      </NavBtn>\n      <input\n        type=\"url\"\n        value={url}\n        onChange={(e) => onUrlChange?.(e.target.value)}\n        readOnly={readOnlyUrl ?? !onUrlChange}\n        aria-label=\"Address\"\n        className={cn(\n          \"ml-2 h-7 flex-1 rounded-md border border-border/40 bg-muted/40 px-2\",\n          \"font-mono text-code-sm text-foreground\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        )}\n      />\n    </div>\n  ),\n);\nBrowserControls.displayName = \"BrowserControls\";\n\nfunction NavBtn({\n  onClick,\n  children,\n  \"aria-label\": ariaLabel,\n}: {\n  onClick?: () => void;\n  children: ReactNode;\n  \"aria-label\": string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      disabled={!onClick}\n      className={cn(\n        \"rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:opacity-30 disabled:hover:bg-transparent\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport { BrowserControls };\n"]}

package/dist/chunk-6CO4LEXZ.js

@@ -0,0 +1,41 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var QuickActionChips = forwardRef(
+  ({ className, actions, onSelect, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-wrap items-center justify-center gap-2", className),
+      ...props,
+      children: actions.map((a) => {
+        const Icon = a.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect?.(a.id),
+            className: cn(
+              "inline-flex h-9 items-center gap-2 rounded-full border px-4",
+              "font-medium font-sans text-body-sm",
+              "transition-[box-shadow,background-color,border-color,color] duration-base ease-out-soft",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              a.primary ? "border-transparent bg-primary text-primary-foreground hover:shadow-glow" : "border-border/60 bg-card text-foreground hover:border-primary/40 hover:bg-muted"
+            ),
+            children: [
+              Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4" }) : null,
+              a.label
+            ]
+          },
+          a.id
+        );
+      })
+    }
+  )
+);
+QuickActionChips.displayName = "QuickActionChips";
+
+export { QuickActionChips };
+//# sourceMappingURL=chunk-6CO4LEXZ.js.map
+//# sourceMappingURL=chunk-6CO4LEXZ.js.map

package/dist/chunk-6CO4LEXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/quick-action-chips/quick-action-chips.tsx"],"names":[],"mappings":";;;;AAyBA,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,qBAC3C,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,MAC1E,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,QAAA,MAAM,OAAO,CAAA,CAAE,IAAA;AACf,QAAA,uBACE,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,MAAM,QAAA,GAAW,CAAA,CAAE,EAAE,CAAA;AAAA,YAC9B,SAAA,EAAW,EAAA;AAAA,cACT,6DAAA;AAAA,cACA,oCAAA;AAAA,cACA,yFAAA;AAAA,cACA,0IAAA;AAAA,cACA,CAAA,CAAE,UACE,yEAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,CAAA,GAAK,IAAA;AAAA,cACrC,CAAA,CAAE;AAAA;AAAA,WAAA;AAAA,UAdE,CAAA,CAAE;AAAA,SAeT;AAAA,MAEJ,CAAC;AAAA;AAAA;AAGP;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-6CO4LEXZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport interface QuickAction {\n  id: string;\n  label: ReactNode;\n  /** Icon component (e.g. from lucide-react). */\n  icon?: IconComponent;\n  /** When true, the chip is highlighted as the suggested next action. */\n  primary?: boolean;\n}\n\ninterface QuickActionChipsProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  actions: QuickAction[];\n  onSelect?: (id: string) => void;\n}\n\n/**\n * QuickActionChips — row of intent chips below a hero composer.\n *\n * Used in Chat Home (\"Escrever / Aprender / Código / Assuntos pessoais\")\n * and the Files panel.\n */\nconst QuickActionChips = forwardRef<HTMLDivElement, QuickActionChipsProps>(\n  ({ className, actions, onSelect, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-wrap items-center justify-center gap-2\", className)}\n      {...props}\n    >\n      {actions.map((a) => {\n        const Icon = a.icon;\n        return (\n          <button\n            key={a.id}\n            type=\"button\"\n            onClick={() => onSelect?.(a.id)}\n            className={cn(\n              \"inline-flex h-9 items-center gap-2 rounded-full border px-4\",\n              \"font-medium font-sans text-body-sm\",\n              \"transition-[box-shadow,background-color,border-color,color] duration-base ease-out-soft\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              a.primary\n                ? \"border-transparent bg-primary text-primary-foreground hover:shadow-glow\"\n                : \"border-border/60 bg-card text-foreground hover:border-primary/40 hover:bg-muted\",\n            )}\n          >\n            {Icon ? <Icon className=\"size-4\" /> : null}\n            {a.label}\n          </button>\n        );\n      })}\n    </div>\n  ),\n);\nQuickActionChips.displayName = \"QuickActionChips\";\n\nexport { QuickActionChips };\n"]}

package/dist/chunk-6FVUPNPG.js

@@ -0,0 +1,56 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Terminal } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var kindColor = {
+  command: "text-foreground",
+  stdout: "text-muted-foreground",
+  stderr: "text-destructive",
+  ok: "text-success",
+  prompt: "text-primary"
+};
+var TerminalPanel = forwardRef(
+  ({ className, title = "Terminal", lines, promptPrefix = "$", live = "off", ...props }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    const effectiveLive = inLiveRegion ? "off" : live;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("overflow-hidden rounded-xl border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2 border-border/40 border-b px-3 py-2", children: [
+            /* @__PURE__ */ jsx(Terminal, { className: "size-3.5 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "ol",
+            {
+              className: "grid gap-0.5 px-3 py-2 font-mono text-code-sm",
+              "aria-live": effectiveLive,
+              "aria-atomic": "false",
+              children: lines.map((line) => {
+                const kind = line.kind ?? "stdout";
+                return /* @__PURE__ */ jsx("li", { className: cn("whitespace-pre-wrap", kindColor[kind]), children: kind === "command" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("span", { className: "select-none text-primary", children: [
+                    promptPrefix,
+                    " "
+                  ] }),
+                  line.content
+                ] }) : kind === "prompt" ? /* @__PURE__ */ jsx("span", { className: "motion-safe:animate-pulse", children: line.content }) : line.content }, line.id);
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TerminalPanel.displayName = "TerminalPanel";
+
+export { TerminalPanel };
+//# sourceMappingURL=chunk-6FVUPNPG.js.map
+//# sourceMappingURL=chunk-6FVUPNPG.js.map

package/dist/chunk-6FVUPNPG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/terminal-panel/terminal-panel.tsx"],"names":["TerminalIcon"],"mappings":";;;;;;AA8BA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,uBAAA;AAAA,EACR,MAAA,EAAQ,kBAAA;AAAA,EACR,EAAA,EAAI,cAAA;AAAA,EACJ,MAAA,EAAQ;AACV,CAAA;AASA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,UAAA,EAAY,KAAA,EAAO,YAAA,GAAe,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAE7F,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,IAAA;AAC7C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA;AAAA,QACnE,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6DAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAACA,QAAA,EAAA,EAAa,SAAA,EAAU,gCAAA,EAAiC,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,4BAC5E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0EAAA,EACb,QAAA,EAAA,KAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,+CAAA;AAAA,cACV,WAAA,EAAW,aAAA;AAAA,cACX,aAAA,EAAY,OAAA;AAAA,cAEX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,gBAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,QAAA;AAC1B,gBAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAiB,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAA,CAAU,IAAI,CAAC,CAAA,EACnE,QAAA,EAAA,IAAA,KAAS,SAAA,mBACR,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,0BAAA,EAA4B,QAAA,EAAA;AAAA,oBAAA,YAAA;AAAA,oBAAa;AAAA,mBAAA,EAAC,CAAA;AAAA,kBACzD,IAAA,CAAK;AAAA,iBAAA,EACR,CAAA,GACE,IAAA,KAAS,QAAA,mBACX,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,OAAA,EAAQ,CAAA,GAE1D,IAAA,CAAK,OAAA,EAAA,EATA,KAAK,EAWd,CAAA;AAAA,cAEJ,CAAC;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-6FVUPNPG.js","sourcesContent":["import { Terminal as TerminalIcon } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\nexport interface TerminalLine {\n  id: string;\n  /**\n   * Visual kind: command (prompted), stdout, stderr, ok (success), prompt (active line).\n   */\n  kind?: \"command\" | \"stdout\" | \"stderr\" | \"ok\" | \"prompt\";\n  content: ReactNode;\n}\n\ninterface TerminalPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n  lines: TerminalLine[];\n  /**\n   * Optional prompt prefix for commands, defaults to \"$\".\n   */\n  promptPrefix?: string;\n  /**\n   * Live-region politeness for screen readers. Use `\"polite\"` when streaming\n   * fresh output so assistive tech announces new lines without interrupting.\n   * Default `\"off\"` for static / historical views.\n   */\n  live?: \"off\" | \"polite\";\n}\n\nconst kindColor: Record<NonNullable<TerminalLine[\"kind\"]>, string> = {\n  command: \"text-foreground\",\n  stdout: \"text-muted-foreground\",\n  stderr: \"text-destructive\",\n  ok: \"text-success\",\n  prompt: \"text-primary\",\n};\n\n/**\n * TerminalPanel — minimal terminal output viewer.\n *\n * Visual: dark card with mono font, \"$ \" prefix on command lines, color-coded\n * stdout/stderr/success. No interactivity (read-only) — pair with your own\n * pty/xterm for live shells if needed.\n */\nconst TerminalPanel = forwardRef<HTMLDivElement, TerminalPanelProps>(\n  ({ className, title = \"Terminal\", lines, promptPrefix = \"$\", live = \"off\", ...props }, ref) => {\n    // T4.1 (MF-4): suppress own aria-live when nested in container live region.\n    const inLiveRegion = useInLiveRegion();\n    const effectiveLive = inLiveRegion ? \"off\" : live;\n    return (\n      <div\n        ref={ref}\n        className={cn(\"overflow-hidden rounded-xl border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-center gap-2 border-border/40 border-b px-3 py-2\">\n          <TerminalIcon className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n          <span className=\"font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n            {title}\n          </span>\n        </header>\n        <ol\n          className=\"grid gap-0.5 px-3 py-2 font-mono text-code-sm\"\n          aria-live={effectiveLive}\n          aria-atomic=\"false\"\n        >\n          {lines.map((line) => {\n            const kind = line.kind ?? \"stdout\";\n            return (\n              <li key={line.id} className={cn(\"whitespace-pre-wrap\", kindColor[kind])}>\n                {kind === \"command\" ? (\n                  <>\n                    <span className=\"select-none text-primary\">{promptPrefix} </span>\n                    {line.content}\n                  </>\n                ) : kind === \"prompt\" ? (\n                  <span className=\"motion-safe:animate-pulse\">{line.content}</span>\n                ) : (\n                  line.content\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n    );\n  },\n);\nTerminalPanel.displayName = \"TerminalPanel\";\n\nexport { TerminalPanel };\n"]}

package/dist/chunk-76YWTIWK.js

@@ -0,0 +1,106 @@
+import { MCPServerCard } from './chunk-36KJGXEK.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Plus } from 'lucide-react';
+import { forwardRef, useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_ORDER = ["connected", "starting", "degraded", "disconnected"];
+var MCPServerList = forwardRef(
+  ({ className, servers, title = "MCP servers", onAdd, onRestart, onDisconnect, ...props }, ref) => {
+    const [filter, setFilter] = useState(null);
+    const counts = useMemo(() => {
+      const result = {
+        connected: 0,
+        starting: 0,
+        degraded: 0,
+        disconnected: 0
+      };
+      for (const s of servers) result[s.status]++;
+      return result;
+    }, [servers]);
+    const filtered = useMemo(
+      () => filter ? servers.filter((s) => s.status === filter) : servers,
+      [servers, filter]
+    );
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: cn("grid gap-3", className),
+        "aria-label": "MCP servers",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "inline-flex rounded-lg border border-border/60 bg-muted p-0.5", children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setFilter(null),
+                    "aria-pressed": filter === null,
+                    className: cn(
+                      "rounded-md px-2.5 py-1 font-mono text-label",
+                      filter === null ? "bg-card text-foreground shadow-sm" : "text-muted-foreground"
+                    ),
+                    children: [
+                      "All \xB7 ",
+                      servers.length
+                    ]
+                  }
+                ),
+                STATUS_ORDER.map((status) => /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setFilter(status),
+                    "aria-pressed": filter === status,
+                    disabled: counts[status] === 0,
+                    className: cn(
+                      "rounded-md px-2.5 py-1 font-mono text-label uppercase",
+                      filter === status ? "bg-card text-foreground shadow-sm" : "text-muted-foreground",
+                      "disabled:opacity-40"
+                    ),
+                    children: [
+                      status,
+                      " \xB7 ",
+                      counts[status]
+                    ]
+                  },
+                  status
+                ))
+              ] }),
+              onAdd ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: onAdd,
+                  className: "inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+                    " Add server"
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No servers in this state." }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: filtered.map((server) => /* @__PURE__ */ jsx(
+            MCPServerCard,
+            {
+              server,
+              ...onRestart ? { onRestart } : {},
+              ...onDisconnect ? { onDisconnect } : {}
+            },
+            server.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+MCPServerList.displayName = "MCPServerList";
+
+export { MCPServerList };
+//# sourceMappingURL=chunk-76YWTIWK.js.map
+//# sourceMappingURL=chunk-76YWTIWK.js.map

package/dist/chunk-76YWTIWK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/mcp-server-list/mcp-server-list.tsx"],"names":[],"mappings":"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","file":"chunk-76YWTIWK.js","sourcesContent":["import { Plus } from \"lucide-react\";\nimport { forwardRef, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport {\n  type MCPServer,\n  MCPServerCard,\n  type MCPServerStatus,\n} from \"../../primitives/mcp-server-card/index.js\";\n\ninterface MCPServerListProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  servers: MCPServer[];\n  title?: ReactNode;\n  onAdd?: () => void;\n  onRestart?: (id: string) => void;\n  onDisconnect?: (id: string) => void;\n}\n\nconst STATUS_ORDER: MCPServerStatus[] = [\"connected\", \"starting\", \"degraded\", \"disconnected\"];\n\n/**\n * MCPServerList — grouped MCP server inventory with status filter chips.\n * Surfaces degraded/disconnected servers prominently so the user can act.\n */\nconst MCPServerList = forwardRef<HTMLDivElement, MCPServerListProps>(\n  (\n    { className, servers, title = \"MCP servers\", onAdd, onRestart, onDisconnect, ...props },\n    ref,\n  ) => {\n    const [filter, setFilter] = useState<MCPServerStatus | null>(null);\n\n    const counts = useMemo(() => {\n      const result: Record<MCPServerStatus, number> = {\n        connected: 0,\n        starting: 0,\n        degraded: 0,\n        disconnected: 0,\n      };\n      for (const s of servers) result[s.status]++;\n      return result;\n    }, [servers]);\n\n    const filtered = useMemo(\n      () => (filter ? servers.filter((s) => s.status === filter) : servers),\n      [servers, filter],\n    );\n\n    return (\n      <section\n        ref={ref}\n        className={cn(\"grid gap-3\", className)}\n        aria-label=\"MCP servers\"\n        {...props}\n      >\n        <header className=\"flex flex-wrap items-center justify-between gap-3\">\n          {title ? (\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          ) : (\n            <span />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div className=\"inline-flex rounded-lg border border-border/60 bg-muted p-0.5\">\n              <button\n                type=\"button\"\n                onClick={() => setFilter(null)}\n                aria-pressed={filter === null}\n                className={cn(\n                  \"rounded-md px-2.5 py-1 font-mono text-label\",\n                  filter === null ? \"bg-card text-foreground shadow-sm\" : \"text-muted-foreground\",\n                )}\n              >\n                All · {servers.length}\n              </button>\n              {STATUS_ORDER.map((status) => (\n                <button\n                  key={status}\n                  type=\"button\"\n                  onClick={() => setFilter(status)}\n                  aria-pressed={filter === status}\n                  disabled={counts[status] === 0}\n                  className={cn(\n                    \"rounded-md px-2.5 py-1 font-mono text-label uppercase\",\n                    filter === status\n                      ? \"bg-card text-foreground shadow-sm\"\n                      : \"text-muted-foreground\",\n                    \"disabled:opacity-40\",\n                  )}\n                >\n                  {status} · {counts[status]}\n                </button>\n              ))}\n            </div>\n            {onAdd ? (\n              <button\n                type=\"button\"\n                onClick={onAdd}\n                className=\"inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <Plus className=\"size-3.5\" /> Add server\n              </button>\n            ) : null}\n          </div>\n        </header>\n\n        {filtered.length === 0 ? (\n          <p className=\"rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No servers in this state.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n            {filtered.map((server) => (\n              <MCPServerCard\n                key={server.id}\n                server={server}\n                {...(onRestart ? { onRestart } : {})}\n                {...(onDisconnect ? { onDisconnect } : {})}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n    );\n  },\n);\nMCPServerList.displayName = \"MCPServerList\";\n\nexport { MCPServerList };\n"]}

package/dist/chunk-7EI7424P.js

@@ -0,0 +1,78 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Search, Filter, Loader2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ActionBar = forwardRef(
+  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {
+    if (!search && !primaryAction && !onFilterClick) {
+      return null;
+    }
+    const PrimaryIcon = primaryAction?.icon;
+    const isLoading = primaryAction?.loading === true;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex w-full items-center gap-2", className), ...props, children: [
+      search ? /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx(
+          Search,
+          {
+            "aria-hidden": "true",
+            className: "-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "search",
+            placeholder: search.placeholder,
+            value: search.value,
+            onChange: (e) => search.onChange(e.target.value),
+            className: cn(
+              "w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9",
+              "font-sans text-body-sm text-foreground placeholder:text-muted-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            )
+          }
+        )
+      ] }) : null,
+      onFilterClick !== void 0 ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onFilterClick,
+          "aria-label": "Filter",
+          className: cn(
+            "inline-flex size-9 items-center justify-center rounded-md border border-border/40",
+            "text-muted-foreground transition-colors",
+            "hover:bg-muted hover:text-foreground",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          children: /* @__PURE__ */ jsx(Filter, { "aria-hidden": "true", className: "size-4" })
+        }
+      ) : null,
+      primaryAction !== void 0 ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: primaryAction.onClick,
+          disabled: isLoading,
+          className: cn(
+            "ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2",
+            "font-medium font-sans text-body-sm text-primary-foreground",
+            "transition-colors hover:bg-primary-deep",
+            "disabled:cursor-not-allowed disabled:opacity-60",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          ),
+          children: [
+            isLoading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : PrimaryIcon ? /* @__PURE__ */ jsx(PrimaryIcon, { "aria-hidden": "true", className: "size-4" }) : null,
+            primaryAction.label
+          ]
+        }
+      ) : null
+    ] });
+  }
+);
+ActionBar.displayName = "ActionBar";
+
+export { ActionBar };
+//# sourceMappingURL=chunk-7EI7424P.js.map
+//# sourceMappingURL=chunk-7EI7424P.js.map

package/dist/chunk-7EI7424P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/action-bar/action-bar.tsx"],"names":[],"mappings":";;;;;AAsCA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,eAAe,aAAA,EAAe,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACtE,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,aAAA,IAAiB,CAAC,aAAA,EAAe;AAC/C,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAc,aAAA,EAAe,IAAA;AACnC,IAAA,MAAM,SAAA,GAAY,eAAe,OAAA,KAAY,IAAA;AAE7C,IAAA,uBACE,IAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,gCAAA,EAAkC,SAAS,CAAA,EAAI,GAAG,KAAA,EAC5E,QAAA,EAAA;AAAA,MAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,aAAa,MAAA,CAAO,WAAA;AAAA,YACpB,OAAO,MAAA,CAAO,KAAA;AAAA,YACd,UAAU,CAAC,CAAA,KAAM,OAAO,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAC/C,SAAA,EAAW,EAAA;AAAA,cACT,kEAAA;AAAA,cACA,0EAAA;AAAA,cACA;AAAA;AACF;AAAA;AACF,OAAA,EACF,CAAA,GACE,IAAA;AAAA,MACH,kBAAkB,MAAA,mBACjB,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,aAAA;AAAA,UACT,YAAA,EAAW,QAAA;AAAA,UACX,SAAA,EAAW,EAAA;AAAA,YACT,mFAAA;AAAA,YACA,yCAAA;AAAA,YACA,sCAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA,OAChD,GACE,IAAA;AAAA,MACH,kBAAkB,MAAA,mBACjB,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,SAAS,aAAA,CAAc,OAAA;AAAA,UACvB,QAAA,EAAU,SAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,wEAAA;AAAA,YACA,4DAAA;AAAA,YACA,yCAAA;AAAA,YACA,iDAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,SAAA,mBACC,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,MAAA,EAAO,WAAU,qBAAA,EAAsB,CAAA,GAC1D,WAAA,mBACF,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,UAAS,CAAA,GACjD,IAAA;AAAA,YACH,aAAA,CAAc;AAAA;AAAA;AAAA,OACjB,GACE;AAAA,KAAA,EACN,CAAA;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-7EI7424P.js","sourcesContent":["import { Filter, Loader2, Search } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ActionBar — page-top action strip primitive.\n *\n * A horizontal flexbox row with three optional slots:\n *   - Search input (flex-1, grows to fill)\n *   - Filter icon button (next to search)\n *   - Primary action button (right-aligned)\n *\n * Returns `null` when no props are provided — don't render an empty\n * bar. Used standalone or composed inside `<PageShell>` (Brief #5).\n *\n * @example\n *   <ActionBar\n *     search={{ placeholder: \"Search projects…\", value: q, onChange: setQ }}\n *     primaryAction={{ label: \"New project\", icon: Plus, onClick: openModal }}\n *   />\n */\n\nexport interface ActionBarProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  search?: {\n    placeholder: string;\n    value: string;\n    onChange: (value: string) => void;\n  };\n  primaryAction?: {\n    label: ReactNode;\n    icon?: ElementType;\n    onClick: () => void;\n    loading?: boolean;\n  };\n  onFilterClick?: () => void;\n}\n\nconst ActionBar = forwardRef<HTMLDivElement, ActionBarProps>(\n  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {\n    if (!search && !primaryAction && !onFilterClick) {\n      return null;\n    }\n\n    const PrimaryIcon = primaryAction?.icon;\n    const isLoading = primaryAction?.loading === true;\n\n    return (\n      <div ref={ref} className={cn(\"flex w-full items-center gap-2\", className)} {...props}>\n        {search ? (\n          <div className=\"relative flex-1\">\n            <Search\n              aria-hidden=\"true\"\n              className=\"-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground\"\n            />\n            <input\n              type=\"search\"\n              placeholder={search.placeholder}\n              value={search.value}\n              onChange={(e) => search.onChange(e.target.value)}\n              className={cn(\n                \"w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9\",\n                \"font-sans text-body-sm text-foreground placeholder:text-muted-foreground\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              )}\n            />\n          </div>\n        ) : null}\n        {onFilterClick !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={onFilterClick}\n            aria-label=\"Filter\"\n            className={cn(\n              \"inline-flex size-9 items-center justify-center rounded-md border border-border/40\",\n              \"text-muted-foreground transition-colors\",\n              \"hover:bg-muted hover:text-foreground\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            <Filter aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : null}\n        {primaryAction !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={primaryAction.onClick}\n            disabled={isLoading}\n            className={cn(\n              \"ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2\",\n              \"font-medium font-sans text-body-sm text-primary-foreground\",\n              \"transition-colors hover:bg-primary-deep\",\n              \"disabled:cursor-not-allowed disabled:opacity-60\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            )}\n          >\n            {isLoading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : PrimaryIcon ? (\n              <PrimaryIcon aria-hidden=\"true\" className=\"size-4\" />\n            ) : null}\n            {primaryAction.label}\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\nActionBar.displayName = \"ActionBar\";\n\nexport { ActionBar };\n"]}

package/dist/chunk-AHTVYOPQ.js

@@ -0,0 +1,26 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Skeleton = forwardRef(
+  ({ className, ...props }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: inLiveRegion ? void 0 : "status",
+        "aria-live": inLiveRegion ? void 0 : "polite",
+        "aria-label": inLiveRegion ? void 0 : "Loading",
+        className: cn("animate-pulse rounded-md bg-muted", className),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton };
+//# sourceMappingURL=chunk-AHTVYOPQ.js.map
+//# sourceMappingURL=chunk-AHTVYOPQ.js.map