@invergent/ui-sdk 0.0.0-stage → 2.19.0

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

package/dist/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-picker.tsx"],"names":[],"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,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAElD,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,qBACX,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,aAAA,GAAgB,KAAK,CAAA;AAAA,UACpC,SAAA,EAAW,EAAA;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,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAM,WAAU,oCAAA,EAAqC;AAAA,SAAA;AAAA,QAdrE;AAAA,OAgBR;AAAA;AAAA,GACH;AAEJ","file":"color-picker.js","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/confirm-dialog.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var chunkID7MWMJO_cjs = require('./chunk-ID7MWMJO.cjs');
+var chunkVBICNC43_cjs = require('./chunk-VBICNC43.cjs');
+require('./chunk-6YHDDRIM.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ConfirmDialog({
+  open,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  confirmIcon,
+  variant = "destructive",
+  confirmDisabled = false,
+  onConfirm,
+  onCancel
+}) {
+  const [loading, setLoading] = react.useState(false);
+  const handleConfirm = async () => {
+    setLoading(true);
+    try {
+      await onConfirm();
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkID7MWMJO_cjs.Dialog, { open, onOpenChange: (o) => {
+    if (!o && !loading) onCancel();
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkID7MWMJO_cjs.DialogContent,
+    {
+      showCloseButton: false,
+      className: "gap-3.5 px-6 pt-6 pb-5 sm:max-w-[430px]",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkID7MWMJO_cjs.DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkID7MWMJO_cjs.DialogTitle, { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkID7MWMJO_cjs.DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkID7MWMJO_cjs.DialogFooter, { className: "pt-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkVBICNC43_cjs.Button,
+            {
+              variant: "outline",
+              disabled: loading,
+              onClick: onCancel,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkVBICNC43_cjs.Button,
+            {
+              variant,
+              disabled: loading || confirmDisabled,
+              onClick: handleConfirm,
+              children: [
+                loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin mr-1.5", size: 14 }) : confirmIcon,
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+
+exports.ConfirmDialog = ConfirmDialog;
+//# sourceMappingURL=confirm-dialog.cjs.map
+//# sourceMappingURL=confirm-dialog.cjs.map

package/dist/confirm-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/confirm-dialog.tsx"],"names":["useState","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button","Loader2"],"mappings":";;;;;;;;;AA8BO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,WAAA;AAAA,EACA,OAAA,GAAU,aAAA;AAAA,EACV,eAAA,GAAkB,KAAA;AAAA,EAClB,SAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAgB,YAAY;AAChC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,SAAA,EAAU;AAAA,IAClB,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,uBACEC,cAAA,CAACC,wBAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAAc,CAAC,CAAA,KAAM;AAAE,IAAA,IAAI,CAAC,CAAA,IAAK,CAAC,OAAA,EAAS,QAAA,EAAS;AAAA,EAAG,CAAA,EAEzE,QAAA,kBAAAC,eAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAiB,KAAA;AAAA,MACjB,SAAA,EAAU,yCAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAACE,8BAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACK,iCAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACpBL,cAAA,CAACM,uCAAmB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAClC,CAAA;AAAA,wBACAJ,eAAA,CAACK,8BAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAAP,cAAA;AAAA,YAACQ,wBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,SAAA;AAAA,cACR,QAAA,EAAU,OAAA;AAAA,cACV,OAAA,EAAS,QAAA;AAAA,cACV,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,0BACAN,eAAA;AAAA,YAACM,wBAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,UAAU,OAAA,IAAW,eAAA;AAAA,cACrB,OAAA,EAAS,aAAA;AAAA,cAER,QAAA,EAAA;AAAA,gBAAA,OAAA,kCAAWC,mBAAA,EAAA,EAAQ,SAAA,EAAU,qBAAA,EAAsB,IAAA,EAAM,IAAI,CAAA,GAAK,WAAA;AAAA,gBAClE;AAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ","file":"confirm-dialog.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"./dialog\";\n\ninterface ConfirmDialogProps {\n  open: boolean;\n  title: string;\n  description: React.ReactNode;\n  confirmLabel?: string;\n  confirmIcon?: React.ReactNode;\n  variant?: \"destructive\" | \"default\";\n  /** Disables the confirm button. Use when the action is known\n   *  to be invalid (e.g. an in-use entity) and the dialog only\n   *  exists to explain why. */\n  confirmDisabled?: boolean;\n  onConfirm: () => Promise<void> | void;\n  onCancel: () => void;\n}\n\nexport function ConfirmDialog({\n  open,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  confirmIcon,\n  variant = \"destructive\",\n  confirmDisabled = false,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [loading, setLoading] = useState(false);\n\n  const handleConfirm = async () => {\n    setLoading(true);\n    try {\n      await onConfirm();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={(o) => { if (!o && !loading) onCancel(); }}>\n      {/* Work's confirm: compact, no close button — Cancel and Escape do it. */}\n      <DialogContent\n        showCloseButton={false}\n        className=\"gap-3.5 px-6 pt-6 pb-5 sm:max-w-[430px]\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n        <DialogFooter className=\"pt-1.5\">\n          <Button\n            variant=\"outline\"\n            disabled={loading}\n            onClick={onCancel}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={variant}\n            disabled={loading || confirmDisabled}\n            onClick={handleConfirm}\n          >\n            {loading ? <Loader2 className=\"animate-spin mr-1.5\" size={14} /> : confirmIcon}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/confirm-dialog.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    description: React.ReactNode;
+    confirmLabel?: string;
+    confirmIcon?: React.ReactNode;
+    variant?: "destructive" | "default";
+    /** Disables the confirm button. Use when the action is known
+     *  to be invalid (e.g. an in-use entity) and the dialog only
+     *  exists to explain why. */
+    confirmDisabled?: boolean;
+    onConfirm: () => Promise<void> | void;
+    onCancel: () => void;
+}
+declare function ConfirmDialog({ open, title, description, confirmLabel, confirmIcon, variant, confirmDisabled, onConfirm, onCancel, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ConfirmDialog };

package/dist/confirm-dialog.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    description: React.ReactNode;
+    confirmLabel?: string;
+    confirmIcon?: React.ReactNode;
+    variant?: "destructive" | "default";
+    /** Disables the confirm button. Use when the action is known
+     *  to be invalid (e.g. an in-use entity) and the dialog only
+     *  exists to explain why. */
+    confirmDisabled?: boolean;
+    onConfirm: () => Promise<void> | void;
+    onCancel: () => void;
+}
+declare function ConfirmDialog({ open, title, description, confirmLabel, confirmIcon, variant, confirmDisabled, onConfirm, onCancel, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ConfirmDialog };

package/dist/confirm-dialog.js

@@ -0,0 +1,70 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-T74Z3WTK.js';
+import { Button } from './chunk-A44JJ6NH.js';
+import './chunk-LZGII7SX.js';
+import { useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ConfirmDialog({
+  open,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  confirmIcon,
+  variant = "destructive",
+  confirmDisabled = false,
+  onConfirm,
+  onCancel
+}) {
+  const [loading, setLoading] = useState(false);
+  const handleConfirm = async () => {
+    setLoading(true);
+    try {
+      await onConfirm();
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => {
+    if (!o && !loading) onCancel();
+  }, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: "gap-3.5 px-6 pt-6 pb-5 sm:max-w-[430px]",
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { className: "pt-1.5", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              disabled: loading,
+              onClick: onCancel,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant,
+              disabled: loading || confirmDisabled,
+              onClick: handleConfirm,
+              children: [
+                loading ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin mr-1.5", size: 14 }) : confirmIcon,
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+
+export { ConfirmDialog };
+//# sourceMappingURL=confirm-dialog.js.map
+//# sourceMappingURL=confirm-dialog.js.map