@oneplatformdev/ui 0.1.99-beta.26 → 0.1.99-beta.261

package/Accordion/Accordion.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionTrigger({ className, children, showChevron, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
     showChevron?: boolean;

package/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQ7E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAgB/G;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnF;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAe7E;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAY7E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAsB/G;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnF;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/Accordion/Accordion.js

@@ -1,50 +1,72 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-accordion";
-import { ChevronDownIcon as c } from "lucide-react";
+import { ChevronRightIcon as s } from "lucide-react";
 import { cn as i } from "@oneplatformdev/utils";
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(n.Root, { "data-slot": "accordion", ...t });
+function u(o) {
+  const {
+    className: t,
+    ...r
+  } = o;
+  return /* @__PURE__ */ e(
+    n.Root,
+    {
+      "data-slot": "accordion",
+      className: i(
+        "group group/accordion",
+        t
+      ),
+      ...r
+    }
+  );
 }
-function f({
-  className: t,
-  ...o
+function p({
+  className: o,
+  ...t
 }) {
   return /* @__PURE__ */ e(
     n.Item,
     {
       "data-slot": "accordion-item",
-      className: i("border-b last:border-b-0", t),
-      ...o
+      className: i(
+        "group group/accordion-item",
+        "border-b last:border-b-0",
+        o
+      ),
+      ...t
     }
   );
 }
-function p({
-  className: t,
-  children: o,
+function g({
+  className: o,
+  children: t,
   showChevron: r = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ c(
     n.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        t
+        "group group/accordion-trigger",
+        "flex flex-1 items-start justify-between gap-4 rounded-md py-4",
+        "text-left text-sm font-medium",
+        "transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "[&[data-state=open]>svg]:rotate-90",
+        o
       ),
       ...a,
       children: [
-        o,
-        r && /* @__PURE__ */ e(c, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        r && /* @__PURE__ */ e(s, { "data-slot": "accordion-chevrone", className: "text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" }),
+        t
       ]
     }
   ) });
 }
-function g({
-  className: t,
-  children: o,
+function f({
+  className: o,
+  children: t,
   ...r
 }) {
   return /* @__PURE__ */ e(
@@ -53,14 +75,14 @@ function g({
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
       ...r,
-      children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4", t), children: o })
+      children: /* @__PURE__ */ e("div", { className: i("group group/accordion-content", "pt-0 pb-4", o), children: t })
     }
   );
 }
 export {
   u as Accordion,
-  g as AccordionContent,
-  f as AccordionItem,
-  p as AccordionTrigger
+  f as AccordionContent,
+  p as AccordionItem,
+  g as AccordionTrigger
 };
 //# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Accordion({\n                     ...props\n                   }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n                            className,\n                            children,\n                            showChevron = true,\n                            ...props\n                          }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showChevron && <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n                            className,\n                            children,\n                            ...props\n                          }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","jsx","cn","AccordionTrigger","children","showChevron","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAU;AAAA,EACE,GAAGC;AACL,GAAyD;AAC1E,2BAAQC,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAC9E,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,4BAA4BF,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACE,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGR;AACL,GAAwF;AAChH,SACE,gBAAAI,EAACH,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAQ;AAAA,IAACR,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAC,KAAe,gBAAAJ,EAACM,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7J;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACE,WAAAR;AAAA,EACA,UAAAI;AAAA,EACA,GAAGP;AACL,GAA4D;AACpF,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWK,EAAG,aAAaF,CAAS,GAAI,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
+{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronRightIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  const {\n    className,\n    ...rest\n  } = props;\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        'group group/accordion',\n        className\n      )}\n      {...rest}\n    />\n  )\n}\n\nfunction AccordionItem({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        'group group/accordion-item',\n        \"border-b last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n                            className,\n                            children,\n                            showChevron = true,\n                            ...props\n                          }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'group group/accordion-trigger',\n          'flex flex-1 items-start justify-between gap-4 rounded-md py-4',\n          'text-left text-sm font-medium',\n          'transition-all outline-none',\n          \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n          'disabled:pointer-events-none disabled:opacity-50',\n          '[&[data-state=open]>svg]:rotate-90',\n          className\n        )}\n        {...props}\n      >\n        {showChevron && <ChevronRightIcon data-slot=\"accordion-chevrone\" className=\"text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\n        {children}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n                            className,\n                            children,\n                            ...props\n                          }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn('group group/accordion-content', \"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","props","className","rest","jsx","AccordionPrimitive","cn","AccordionItem","AccordionTrigger","children","showChevron","jsxs","ChevronRightIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAUC,GAA6D;AAC9E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDF;AACJ,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc;AAAA,EACE,WAAAL;AAAA,EACA,GAAGD;AACL,GAAyD;AAC9E,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACE,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGT;AACL,GAAwF;AAChH,SACE,gBAAAG,EAACC,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAM;AAAA,IAACN,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAS,KAAe,gBAAAN,EAACQ,GAAA,EAAiB,aAAU,sBAAqB,WAAU,wGAAuG;AAAA,QACjLH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACE,WAAAX;AAAA,EACA,UAAAO;AAAA,EACA,GAAGR;AACL,GAA4D;AACpF,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGJ;AAAA,MAEJ,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAG,iCAAiC,aAAaJ,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7F;"}

package/AlertDialog/AlertDialog.stories.js

@@ -1,11 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { AlertDialog as n } from "./AlertDialog.js";
-import { Button as l } from "../Button/Button.js";
+import { Button as o } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
+import "react";
+import { InfoBlock as p } from "../InfoBlock/InfoBlock.js";
+const d = (e) => /* @__PURE__ */ t(n, { ...e }), l = ["confirm", "alert", "destructive"], h = {
   title: "AlertDialog",
   component: n,
-  render: c,
+  render: d,
   argTypes: {
     open: {
       control: {
@@ -15,7 +17,7 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
     variant: {
       name: "variant",
       description: "ButtonIcon variant",
-      options: r,
+      options: l,
       control: {
         type: "inline-radio"
       }
@@ -46,13 +48,13 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
     cancelLabel: "Cancel",
     actionLabel: "Action"
   }
-}, s = (e) => /* @__PURE__ */ t(
+}, m = (e) => /* @__PURE__ */ t(
   n,
   {
     ...e
   }
 );
-s.args = {
+m.args = {
   trigger: "Trigger text or ReactNode",
   variant: "confirm",
   title: "Dialog title...",
@@ -60,33 +62,33 @@ s.args = {
   cancelLabel: "Cancel label",
   actionLabel: "Action label"
 };
-const i = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: r.map((o) => /* @__PURE__ */ t(
+const r = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: l.map((i) => /* @__PURE__ */ t(
   n,
   {
-    trigger: o,
+    trigger: i,
     ...e,
-    variant: o
+    variant: i
   },
-  o
+  i
 )) });
-i.parameters = {
+r.parameters = {
   controls: {
     include: ["title", "description", "cancelLabel", "actionLabel"]
   }
 };
-i.args = {
+r.args = {
   title: "Dialog title",
   description: "Description text..."
 };
 const a = (e) => /* @__PURE__ */ t(
   n,
   {
-    onOpenChange: (o) => console.log(o),
-    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Control Trigger" }),
+    onOpenChange: (i) => console.log(i),
+    trigger: /* @__PURE__ */ t(o, { variant: "outline", children: "Control Trigger" }),
     header: /* @__PURE__ */ t("div", { children: "Custom Header" }),
     footer: [
-      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
-      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
+      /* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
+      /* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
     ],
     ...e
   }
@@ -99,24 +101,66 @@ a.parameters = {
 a.args = {
   open: !1
 };
-const p = (e) => /* @__PURE__ */ t(
+const L = (e) => /* @__PURE__ */ t(
   n,
   {
-    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Full Content Trigger" }),
+    trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Full Content Trigger" }),
     ...e,
     children: "Full Content..."
   }
 );
-p.parameters = {
+L.parameters = {
   controls: {
     include: []
   }
 };
+const c = "a".repeat(300), s = (e) => /* @__PURE__ */ t(
+  n,
+  {
+    ...e,
+    trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long Description" })
+  }
+);
+s.args = {
+  trigger: "Long description",
+  variant: "confirm",
+  title: "Dialog title",
+  description: c,
+  cancelLabel: "Cancel",
+  actionLabel: "Action"
+};
+s.parameters = {
+  controls: {
+    include: ["title", "cancelLabel", "actionLabel"]
+  }
+};
+const g = (e) => /* @__PURE__ */ t(
+  n,
+  {
+    ...e,
+    trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long InfoBlock Description" }),
+    description: /* @__PURE__ */ t(p, { content: c })
+  }
+);
+g.args = {
+  trigger: "Long InfoBlock description",
+  variant: "confirm",
+  title: "Dialog title",
+  cancelLabel: "Cancel",
+  actionLabel: "Action"
+};
+g.parameters = {
+  controls: {
+    include: ["title", "cancelLabel", "actionLabel"]
+  }
+};
 export {
-  p as FullContent,
+  L as FullContent,
   a as FullControl,
-  s as Playground,
-  i as Variants,
-  b as default
+  s as LongDescription,
+  g as LongInfoBlockDescription,
+  m as Playground,
+  r as Variants,
+  h as default
 };
 //# sourceMappingURL=AlertDialog.stories.js.map

package/AlertDialog/AlertDialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { AlertDialog } from './AlertDialog';\nimport { AlertDialogProps } from './AlertDialog.types';\nimport React from 'react';\nimport { Button } from '../Button';\n\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\n\nconst variants = ['confirm', 'alert', 'destructive'] as const;\n\nconst meta = {\n  title: 'AlertDialog',\n  component: AlertDialog,\n  render: Template,\n  argTypes: {\n    open: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    variant: {\n      name: 'variant',\n      description: 'ButtonIcon variant',\n      options: variants,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    cancelLabel: {\n      control: {\n        type: 'text',\n      },\n    },\n    actionLabel: {\n      control: {\n        type: 'text',\n      },\n    },\n    title: {\n      control: {\n        type: 'text',\n      },\n    },\n    description: {\n      control: {\n        type: 'text',\n      },\n    },\n  },\n  args: {\n    variant: 'alert',\n    cancelLabel: 'Cancel',\n    actionLabel: 'Action',\n  },\n} satisfies Meta<typeof AlertDialog>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = (args: AlertDialogProps) => (\n  <AlertDialog\n    {...args}\n  />\n);\nPlayground.args = {\n  trigger: 'Trigger text or ReactNode',\n  variant: 'confirm',\n  title: 'Dialog title...',\n  description: 'Description text...',\n  cancelLabel: 'Cancel label',\n  actionLabel: 'Action label',\n}\n\nexport const Variants = (args: AlertDialogProps) => (\n  <div className='flex gap-3'>\n    {variants.map((variant) => (\n      <AlertDialog\n        key={variant}\n        trigger={variant}\n        {...args}\n        variant={variant}\n      />\n    ))}\n  </div>\n);\nVariants.parameters = {\n  controls: {\n    include: ['title', 'description', 'cancelLabel', 'actionLabel'],\n  },\n};\nVariants.args = {\n  title: \"Dialog title\",\n  description: \"Description text...\"\n}\n\nexport const FullControl = (args: AlertDialogProps) => (\n  <AlertDialog\n    onOpenChange={(nextState) => console.log(nextState)}\n    trigger={<Button variant=\"outline\">Control Trigger</Button>}\n    header={<div>Custom Header</div>}\n    footer={[\n      <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\n      <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\n    ]}\n    {...args}\n  />\n);\nFullControl.parameters = {\n  controls: {\n    include: ['open'],\n  },\n};\nFullControl.args = {\n  open: false,\n}\n\n\nexport const FullContent = (args: AlertDialogProps) => (\n  <AlertDialog\n    trigger={<Button variant=\"outline\">Full Content Trigger</Button>}\n    {...args}\n  >\n    Full Content...\n  </AlertDialog>\n);\nFullContent.parameters = {\n  controls: {\n    include: [],\n  },\n};\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent"],"mappings":";;;;AAOA,MAAMA,IAAW,CAACC,MAA4B,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,GAEhEG,IAAW,CAAC,WAAW,SAAS,aAAa,GAE7CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWF;AAAA,EACX,QAAQH;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAASI;AAAA,MACT,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB,GAKaE,IAAa,CAACC,MACzB,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,EAAA;AACN;AAEFD,EAAW,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAME,IAAW,CAACD,MACvB,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACZ,UAAAE,EAAS,IAAI,CAACK,MACb,gBAAAP;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,SAASM;AAAA,IACR,GAAGF;AAAA,IACJ,SAAAE;AAAA,EAAA;AAAA,EAHKA;AAIP,CACD,EAAA,CACH;AAEFD,EAAS,aAAa;AAAA,EACpB,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,eAAe,aAAa;AAAA,EAAA;AAElE;AACAA,EAAS,OAAO;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AACf;AAEO,MAAME,IAAc,CAACH,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAc,CAACQ,MAAc,QAAQ,IAAIA,CAAS;AAAA,IAClD,SAAS,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,mBAAe;AAAA,IAClD,QAAQ,gBAAAV,EAAC,OAAA,EAAI,UAAA,gBAAA,CAAa;AAAA,IAC1B,QAAQ;AAAA,MACN,gBAAAA,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,MACtE,gBAAAV,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,IAAA;AAAA,IAEvE,GAAGL;AAAA,EAAA;AACN;AAEFG,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAC,MAAM;AAAA,EAAA;AAEpB;AACAA,EAAY,OAAO;AAAA,EACjB,MAAM;AACR;AAGO,MAAMG,IAAc,CAACN,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,wBAAoB;AAAA,IACtD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;"}
+{"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { AlertDialog } from './AlertDialog';\nimport { AlertDialogProps } from './AlertDialog.types';\nimport React from 'react';\nimport { Button } from '../Button';\nimport { InfoBlock } from '../InfoBlock';\n\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\n\nconst variants = ['confirm', 'alert', 'destructive'] as const;\n\nconst meta = {\n  title: 'AlertDialog',\n  component: AlertDialog,\n  render: Template,\n  argTypes: {\n    open: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    variant: {\n      name: 'variant',\n      description: 'ButtonIcon variant',\n      options: variants,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    cancelLabel: {\n      control: {\n        type: 'text',\n      },\n    },\n    actionLabel: {\n      control: {\n        type: 'text',\n      },\n    },\n    title: {\n      control: {\n        type: 'text',\n      },\n    },\n    description: {\n      control: {\n        type: 'text',\n      },\n    },\n  },\n  args: {\n    variant: 'alert',\n    cancelLabel: 'Cancel',\n    actionLabel: 'Action',\n  },\n} satisfies Meta<typeof AlertDialog>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = (args: AlertDialogProps) => (\n  <AlertDialog\n    {...args}\n  />\n);\nPlayground.args = {\n  trigger: 'Trigger text or ReactNode',\n  variant: 'confirm',\n  title: 'Dialog title...',\n  description: 'Description text...',\n  cancelLabel: 'Cancel label',\n  actionLabel: 'Action label',\n}\n\nexport const Variants = (args: AlertDialogProps) => (\n  <div className='flex gap-3'>\n    {variants.map((variant) => (\n      <AlertDialog\n        key={variant}\n        trigger={variant}\n        {...args}\n        variant={variant}\n      />\n    ))}\n  </div>\n);\nVariants.parameters = {\n  controls: {\n    include: ['title', 'description', 'cancelLabel', 'actionLabel'],\n  },\n};\nVariants.args = {\n  title: \"Dialog title\",\n  description: \"Description text...\"\n}\n\nexport const FullControl = (args: AlertDialogProps) => (\n  <AlertDialog\n    onOpenChange={(nextState) => console.log(nextState)}\n    trigger={<Button variant=\"outline\">Control Trigger</Button>}\n    header={<div>Custom Header</div>}\n    footer={[\n      <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\n      <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\n    ]}\n    {...args}\n  />\n);\nFullControl.parameters = {\n  controls: {\n    include: ['open'],\n  },\n};\nFullControl.args = {\n  open: false,\n}\n\n\nexport const FullContent = (args: AlertDialogProps) => (\n  <AlertDialog\n    trigger={<Button variant=\"outlined\">Full Content Trigger</Button>}\n    {...args}\n  >\n    Full Content...\n  </AlertDialog>\n);\nFullContent.parameters = {\n  controls: {\n    include: [],\n  },\n};\n\nconst LONG_UNBREAKABLE_STRING = 'a'.repeat(300);\n\nexport const LongDescription = (args: AlertDialogProps) => (\n  <AlertDialog\n    {...args}\n    trigger={<Button variant=\"outlined\">Long Description</Button>}\n  />\n);\nLongDescription.args = {\n  trigger: 'Long description',\n  variant: 'confirm',\n  title: 'Dialog title',\n  description: LONG_UNBREAKABLE_STRING,\n  cancelLabel: 'Cancel',\n  actionLabel: 'Action',\n};\nLongDescription.parameters = {\n  controls: {\n    include: ['title', 'cancelLabel', 'actionLabel'],\n  },\n};\n\nexport const LongInfoBlockDescription = (args: AlertDialogProps) => (\n  <AlertDialog\n    {...args}\n    trigger={<Button variant=\"outlined\">Long InfoBlock Description</Button>}\n    description={\n      <InfoBlock content={LONG_UNBREAKABLE_STRING} />\n    }\n  />\n);\nLongInfoBlockDescription.args = {\n  trigger: 'Long InfoBlock description',\n  variant: 'confirm',\n  title: 'Dialog title',\n  cancelLabel: 'Cancel',\n  actionLabel: 'Action',\n};\nLongInfoBlockDescription.parameters = {\n  controls: {\n    include: ['title', 'cancelLabel', 'actionLabel'],\n  },\n};\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent","LONG_UNBREAKABLE_STRING","LongDescription","LongInfoBlockDescription","InfoBlock"],"mappings":"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"}

package/AlertDialog/AlertDialogRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AACD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CASnG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}
+{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAanG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}

package/AlertDialog/AlertDialogRoot.js

@@ -3,6 +3,7 @@ import * as r from "@radix-ui/react-alert-dialog";
 import { cn as l } from "@oneplatformdev/utils";
 import "../Button/Button.js";
 import { buttonVariants as d } from "../Button/buttonVariants.js";
+import "react";
 function N(t) {
   return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
 }
@@ -36,7 +37,7 @@ function D(t) {
         "data-slot": "alert-dialog-content",
         className: l(
           "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
-          "grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6",
+          "grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6",
           "bg-background border rounded-lg shadow-lg",
           "overflow-x-hidden break-words",
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200",
@@ -47,18 +48,18 @@ function D(t) {
     )
   ] });
 }
-function w(t) {
+function h(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: l("flex flex-col gap-2 text-center sm:text-left", a),
+      className: l("flex flex-col gap-3 text-center sm:text-left min-w-0", a),
       ...e
     }
   );
 }
-function b(t) {
+function v(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     "div",
@@ -72,29 +73,30 @@ function b(t) {
     }
   );
 }
-function v(t) {
+function b(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     r.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: l("text-lg font-semibold break-words", a),
+      className: l("min-w-0 text-lg font-semibold break-words min-h-10 flex items-center", a),
       ...e
     }
   );
 }
-function h(t) {
-  const { className: a, ...e } = t;
+function y(t) {
+  const { className: a, children: e, ...s } = t;
   return /* @__PURE__ */ o(
     r.Description,
     {
+      ...s,
+      asChild: !0,
       "data-slot": "alert-dialog-description",
-      className: l("text-muted-foreground text-sm whitespace-pre-wrap break-words", a),
-      ...e
+      children: /* @__PURE__ */ o("div", { className: l("min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]", a), children: e })
     }
   );
 }
-function y(t) {
+function z(t) {
   const { className: a, variant: e, size: s, color: n, ...i } = t;
   return /* @__PURE__ */ o(
     r.Action,
@@ -104,7 +106,7 @@ function y(t) {
     }
   );
 }
-function z(t) {
+function C(t) {
   const { className: a, variant: e, color: s = "secondary", size: n, ...i } = t;
   return /* @__PURE__ */ o(
     r.Cancel,
@@ -115,17 +117,17 @@ function z(t) {
   );
 }
 export {
-  y as AlertDialogAction,
-  z as AlertDialogCancel,
+  z as AlertDialogAction,
+  C as AlertDialogCancel,
   D as AlertDialogContent,
-  h as AlertDialogDescription,
-  b as AlertDialogFooter,
-  w as AlertDialogHeader,
+  y as AlertDialogDescription,
+  v as AlertDialogFooter,
+  h as AlertDialogHeader,
   g as AlertDialogOverlay,
   m as AlertDialogPortal,
   r as AlertDialogPrimitive,
   N as AlertDialogRoot,
-  v as AlertDialogTitle,
+  b as AlertDialogTitle,
   A as AlertDialogTrigger
 };
 //# sourceMappingURL=AlertDialogRoot.js.map

package/AlertDialog/AlertDialogRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\n}\n\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6',\n          'bg-background border rounded-lg shadow-lg',\n          'overflow-x-hidden break-words',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\n          className\n        )}\n        {...rest}\n      />\n    </AlertDialogPortal>\n  )\n}\n\n\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold break-words\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm whitespace-pre-wrap break-words\", className)}\n      {...rest}\n    />\n  )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n  const { className, variant, size, color, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size, color }), className)}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant, color = 'secondary', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size, color }), className)}\n      {...rest}\n    />\n  )\n}\n\nexport {\n  AlertDialogRoot,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogPrimitive\n};\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}
+{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\n}\n\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay/>\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6',\n          'bg-background border rounded-lg shadow-lg',\n          'overflow-x-hidden break-words',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\n          className\n        )}\n        {...rest}\n      />\n    </AlertDialogPortal>\n  )\n}\n\n\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-3 text-center sm:text-left min-w-0\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"min-w-0 text-lg font-semibold break-words min-h-10 flex items-center\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  const { className, children, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Description\n      {...rest}\n      asChild\n      data-slot=\"alert-dialog-description\"\n    >\n      <div className={cn(\"min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]\", className)}>\n        {children}\n      </div>\n    </AlertDialogPrimitive.Description>\n  )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n  const { className, variant, size, color, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size, color }), className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant, color = 'secondary', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size, color }), className)}\n      {...rest}\n    />\n  )\n}\n\nexport {\n  AlertDialogRoot,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogPrimitive\n};\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","children","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}

package/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqDxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}

package/Button/Button.js

@@ -1,76 +1,76 @@
-import { jsxs as N, Fragment as E, jsx as o } from "react/jsx-runtime";
+import { jsxs as I, Fragment as N, jsx as r } from "react/jsx-runtime";
 import * as R from "react";
-import { isValidElement as V, createElement as j } from "react";
-import { Slot as C } from "@radix-ui/react-slot";
-import { cn as I } from "@oneplatformdev/utils";
-import { buttonVariants as F } from "./buttonVariants.js";
+import { Slot as j } from "@radix-ui/react-slot";
+import { cn as A } from "@oneplatformdev/utils";
+import { buttonVariants as C } from "./buttonVariants.js";
 import "@radix-ui/react-tooltip";
-import { Tooltip as L } from "../Tooltip/Tooltip.js";
+import { Tooltip as V } from "../Tooltip/Tooltip.js";
 import { LoadedIcon as y } from "../LoadedIcon/LoadedIcon.js";
-const S = (n) => {
-  const { variant: t, size: r, color: s } = n, e = { color: s, variant: t, size: r };
-  if (t === "default")
+import { renderInnerIcon as B } from "./Button.utils.js";
+const E = (i) => {
+  const { variant: n, size: t, color: s } = i, e = { color: s, variant: n, size: t };
+  if (n === "default")
     return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), e.variant = "contained", e.color = "primary", e;
-  if (r === "icon")
+  if (t === "icon")
     return console.warn('Button size "icon" is deprecated. Please use "<ButtonIcon/>" component instead.'), e.variant = "contained", e.color = "secondary", e;
-  if (t === "transparent")
+  if (n === "transparent")
     throw console.warn('Button variant "transparent" is removed. Please use "variant=none" instead.'), new Error('Button variant "transparent" is removed. Please use "variant=none" instead.');
-  return t === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : t === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (t === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
-}, B = (n) => n ? V(n) ? n : j(n) : null, T = R.forwardRef(
-  (n, t) => {
+  return n === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : n === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (n === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
+}, F = R.forwardRef(
+  (i, n) => {
     const {
-      disabled: r,
+      disabled: t,
       className: s,
       variant: e,
       color: h,
       size: c,
-      asChild: d = !1,
+      asChild: l = !1,
       title: w = "",
       tooltip: P,
-      tooltipProps: u = {},
+      tooltipProps: p = {},
       message: g,
-      loading: a = !1,
-      children: p,
+      loading: o = !1,
+      children: u,
       startAdornment: m,
-      endAdornment: f,
-      screenReader: i,
+      endAdornment: v,
+      screenReader: a,
       ...b
-    } = n, x = d ? C : "button", l = g || P || w, z = d ? p : /* @__PURE__ */ N(E, { children: [
-      !!m && /* @__PURE__ */ o(y, { loading: a, size: c, children: B(m) }),
-      p,
-      !!f && /* @__PURE__ */ o(y, { loading: a, size: c, children: B(f) }),
-      !!i && /* @__PURE__ */ o("span", { className: "sr-only", children: typeof i == "string" ? i : i.text })
-    ] }), v = /* @__PURE__ */ o(
+    } = i, x = l ? j : "button", d = g || P || w, z = l ? u : /* @__PURE__ */ I(N, { children: [
+      !!m && /* @__PURE__ */ r(y, { loading: o, size: c, children: B(m) }),
+      u,
+      !!v && /* @__PURE__ */ r(y, { loading: o, size: c, children: B(v) }),
+      !!a && /* @__PURE__ */ r("span", { className: "sr-only", children: typeof a == "string" ? a : a.text })
+    ] }), f = /* @__PURE__ */ r(
       x,
       {
         type: "button",
-        ref: t,
-        disabled: r,
-        className: I(
-          F({
-            ...S({ variant: e, size: c, color: h }),
+        ref: n,
+        disabled: t,
+        className: A(
+          C({
+            ...E({ variant: e, size: c, color: h }),
             className: s
           }),
-          a && "pointer-events-none opacity-80 user-select-none"
+          o && "pointer-events-none opacity-80 user-select-none"
         ),
         ...b,
         children: z
       }
     );
-    return l ? /* @__PURE__ */ o(
-      L,
+    return d ? /* @__PURE__ */ r(
+      V,
       {
-        ...u || {},
-        open: u.open ?? (r || a || !l) ? !1 : void 0,
-        message: l,
-        children: v
+        ...p || {},
+        open: p.open ?? (t || o || !d) ? !1 : void 0,
+        message: d,
+        children: f
       }
-    ) : v;
+    ) : f;
   }
 );
-T.displayName = "Button";
+F.displayName = "Button";
 export {
-  T as Button,
-  T as default
+  F as Button,
+  F as default
 };
 //# sourceMappingURL=Button.js.map