@oneplatformdev/ui 0.1.99-beta.3 → 0.1.99-beta.300

package/.storybook/Wrappers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wrappers.js","sources":["../../.storybook/Wrappers.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport const MoreWrapper = (props: PropsWithChildren) => (\n  <div\n    style={{\n      position: 'relative',\n      padding: '24px 32px',\n      display: 'flex',\n      gap: '32px',\n    }}\n  >\n    {props.children}\n  </div>\n)\n\nexport const DashedWrapper = (props: PropsWithChildren) => {\n  return (\n    <div\n      style={{\n        padding: '0px 20px',\n        display: 'flex',\n        gap: '32px',\n        alignItems: 'flex-start',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\n          borderRadius: '24px',\n          padding: '24px 32px',\n          display: 'flex',\n          gap: '32px',\n        }}\n      >\n        {props.children}\n      </div>\n    </div>\n  )\n}\n"],"names":["DashedWrapper","props","jsx"],"mappings":";AAeO,MAAMA,IAAgB,CAACC,MAE1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK;AAAA,QAAA;AAAA,QAGN,UAAAD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAAA;"}
+{"version":3,"file":"Wrappers.js","sources":["../../.storybook/Wrappers.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\n\r\nexport const MoreWrapper = (props: PropsWithChildren) => (\r\n  <div\r\n    style={{\r\n      position: 'relative',\r\n      padding: '24px 32px',\r\n      display: 'flex',\r\n      gap: '32px',\r\n    }}\r\n  >\r\n    {props.children}\r\n  </div>\r\n)\r\n\r\nexport const DashedWrapper = (props: PropsWithChildren) => {\r\n  return (\r\n    <div\r\n      style={{\r\n        padding: '0px 20px',\r\n        display: 'flex',\r\n        gap: '32px',\r\n        alignItems: 'flex-start',\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          position: 'relative',\r\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\r\n          borderRadius: '24px',\r\n          padding: '24px 32px',\r\n          display: 'flex',\r\n          gap: '32px',\r\n        }}\r\n      >\r\n        {props.children}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["DashedWrapper","props","jsx"],"mappings":";AAeO,MAAMA,IAAgB,CAACC,MAE1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK;AAAA,QAAA;AAAA,QAGN,UAAAD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAAA;"}

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\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport { ChevronRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n  const {\r\n    className,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <AccordionPrimitive.Root\r\n      data-slot=\"accordion\"\r\n      className={cn(\r\n        'group group/accordion',\r\n        className\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nfunction AccordionItem({\r\n                         className,\r\n                         ...props\r\n                       }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n  return (\r\n    <AccordionPrimitive.Item\r\n      data-slot=\"accordion-item\"\r\n      className={cn(\r\n        'group group/accordion-item',\r\n        \"border-b last:border-b-0\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction AccordionTrigger({\r\n                            className,\r\n                            children,\r\n                            showChevron = true,\r\n                            ...props\r\n                          }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\r\n  return (\r\n    <AccordionPrimitive.Header className=\"flex\">\r\n      <AccordionPrimitive.Trigger\r\n        data-slot=\"accordion-trigger\"\r\n        className={cn(\r\n          'group group/accordion-trigger',\r\n          'flex flex-1 items-start justify-between gap-4 rounded-md py-4',\r\n          'text-left text-sm font-medium',\r\n          'transition-all outline-none',\r\n          \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\r\n          'disabled:pointer-events-none disabled:opacity-50',\r\n          '[&[data-state=open]>svg]:rotate-90',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\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\" />}\r\n        {children}\r\n      </AccordionPrimitive.Trigger>\r\n    </AccordionPrimitive.Header>\r\n  )\r\n}\r\n\r\nfunction AccordionContent({\r\n                            className,\r\n                            children,\r\n                            ...props\r\n                          }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n  return (\r\n    <AccordionPrimitive.Content\r\n      data-slot=\"accordion-content\"\r\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\r\n      {...props}\r\n    >\r\n      <div className={cn('group group/accordion-content', \"pt-0 pb-4\", className)}>{children}</div>\r\n    </AccordionPrimitive.Content>\r\n  )\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\r\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/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@oneplatformdev/utils\"\n\nimport alertVariants from './alertVariants';\n\nexport const Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n))\nAlert.displayName = \"Alert\"\n\nexport const AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nexport const AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n    {...props}\n  />\n))\nAlertDescription.displayName = \"AlertDescription\"\n"],"names":["Alert","React","className","variant","props","ref","jsx","cn","alertVariants","AlertTitle","AlertDescription"],"mappings":";;;;AAMO,MAAMA,IAAQC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGC,EAAc,EAAE,SAAAL,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEb,MAAMS,IAAaR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAW,cAAc;AAElB,MAAMC,IAAmBT,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}
+{"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nimport alertVariants from './alertVariants';\r\n\r\nexport const Alert = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\r\n>(({ className, variant, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    role=\"alert\"\r\n    className={cn(alertVariants({ variant }), className)}\r\n    {...props}\r\n  />\r\n))\r\nAlert.displayName = \"Alert\"\r\n\r\nexport const AlertTitle = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLHeadingElement>\r\n>(({ className, ...props }, ref) => (\r\n  <h5\r\n    ref={ref}\r\n    className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n))\r\nAlertTitle.displayName = \"AlertTitle\"\r\n\r\nexport const AlertDescription = React.forwardRef<\r\n  HTMLParagraphElement,\r\n  React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\r\n    {...props}\r\n  />\r\n))\r\nAlertDescription.displayName = \"AlertDescription\"\r\n"],"names":["Alert","React","className","variant","props","ref","jsx","cn","alertVariants","AlertTitle","AlertDescription"],"mappings":";;;;AAMO,MAAMA,IAAQC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGC,EAAc,EAAE,SAAAL,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEb,MAAMS,IAAaR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAW,cAAc;AAElB,MAAMC,IAAmBT,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}

package/Alert/alertVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"alertVariants.js","sources":["../../src/Alert/alertVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport default alertVariants;\n"],"names":["alertVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"alertVariants.js","sources":["../../src/Alert/alertVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\r\n\r\nexport const alertVariants = cva(\r\n  \"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background text-foreground\",\r\n        destructive:\r\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nexport default alertVariants;\r\n"],"names":["alertVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/AlertDialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  FC,\n  Key,\n  PropsWithChildren,\n  ReactElement,\n  useId,\n} from 'react';\nimport {\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogRoot,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './AlertDialogRoot';\nimport {\n  AlertDialogDescriptionProps,\n  AlertDialogFooterProps,\n  AlertDialogHeaderProps,\n  AlertDialogProps,\n  AlertDialogTitleProps,\n} from './AlertDialog.types';\n\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\n  props\n) => {\n  const { slotProps = {}, children } = props;\n  const triggerProps = slotProps.trigger ?? {};\n  return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\n};\n\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    title = '',\n    description = '',\n    slotProps = {},\n    children,\n  } = props;\n\n  const headerProps = slotProps.header ?? {};\n  const titleProps = slotProps.title ?? {};\n  const descriptionProps = slotProps.description ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogHeader)\n      ? cloneElement<AlertDialogHeaderProps>(\n        children as ReactElement<AlertDialogHeaderProps>,\n        { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\n      )\n      : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\n  }\n\n  return (\n    <AlertDialogHeader>\n      {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\n        ? cloneElement<AlertDialogTitleProps>(\n          title as ReactElement<AlertDialogTitleProps>,\n          { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\n        )\n        : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\n\n      {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\n        ? cloneElement<AlertDialogDescriptionProps>(\n          description as ReactElement<AlertDialogDescriptionProps>,\n          { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\n        )\n        : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\n      }\n    </AlertDialogHeader>\n  )\n}\n\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    slotProps = {},\n    children,\n    onCancel,\n    onConfirm,\n    cancelLabel = 'Cancel',\n    actionLabel = 'Continue',\n    variant = 'confirm',\n  } = props;\n  const footerId = useId();\n\n  const footerProps = slotProps.footer ?? {};\n  const cancelButtonProps = slotProps.cancelButton ?? {};\n  const actionButtonProps = slotProps.actionButton ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogFooter)\n      ? cloneElement<AlertDialogFooterProps>(\n        children as ReactElement<AlertDialogFooterProps>,\n        { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\n      )\n      : (\n        <AlertDialogFooter {...footerProps}>\n          {Children.map(children, (child, i) => {\n            if(!child || !isValidReactElement(child)) return;\n\n            const reactChild = child as ReactElement;\n            const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\n\n            if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\n              return clonedChild;\n            }\n\n            return (\n              <AlertDialogAction asChild>\n                {clonedChild}\n              </AlertDialogAction>\n            )\n          })}\n        </AlertDialogFooter>\n      )\n  }\n\n  return (\n    <AlertDialogFooter>\n      {variant !== 'alert' && (\n        <AlertDialogCancel\n          onClick={onCancel}\n          {...cancelButtonProps}\n        >\n          {cancelLabel}\n        </AlertDialogCancel>\n      )}\n      <AlertDialogAction\n        onClick={onConfirm}\n        {...actionButtonProps}\n        variant={actionButtonProps.variant}\n        color={actionButtonProps.color || (variant === 'destructive' ? 'error' : 'primary')}\n      >\n        {actionLabel}\n      </AlertDialogAction>\n    </AlertDialogFooter>\n  )\n}\n\n/**\n * Component for show Alert Dialog.\n * @public\n * @see [Documentation](#)\n * @example\n * > Import:\n * ```tsx\n *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\n * ```\n * > Simple example:\n * ```tsx\n *    <AlertDialog\n *         trigger={'Trigger text'} // may be any ReactNode | Button | string\n *         variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\n *         title='Dialog title'\n *         description='Description text...'\n *       />\n * ```\n * > Base example:\n * ```tsx\n *   <AlertDialog\n *         trigger={<Button variant=\"outline\">Simple Trigger</Button>}\n *         title='Dialog title'\n *         description='Description text...'\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n * > Trigger example: Button with icon children\n * ```tsx\n *      <AlertDialog\n *         trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\n *         title=\"Dialog title with icon trigger\"\n *         description=\"Description text...\"\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n *\n * > Full content example:\n * ```tsx\n *    <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\n *      Full Content...\n *     </AlertDialog>\n * ```\n *\n * > Full control example:\n * ```tsx\n *       <AlertDialog\n *         open={true}\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={() => {}}>On Action</Button>,\n *           <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n *         ]}\n *       />\n * ```\n */\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    trigger,\n    header,\n    footer,\n    slotProps = {},\n    children,\n    ...rest\n  } = props;\n\n  const contentProps = slotProps.content ?? {};\n\n  return (\n    <AlertDialogRoot {...rest}>\n      <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\n      {children\n        ? <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\n        : (\n          <AlertDialogContent {...contentProps}>\n            <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\n            <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\n          </AlertDialogContent>\n        )\n      }\n    </AlertDialogRoot>\n  )\n}\n\nexport default AlertDialog;\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}
+{"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\r\n  Children,\r\n  cloneElement,\r\n  FC,\r\n  Key,\r\n  PropsWithChildren,\r\n  ReactElement,\r\n  useId,\r\n} from 'react';\r\nimport {\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogRoot,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n} from './AlertDialogRoot';\r\nimport {\r\n  AlertDialogDescriptionProps,\r\n  AlertDialogFooterProps,\r\n  AlertDialogHeaderProps,\r\n  AlertDialogProps,\r\n  AlertDialogTitleProps,\r\n} from './AlertDialog.types';\r\n\r\nimport { isValidReactElement } from '@oneplatformdev/utils';\r\n\r\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\r\n  props\r\n) => {\r\n  const { slotProps = {}, children } = props;\r\n  const triggerProps = slotProps.trigger ?? {};\r\n  return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\r\n};\r\n\r\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n  const {\r\n    title = '',\r\n    description = '',\r\n    slotProps = {},\r\n    children,\r\n  } = props;\r\n\r\n  const headerProps = slotProps.header ?? {};\r\n  const titleProps = slotProps.title ?? {};\r\n  const descriptionProps = slotProps.description ?? {};\r\n\r\n  if(children) {\r\n    return isValidReactElement(children, AlertDialogHeader)\r\n      ? cloneElement<AlertDialogHeaderProps>(\r\n        children as ReactElement<AlertDialogHeaderProps>,\r\n        { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\r\n      )\r\n      : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\r\n  }\r\n\r\n  return (\r\n    <AlertDialogHeader>\r\n      {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\r\n        ? cloneElement<AlertDialogTitleProps>(\r\n          title as ReactElement<AlertDialogTitleProps>,\r\n          { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\r\n        )\r\n        : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\r\n\r\n      {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\r\n        ? cloneElement<AlertDialogDescriptionProps>(\r\n          description as ReactElement<AlertDialogDescriptionProps>,\r\n          { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\r\n        )\r\n        : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\r\n      }\r\n    </AlertDialogHeader>\r\n  )\r\n}\r\n\r\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n  const {\r\n    slotProps = {},\r\n    children,\r\n    onCancel,\r\n    onConfirm,\r\n    cancelLabel = 'Cancel',\r\n    actionLabel = 'Continue',\r\n    variant = 'confirm',\r\n  } = props;\r\n  const footerId = useId();\r\n\r\n  const footerProps = slotProps.footer ?? {};\r\n  const cancelButtonProps = slotProps.cancelButton ?? {};\r\n  const actionButtonProps = slotProps.actionButton ?? {};\r\n\r\n  if(children) {\r\n    return isValidReactElement(children, AlertDialogFooter)\r\n      ? cloneElement<AlertDialogFooterProps>(\r\n        children as ReactElement<AlertDialogFooterProps>,\r\n        { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\r\n      )\r\n      : (\r\n        <AlertDialogFooter {...footerProps}>\r\n          {Children.map(children, (child, i) => {\r\n            if(!child || !isValidReactElement(child)) return;\r\n\r\n            const reactChild = child as ReactElement;\r\n            const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\r\n\r\n            if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\r\n              return clonedChild;\r\n            }\r\n\r\n            return (\r\n              <AlertDialogAction asChild>\r\n                {clonedChild}\r\n              </AlertDialogAction>\r\n            )\r\n          })}\r\n        </AlertDialogFooter>\r\n      )\r\n  }\r\n\r\n  return (\r\n    <AlertDialogFooter>\r\n      {variant !== 'alert' && (\r\n        <AlertDialogCancel\r\n          onClick={onCancel}\r\n          {...cancelButtonProps}\r\n        >\r\n          {cancelLabel}\r\n        </AlertDialogCancel>\r\n      )}\r\n      <AlertDialogAction\r\n        onClick={onConfirm}\r\n        {...actionButtonProps}\r\n        variant={actionButtonProps.variant}\r\n        color={actionButtonProps.color || (variant === 'destructive' ? 'error' : 'primary')}\r\n      >\r\n        {actionLabel}\r\n      </AlertDialogAction>\r\n    </AlertDialogFooter>\r\n  )\r\n}\r\n\r\n/**\r\n * Component for show Alert Dialog.\r\n * @public\r\n * @see [Documentation](#)\r\n * @example\r\n * > Import:\r\n * ```tsx\r\n *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\r\n * ```\r\n * > Simple example:\r\n * ```tsx\r\n *    <AlertDialog\r\n *         trigger={'Trigger text'} // may be any ReactNode | Button | string\r\n *         variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\r\n *         title='Dialog title'\r\n *         description='Description text...'\r\n *       />\r\n * ```\r\n * > Base example:\r\n * ```tsx\r\n *   <AlertDialog\r\n *         trigger={<Button variant=\"outline\">Simple Trigger</Button>}\r\n *         title='Dialog title'\r\n *         description='Description text...'\r\n *         onCancel={(event) => console.log(event, 'Cancel')}\r\n *         onConfirm={(event) => console.log(event, 'Confirm')}\r\n *       />\r\n * ```\r\n * > Trigger example: Button with icon children\r\n * ```tsx\r\n *      <AlertDialog\r\n *         trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\r\n *         title=\"Dialog title with icon trigger\"\r\n *         description=\"Description text...\"\r\n *         onCancel={(event) => console.log(event, 'Cancel')}\r\n *         onConfirm={(event) => console.log(event, 'Confirm')}\r\n *       />\r\n * ```\r\n *\r\n * > Full content example:\r\n * ```tsx\r\n *    <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\r\n *      Full Content...\r\n *     </AlertDialog>\r\n * ```\r\n *\r\n * > Full control example:\r\n * ```tsx\r\n *       <AlertDialog\r\n *         open={true}\r\n *         onOpenChange={(nextState) => console.log(nextState)}\r\n *         trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n *         header={<div>Custom Header</div>}\r\n *         footer={[\r\n *           <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\r\n *           <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\r\n *         ]}\r\n *       />\r\n * ```\r\n */\r\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n  const {\r\n    trigger,\r\n    header,\r\n    footer,\r\n    slotProps = {},\r\n    children,\r\n    ...rest\r\n  } = props;\r\n\r\n  const contentProps = slotProps.content ?? {};\r\n\r\n  return (\r\n    <AlertDialogRoot {...rest}>\r\n      <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\r\n      {children\r\n        ? <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\r\n        : (\r\n          <AlertDialogContent {...contentProps}>\r\n            <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\r\n            <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\r\n          </AlertDialogContent>\r\n        )\r\n      }\r\n    </AlertDialogRoot>\r\n  )\r\n}\r\n\r\nexport default AlertDialog;\r\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}

package/AlertDialog/AlertDialog.stories.js

@@ -1,11 +1,11 @@
 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/buttonVariants.js";
-const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
+import { Button as o } from "../Button/Button.js";
+import { InfoBlock as p } from "../InfoBlock/InfoBlock.js";
+const d = (e) => /* @__PURE__ */ t(n, { ...e }), l = ["confirm", "alert", "destructive"], C = {
   title: "AlertDialog",
   component: n,
-  render: c,
+  render: d,
   argTypes: {
     open: {
       control: {
@@ -15,7 +15,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 +46,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 +60,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 +99,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,
+  C 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';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\nimport { InfoBlock } from '../InfoBlock';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n  title: 'AlertDialog',\r\n  component: AlertDialog,\r\n  render: Template,\r\n  argTypes: {\r\n    open: {\r\n      control: {\r\n        type: 'boolean',\r\n      },\r\n    },\r\n    variant: {\r\n      name: 'variant',\r\n      description: 'ButtonIcon variant',\r\n      options: variants,\r\n      control: {\r\n        type: 'inline-radio',\r\n      },\r\n    },\r\n    cancelLabel: {\r\n      control: {\r\n        type: 'text',\r\n      },\r\n    },\r\n    actionLabel: {\r\n      control: {\r\n        type: 'text',\r\n      },\r\n    },\r\n    title: {\r\n      control: {\r\n        type: 'text',\r\n      },\r\n    },\r\n    description: {\r\n      control: {\r\n        type: 'text',\r\n      },\r\n    },\r\n  },\r\n  args: {\r\n    variant: 'alert',\r\n    cancelLabel: 'Cancel',\r\n    actionLabel: 'Action',\r\n  },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n  <AlertDialog\r\n    {...args}\r\n  />\r\n);\r\nPlayground.args = {\r\n  trigger: 'Trigger text or ReactNode',\r\n  variant: 'confirm',\r\n  title: 'Dialog title...',\r\n  description: 'Description text...',\r\n  cancelLabel: 'Cancel label',\r\n  actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n  <div className='flex gap-3'>\r\n    {variants.map((variant) => (\r\n      <AlertDialog\r\n        key={variant}\r\n        trigger={variant}\r\n        {...args}\r\n        variant={variant}\r\n      />\r\n    ))}\r\n  </div>\r\n);\r\nVariants.parameters = {\r\n  controls: {\r\n    include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n  },\r\n};\r\nVariants.args = {\r\n  title: \"Dialog title\",\r\n  description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n  <AlertDialog\r\n    onOpenChange={(nextState) => console.log(nextState)}\r\n    trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n    header={<div>Custom Header</div>}\r\n    footer={[\r\n      <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n      <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n    ]}\r\n    {...args}\r\n  />\r\n);\r\nFullControl.parameters = {\r\n  controls: {\r\n    include: ['open'],\r\n  },\r\n};\r\nFullControl.args = {\r\n  open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n  <AlertDialog\r\n    trigger={<Button variant=\"outlined\">Full Content Trigger</Button>}\r\n    {...args}\r\n  >\r\n    Full Content...\r\n  </AlertDialog>\r\n);\r\nFullContent.parameters = {\r\n  controls: {\r\n    include: [],\r\n  },\r\n};\r\n\r\nconst LONG_UNBREAKABLE_STRING = 'a'.repeat(300);\r\n\r\nexport const LongDescription = (args: AlertDialogProps) => (\r\n  <AlertDialog\r\n    {...args}\r\n    trigger={<Button variant=\"outlined\">Long Description</Button>}\r\n  />\r\n);\r\nLongDescription.args = {\r\n  trigger: 'Long description',\r\n  variant: 'confirm',\r\n  title: 'Dialog title',\r\n  description: LONG_UNBREAKABLE_STRING,\r\n  cancelLabel: 'Cancel',\r\n  actionLabel: 'Action',\r\n};\r\nLongDescription.parameters = {\r\n  controls: {\r\n    include: ['title', 'cancelLabel', 'actionLabel'],\r\n  },\r\n};\r\n\r\nexport const LongInfoBlockDescription = (args: AlertDialogProps) => (\r\n  <AlertDialog\r\n    {...args}\r\n    trigger={<Button variant=\"outlined\">Long InfoBlock Description</Button>}\r\n    description={\r\n      <InfoBlock content={LONG_UNBREAKABLE_STRING} />\r\n    }\r\n  />\r\n);\r\nLongInfoBlockDescription.args = {\r\n  trigger: 'Long InfoBlock description',\r\n  variant: 'confirm',\r\n  title: 'Dialog title',\r\n  cancelLabel: 'Cancel',\r\n  actionLabel: 'Action',\r\n};\r\nLongInfoBlockDescription.parameters = {\r\n  controls: {\r\n    include: ['title', 'cancelLabel', 'actionLabel'],\r\n  },\r\n};\r\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent","LONG_UNBREAKABLE_STRING","LongDescription","LongInfoBlockDescription","InfoBlock"],"mappings":";;;;AAQA,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,YAAW,UAAA,wBAAoB;AAAA,IACvD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;AAEA,MAAMC,IAA0B,IAAI,OAAO,GAAG,GAEjCC,IAAkB,CAACR,MAC9B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,IACJ,SAAS,gBAAAL,EAACU,GAAA,EAAO,SAAQ,YAAW,UAAA,mBAAA,CAAgB;AAAA,EAAA;AACtD;AAEFG,EAAgB,OAAO;AAAA,EACrB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAaD;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AACAC,EAAgB,aAAa;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,aAAa;AAAA,EAAA;AAEnD;AAEO,MAAMC,IAA2B,CAACT,MACvC,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,IACJ,SAAS,gBAAAL,EAACU,GAAA,EAAO,SAAQ,YAAW,UAAA,8BAA0B;AAAA,IAC9D,aACE,gBAAAV,EAACe,GAAA,EAAU,SAASH,EAAA,CAAyB;AAAA,EAAA;AAEjD;AAEFE,EAAyB,OAAO;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AACf;AACAA,EAAyB,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,aAAa;AAAA,EAAA;AAEnD;"}

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

@@ -1,12 +1,11 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
 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";
-function N(t) {
+function x(t) {
   return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
 }
-function A(t) {
+function w(t) {
   return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
 function m(t) {
@@ -26,7 +25,7 @@ function g(t) {
     }
   );
 }
-function D(t) {
+function N(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ o(g, {}),
@@ -36,7 +35,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 +46,18 @@ function D(t) {
     )
   ] });
 }
-function w(t) {
+function A(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 D(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     "div",
@@ -72,29 +71,30 @@ function b(t) {
     }
   );
 }
-function v(t) {
+function h(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 v(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 b(t) {
   const { className: a, variant: e, size: s, color: n, ...i } = t;
   return /* @__PURE__ */ o(
     r.Action,
@@ -104,7 +104,7 @@ function y(t) {
     }
   );
 }
-function z(t) {
+function y(t) {
   const { className: a, variant: e, color: s = "secondary", size: n, ...i } = t;
   return /* @__PURE__ */ o(
     r.Cancel,
@@ -115,17 +115,17 @@ function z(t) {
   );
 }
 export {
-  y as AlertDialogAction,
-  z as AlertDialogCancel,
-  D as AlertDialogContent,
-  h as AlertDialogDescription,
-  b as AlertDialogFooter,
-  w as AlertDialogHeader,
+  b as AlertDialogAction,
+  y as AlertDialogCancel,
+  N as AlertDialogContent,
+  v as AlertDialogDescription,
+  D as AlertDialogFooter,
+  A as AlertDialogHeader,
   g as AlertDialogOverlay,
   m as AlertDialogPortal,
   r as AlertDialogPrimitive,
-  N as AlertDialogRoot,
-  v as AlertDialogTitle,
-  A as AlertDialogTrigger
+  x as AlertDialogRoot,
+  h as AlertDialogTitle,
+  w as AlertDialogTrigger
 };
 //# sourceMappingURL=AlertDialogRoot.js.map