@invergent/ui-sdk 0.0.0-stage → 2.19.1

package/dist/chunk-UOUXW63J.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: chunk6YHDDRIM_cjs.cn(
+        "flex field-sizing-content min-h-16 w-full resize-none px-3.5 py-2.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-UOUXW63J.cjs.map
+//# sourceMappingURL=chunk-UOUXW63J.cjs.map

package/dist/chunk-UOUXW63J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea.tsx"],"names":["jsx","cn"],"mappings":";;;;;AAIA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqC;AAC3E,EAAA,uBACEA,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,+ZAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-UOUXW63J.cjs","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full resize-none px-3.5 py-2.5 rounded-[10px] border border-foreground/10 bg-foreground/[0.04] text-sm text-foreground transition-colors outline-none placeholder:text-muted-foreground/50 focus-visible:border-foreground/20 focus-visible:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"]}

package/dist/chunk-UXSDDJXM.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Popover.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: chunk6YHDDRIM_cjs.cn(
+        // The surface of Work's menus, at panel padding.
+        "z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-4 rounded-[12px] border border-foreground/10 bg-popover p-4 text-sm text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] outline-hidden duration-100 dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)] 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-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: chunk6YHDDRIM_cjs.cn("flex flex-col gap-1 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "popover-title",
+      className: chunk6YHDDRIM_cjs.cn("text-[13px] font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "popover-description",
+      className: chunk6YHDDRIM_cjs.cn(
+        "text-[12.5px] leading-relaxed text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=chunk-UXSDDJXM.cjs.map
+//# sourceMappingURL=chunk-UXSDDJXM.cjs.map

package/dist/chunk-UXSDDJXM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover.tsx"],"names":["PopoverPrimitive","jsx","cn"],"mappings":";;;;;;AAKA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,sCAAQA,eAAA,CAAiB,IAAA,EAAjB,EAAsB,WAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/D;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,sCAAQA,eAAA,CAAiB,OAAA,EAAjB,EAAyB,WAAA,EAAU,iBAAA,EAAmB,GAAG,KAAA,EAAO,CAAA;AAC1E;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACEC,cAAA,CAACD,eAAA,CAAiB,MAAA,EAAjB,EACC,QAAA,kBAAAC,cAAA;AAAA,IAACD,eAAA,CAAiB,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAWE,oBAAA;AAAA;AAAA,QAET,okBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,sCAAQF,eAAA,CAAiB,MAAA,EAAjB,EAAwB,WAAA,EAAU,gBAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AACxE;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AAC3E,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAWC,oBAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACzE,EAAA,uBACED,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWC,oBAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA;AAAA,MACnE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8B;AAC5B,EAAA,uBACED,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,qDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-UXSDDJXM.cjs","sourcesContent":["import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          // The surface of Work's menus, at panel padding.\n          \"z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-4 rounded-[12px] border border-foreground/10 bg-popover p-4 text-sm text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] outline-hidden duration-100 dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)] 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-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<\"h2\">) {\n  return (\n    <div\n      data-slot=\"popover-title\"\n      className={cn(\"text-[13px] font-semibold text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"popover-description\"\n      className={cn(\n        \"text-[12.5px] leading-relaxed text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n"]}

package/dist/chunk-VBICNC43.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var buttonVariants = classVarianceAuthority.cva(
+  "group/button inline-flex shrink-0 items-center justify-center gap-1.5 rounded-[7px] border border-transparent text-[13px] font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-amber-500 text-black hover:bg-amber-400",
+        outline: "border-foreground/[0.12] bg-foreground/[0.04] text-foreground hover:bg-foreground/[0.07] aria-expanded:bg-foreground/[0.07]",
+        secondary: "bg-foreground/[0.08] text-foreground hover:bg-foreground/[0.12] aria-expanded:bg-foreground/[0.12]",
+        ghost: "text-foreground hover:bg-foreground/[0.06] aria-expanded:bg-foreground/[0.06]",
+        destructive: "border-destructive/40 bg-destructive/10 font-semibold text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/30",
+        // Work's text link (see text-link): amber, brighter on hover, no underline.
+        link: "text-amber-500 hover:text-amber-400"
+      },
+      size: {
+        default: "h-9 min-h-11 px-4 pointer-fine:min-h-0 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        xs: "h-7 min-h-11 gap-1 px-2.5 text-xs pointer-fine:min-h-0 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 min-h-11 px-3 pointer-fine:min-h-0",
+        lg: "h-10 min-h-11 px-[18px] pointer-fine:min-h-0",
+        icon: "size-9 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0",
+        "icon-xs": "size-7 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0 [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0",
+        "icon-lg": "size-10 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? radixUi.Slot.Root : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: chunk6YHDDRIM_cjs.cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-VBICNC43.cjs.map
+//# sourceMappingURL=chunk-VBICNC43.cjs.map

package/dist/chunk-VBICNC43.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.tsx"],"names":["cva","Slot","jsx","cn"],"mappings":";;;;;;;AASA,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB,4cAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4CAAA;AAAA,QACT,OAAA,EACE,6HAAA;AAAA,QACF,SAAA,EACE,oGAAA;AAAA,QACF,KAAA,EACE,+EAAA;AAAA,QACF,WAAA,EACE,kIAAA;AAAA;AAAA,QAEF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,0GAAA;AAAA,QACF,EAAA,EAAI,6FAAA;AAAA,QACJ,EAAA,EAAI,wCAAA;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,IAAA,EAAM,oEAAA;AAAA,QACN,SAAA,EACE,yGAAA;AAAA,QACF,SAAA,EAAW,oEAAA;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,GAAUC,YAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACEC,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,qBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-VBICNC43.cjs","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\n\n// The ops console's own buttons, as its Work pages draw them: sentence case\n// at 13px, 7px corners, and its amber as the default. Every size keeps the\n// 44px touch minimum on a phone and its compact height with a mouse.\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center gap-1.5 rounded-[7px] border border-transparent text-[13px] font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-amber-500 text-black hover:bg-amber-400\",\n        outline:\n          \"border-foreground/[0.12] bg-foreground/[0.04] text-foreground hover:bg-foreground/[0.07] aria-expanded:bg-foreground/[0.07]\",\n        secondary:\n          \"bg-foreground/[0.08] text-foreground hover:bg-foreground/[0.12] aria-expanded:bg-foreground/[0.12]\",\n        ghost:\n          \"text-foreground hover:bg-foreground/[0.06] aria-expanded:bg-foreground/[0.06]\",\n        destructive:\n          \"border-destructive/40 bg-destructive/10 font-semibold text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/30\",\n        // Work's text link (see text-link): amber, brighter on hover, no underline.\n        link: \"text-amber-500 hover:text-amber-400\",\n      },\n      size: {\n        default:\n          \"h-9 min-h-11 px-4 pointer-fine:min-h-0 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        xs: \"h-7 min-h-11 gap-1 px-2.5 text-xs pointer-fine:min-h-0 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 min-h-11 px-3 pointer-fine:min-h-0\",\n        lg: \"h-10 min-h-11 px-[18px] pointer-fine:min-h-0\",\n        icon: \"size-9 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\n        \"icon-xs\":\n          \"size-7 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\n        \"icon-lg\": \"size-10 min-h-11 min-w-11 pointer-fine:min-h-0 pointer-fine:min-w-0\",\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/collapsible-header.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var collapsibleHeaderVariants = classVarianceAuthority.cva(
+  "group/collapsible-header flex w-full items-center text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        nav: "gap-2.25 rounded-[7px] px-2 py-1.75 text-[13px] font-normal text-foreground/80 hover:bg-foreground/6 hover:text-foreground pointer-coarse:min-h-11 pointer-coarse:gap-2.5 pointer-coarse:rounded-lg pointer-coarse:px-2.5 pointer-coarse:text-[14px]",
+        section: "min-h-11 gap-2 rounded-[10px] px-3 text-[13px] font-medium text-foreground"
+      }
+    },
+    defaultVariants: { variant: "nav" }
+  }
+);
+function CollapsibleHeader({
+  icon: Icon,
+  variant = "nav",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Collapsible.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-header",
+      "data-variant": variant,
+      className: chunk6YHDDRIM_cjs.cn(collapsibleHeaderVariants({ variant }), className),
+      ...props,
+      children: [
+        Icon && /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            className: "size-4 shrink-0 text-muted-foreground pointer-coarse:size-4.5",
+            strokeWidth: 1.75
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 text-left", children }),
+        variant === "nav" ? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronRight,
+          {
+            "aria-hidden": true,
+            className: "size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-90 pointer-coarse:size-4",
+            strokeWidth: 1.75
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDown,
+          {
+            "aria-hidden": true,
+            className: "size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-180"
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.CollapsibleHeader = CollapsibleHeader;
+exports.collapsibleHeaderVariants = collapsibleHeaderVariants;
+//# sourceMappingURL=collapsible-header.cjs.map
+//# sourceMappingURL=collapsible-header.cjs.map

package/dist/collapsible-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapsible-header.tsx"],"names":["cva","jsxs","CollapsiblePrimitive","cn","jsx","ChevronRight","ChevronDown"],"mappings":";;;;;;;;AAiBA,IAAM,yBAAA,GAA4BA,0BAAA;AAAA,EAChC,6LAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,GAAA,EAAK,sPAAA;AAAA,QACL,OAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,KAAA;AAAM;AAEtC;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACEC,eAAA;AAAA,IAACC,mBAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAWC,oBAAA,CAAG,yBAAA,CAA0B,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC9D,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBACCC,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+DAAA;AAAA,YACV,WAAA,EAAa;AAAA;AAAA,SACf;AAAA,wBAEFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAS,CAAA;AAAA,QACpD,YAAY,KAAA,mBACXA,cAAA;AAAA,UAACC,wBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,IAAA;AAAA,YACb,SAAA,EAAU,qIAAA;AAAA,YACV,WAAA,EAAa;AAAA;AAAA,SACf,mBAEAD,cAAA;AAAA,UAACE,uBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,IAAA;AAAA,YACb,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,GAEJ;AAEJ","file":"collapsible-header.cjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\"\nimport { ChevronDown, ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\n// The Work console's two collapsible headers, as a styled CollapsibleTrigger\n// (put it inside a `Collapsible`, above its `CollapsibleContent`):\n//   nav     — a group in a list of rows (\"Sessions\" under an expanded agent):\n//             the row's own shape, a right chevron that turns down when open.\n//   section — a disclosure on a settings page (\"What the agent knows about\n//             them\"): a 44px 13px header with a down chevron that flips.\n//             Sits in a bordered box (`rounded-[10px] border\n//             border-foreground/[0.08]`) whose content has a top rule.\nconst collapsibleHeaderVariants = cva(\n  \"group/collapsible-header flex w-full items-center text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        nav: \"gap-2.25 rounded-[7px] px-2 py-1.75 text-[13px] font-normal text-foreground/80 hover:bg-foreground/6 hover:text-foreground pointer-coarse:min-h-11 pointer-coarse:gap-2.5 pointer-coarse:rounded-lg pointer-coarse:px-2.5 pointer-coarse:text-[14px]\",\n        section:\n          \"min-h-11 gap-2 rounded-[10px] px-3 text-[13px] font-medium text-foreground\",\n      },\n    },\n    defaultVariants: { variant: \"nav\" },\n  }\n)\n\nfunction CollapsibleHeader({\n  icon: Icon,\n  variant = \"nav\",\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger> & {\n  icon?: LucideIcon\n  variant?: \"nav\" | \"section\"\n}) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-header\"\n      data-variant={variant}\n      className={cn(collapsibleHeaderVariants({ variant }), className)}\n      {...props}\n    >\n      {Icon && (\n        <Icon\n          className=\"size-4 shrink-0 text-muted-foreground pointer-coarse:size-4.5\"\n          strokeWidth={1.75}\n        />\n      )}\n      <span className=\"min-w-0 flex-1 text-left\">{children}</span>\n      {variant === \"nav\" ? (\n        <ChevronRight\n          aria-hidden={true}\n          className=\"size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-90 pointer-coarse:size-4\"\n          strokeWidth={1.75}\n        />\n      ) : (\n        <ChevronDown\n          aria-hidden={true}\n          className=\"size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-180\"\n        />\n      )}\n    </CollapsiblePrimitive.CollapsibleTrigger>\n  )\n}\n\nexport { CollapsibleHeader, collapsibleHeaderVariants }\n"]}

package/dist/collapsible-header.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { Collapsible } from 'radix-ui';
+import { LucideIcon } from 'lucide-react';
+
+declare const collapsibleHeaderVariants: (props?: ({
+    variant?: "nav" | "section" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function CollapsibleHeader({ icon: Icon, variant, className, children, ...props }: React.ComponentProps<typeof Collapsible.CollapsibleTrigger> & {
+    icon?: LucideIcon;
+    variant?: "nav" | "section";
+}): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleHeader, collapsibleHeaderVariants };

package/dist/collapsible-header.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { Collapsible } from 'radix-ui';
+import { LucideIcon } from 'lucide-react';
+
+declare const collapsibleHeaderVariants: (props?: ({
+    variant?: "nav" | "section" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function CollapsibleHeader({ icon: Icon, variant, className, children, ...props }: React.ComponentProps<typeof Collapsible.CollapsibleTrigger> & {
+    icon?: LucideIcon;
+    variant?: "nav" | "section";
+}): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleHeader, collapsibleHeaderVariants };

package/dist/collapsible-header.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { cva } from 'class-variance-authority';
+import { Collapsible } from 'radix-ui';
+import { ChevronRight, ChevronDown } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var collapsibleHeaderVariants = cva(
+  "group/collapsible-header flex w-full items-center text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        nav: "gap-2.25 rounded-[7px] px-2 py-1.75 text-[13px] font-normal text-foreground/80 hover:bg-foreground/6 hover:text-foreground pointer-coarse:min-h-11 pointer-coarse:gap-2.5 pointer-coarse:rounded-lg pointer-coarse:px-2.5 pointer-coarse:text-[14px]",
+        section: "min-h-11 gap-2 rounded-[10px] px-3 text-[13px] font-medium text-foreground"
+      }
+    },
+    defaultVariants: { variant: "nav" }
+  }
+);
+function CollapsibleHeader({
+  icon: Icon,
+  variant = "nav",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Collapsible.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-header",
+      "data-variant": variant,
+      className: cn(collapsibleHeaderVariants({ variant }), className),
+      ...props,
+      children: [
+        Icon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: "size-4 shrink-0 text-muted-foreground pointer-coarse:size-4.5",
+            strokeWidth: 1.75
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-left", children }),
+        variant === "nav" ? /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            "aria-hidden": true,
+            className: "size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-90 pointer-coarse:size-4",
+            strokeWidth: 1.75
+          }
+        ) : /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": true,
+            className: "size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-180"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { CollapsibleHeader, collapsibleHeaderVariants };
+//# sourceMappingURL=collapsible-header.js.map
+//# sourceMappingURL=collapsible-header.js.map

package/dist/collapsible-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapsible-header.tsx"],"names":["CollapsiblePrimitive"],"mappings":";;;;;;AAiBA,IAAM,yBAAA,GAA4B,GAAA;AAAA,EAChC,6LAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,GAAA,EAAK,sPAAA;AAAA,QACL,OAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,KAAA;AAAM;AAEtC;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAGG;AACD,EAAA,uBACE,IAAA;AAAA,IAACA,WAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAW,EAAA,CAAG,yBAAA,CAA0B,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC9D,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBACC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,+DAAA;AAAA,YACV,WAAA,EAAa;AAAA;AAAA,SACf;AAAA,wBAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAS,CAAA;AAAA,QACpD,YAAY,KAAA,mBACX,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,IAAA;AAAA,YACb,SAAA,EAAU,qIAAA;AAAA,YACV,WAAA,EAAa;AAAA;AAAA,SACf,mBAEA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,IAAA;AAAA,YACb,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,GAEJ;AAEJ","file":"collapsible-header.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\"\nimport { ChevronDown, ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\n// The Work console's two collapsible headers, as a styled CollapsibleTrigger\n// (put it inside a `Collapsible`, above its `CollapsibleContent`):\n//   nav     — a group in a list of rows (\"Sessions\" under an expanded agent):\n//             the row's own shape, a right chevron that turns down when open.\n//   section — a disclosure on a settings page (\"What the agent knows about\n//             them\"): a 44px 13px header with a down chevron that flips.\n//             Sits in a bordered box (`rounded-[10px] border\n//             border-foreground/[0.08]`) whose content has a top rule.\nconst collapsibleHeaderVariants = cva(\n  \"group/collapsible-header flex w-full items-center text-left transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        nav: \"gap-2.25 rounded-[7px] px-2 py-1.75 text-[13px] font-normal text-foreground/80 hover:bg-foreground/6 hover:text-foreground pointer-coarse:min-h-11 pointer-coarse:gap-2.5 pointer-coarse:rounded-lg pointer-coarse:px-2.5 pointer-coarse:text-[14px]\",\n        section:\n          \"min-h-11 gap-2 rounded-[10px] px-3 text-[13px] font-medium text-foreground\",\n      },\n    },\n    defaultVariants: { variant: \"nav\" },\n  }\n)\n\nfunction CollapsibleHeader({\n  icon: Icon,\n  variant = \"nav\",\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger> & {\n  icon?: LucideIcon\n  variant?: \"nav\" | \"section\"\n}) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-header\"\n      data-variant={variant}\n      className={cn(collapsibleHeaderVariants({ variant }), className)}\n      {...props}\n    >\n      {Icon && (\n        <Icon\n          className=\"size-4 shrink-0 text-muted-foreground pointer-coarse:size-4.5\"\n          strokeWidth={1.75}\n        />\n      )}\n      <span className=\"min-w-0 flex-1 text-left\">{children}</span>\n      {variant === \"nav\" ? (\n        <ChevronRight\n          aria-hidden={true}\n          className=\"size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-90 pointer-coarse:size-4\"\n          strokeWidth={1.75}\n        />\n      ) : (\n        <ChevronDown\n          aria-hidden={true}\n          className=\"size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/collapsible-header:rotate-180\"\n        />\n      )}\n    </CollapsiblePrimitive.CollapsibleTrigger>\n  )\n}\n\nexport { CollapsibleHeader, collapsibleHeaderVariants }\n"]}

package/dist/collapsible.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Collapsible.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Collapsible.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+//# sourceMappingURL=collapsible.cjs.map
+//# sourceMappingURL=collapsible.cjs.map

package/dist/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapsible.tsx"],"names":["CollapsiblePrimitive","jsx"],"mappings":";;;;;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAA2D;AACzD,EAAA,sCAAQA,mBAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACvE;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACEC,cAAA;AAAA,IAACD,mBAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACEC,cAAA;AAAA,IAACD,mBAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"collapsible.cjs","sourcesContent":["\"use client\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\"\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"]}

package/dist/collapsible.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from 'radix-ui';
+
+declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/collapsible.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from 'radix-ui';
+
+declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/collapsible.js

@@ -0,0 +1,34 @@
+import { Collapsible as Collapsible$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.js.map
+//# sourceMappingURL=collapsible.js.map

package/dist/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapsible.tsx"],"names":["CollapsiblePrimitive"],"mappings":";;;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAA2D;AACzD,EAAA,2BAAQA,aAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACvE;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,kBAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"collapsible.js","sourcesContent":["\"use client\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\"\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"]}

package/dist/color-picker.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var COLORS = [
+  "#EF4444",
+  "#F97316",
+  "#F59E0B",
+  "#EAB308",
+  "#84CC16",
+  "#22C55E",
+  "#10B981",
+  "#14B8A6",
+  "#06B6D4",
+  "#0EA5E9",
+  "#3B82F6",
+  "#6366F1",
+  "#8B5CF6",
+  "#A855F7",
+  "#D946EF",
+  "#EC4899"
+];
+function ColorPicker({
+  value,
+  onValueChange,
+  colors = COLORS,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "color-picker",
+      className: chunk6YHDDRIM_cjs.cn("grid grid-cols-8 gap-1.5", className),
+      children: colors.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onValueChange?.(color),
+          className: chunk6YHDDRIM_cjs.cn(
+            "size-6 rounded-md cursor-pointer transition-all duration-100 flex items-center justify-center",
+            value === color ? "ring-2 ring-offset-2 ring-offset-background" : "hover:scale-110"
+          ),
+          style: {
+            backgroundColor: color,
+            ...value === color ? { ringColor: color } : {}
+          },
+          children: value === color && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-white drop-shadow-sm" })
+        },
+        color
+      ))
+    }
+  );
+}
+
+exports.COLORS = COLORS;
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=color-picker.cjs.map
+//# sourceMappingURL=color-picker.cjs.map

package/dist/color-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-picker.tsx"],"names":["jsx","cn","Check"],"mappings":";;;;;;AAMA,IAAM,MAAA,GAAS;AAAA,EACb,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AASA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA,GAAS,MAAA;AAAA,EACT;AACF,CAAA,EAAqB;AACnB,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAWC,oBAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAElD,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,qBACXD,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,GAAgB,KAAK,CAAA;AAAA,UACpC,SAAA,EAAWC,oBAAA;AAAA,YACT,+FAAA;AAAA,YACA,KAAA,KAAU,QACN,6CAAA,GACA;AAAA,WACN;AAAA,UACA,KAAA,EAAO;AAAA,YACL,eAAA,EAAiB,KAAA;AAAA,YACjB,GAAI,KAAA,KAAU,KAAA,GAAQ,EAAE,SAAA,EAAW,KAAA,KAAU;AAAC,WAChD;AAAA,UAEC,QAAA,EAAA,KAAA,KAAU,KAAA,oBAASD,cAAA,CAACE,iBAAA,EAAA,EAAM,WAAU,oCAAA,EAAqC;AAAA,SAAA;AAAA,QAdrE;AAAA,OAgBR;AAAA;AAAA,GACH;AAEJ","file":"color-picker.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { cn } from \"./lib/utils\";\nimport { Check } from \"lucide-react\";\n\nconst COLORS = [\n  \"#EF4444\",\n  \"#F97316\",\n  \"#F59E0B\",\n  \"#EAB308\",\n  \"#84CC16\",\n  \"#22C55E\",\n  \"#10B981\",\n  \"#14B8A6\",\n  \"#06B6D4\",\n  \"#0EA5E9\",\n  \"#3B82F6\",\n  \"#6366F1\",\n  \"#8B5CF6\",\n  \"#A855F7\",\n  \"#D946EF\",\n  \"#EC4899\",\n];\n\ninterface ColorPickerProps {\n  value?: string;\n  onValueChange?: (color: string) => void;\n  colors?: string[];\n  className?: string;\n}\n\nfunction ColorPicker({\n  value,\n  onValueChange,\n  colors = COLORS,\n  className,\n}: ColorPickerProps) {\n  return (\n    <div\n      data-slot=\"color-picker\"\n      className={cn(\"grid grid-cols-8 gap-1.5\", className)}\n    >\n      {colors.map((color) => (\n        <button\n          key={color}\n          type=\"button\"\n          onClick={() => onValueChange?.(color)}\n          className={cn(\n            \"size-6 rounded-md cursor-pointer transition-all duration-100 flex items-center justify-center\",\n            value === color\n              ? \"ring-2 ring-offset-2 ring-offset-background\"\n              : \"hover:scale-110\",\n          )}\n          style={{\n            backgroundColor: color,\n            ...(value === color ? { ringColor: color } : {}),\n          }}\n        >\n          {value === color && <Check className=\"size-3.5 text-white drop-shadow-sm\" />}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport { ColorPicker, COLORS };\n"]}

package/dist/color-picker.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const COLORS: string[];
+interface ColorPickerProps {
+    value?: string;
+    onValueChange?: (color: string) => void;
+    colors?: string[];
+    className?: string;
+}
+declare function ColorPicker({ value, onValueChange, colors, className, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+export { COLORS, ColorPicker };

package/dist/color-picker.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const COLORS: string[];
+interface ColorPickerProps {
+    value?: string;
+    onValueChange?: (color: string) => void;
+    colors?: string[];
+    className?: string;
+}
+declare function ColorPicker({ value, onValueChange, colors, className, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+export { COLORS, ColorPicker };

package/dist/color-picker.js

@@ -0,0 +1,57 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { Check } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var COLORS = [
+  "#EF4444",
+  "#F97316",
+  "#F59E0B",
+  "#EAB308",
+  "#84CC16",
+  "#22C55E",
+  "#10B981",
+  "#14B8A6",
+  "#06B6D4",
+  "#0EA5E9",
+  "#3B82F6",
+  "#6366F1",
+  "#8B5CF6",
+  "#A855F7",
+  "#D946EF",
+  "#EC4899"
+];
+function ColorPicker({
+  value,
+  onValueChange,
+  colors = COLORS,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "color-picker",
+      className: cn("grid grid-cols-8 gap-1.5", className),
+      children: colors.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onValueChange?.(color),
+          className: cn(
+            "size-6 rounded-md cursor-pointer transition-all duration-100 flex items-center justify-center",
+            value === color ? "ring-2 ring-offset-2 ring-offset-background" : "hover:scale-110"
+          ),
+          style: {
+            backgroundColor: color,
+            ...value === color ? { ringColor: color } : {}
+          },
+          children: value === color && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-white drop-shadow-sm" })
+        },
+        color
+      ))
+    }
+  );
+}
+
+export { COLORS, ColorPicker };
+//# sourceMappingURL=color-picker.js.map
+//# sourceMappingURL=color-picker.js.map