@oneplatformdev/ui 0.1.10-95 → 0.1.11-4

package/AlertDialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAYf,OAAO,EAKL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAwH7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAiC/D,CAAA;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAYf,OAAO,EAIL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAwH7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CA0B/D,CAAA;AAED,eAAe,WAAW,CAAC"}

package/AlertDialog/AlertDialog.js

@@ -1,62 +1,62 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { cloneElement as d, useId as b, Children as j } from "react";
-import { AlertDialogRoot as y, AlertDialogContent as u, AlertDialogTrigger as E, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as v, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as R } from "./AlertDialogRoot.js";
+import { cloneElement as p, useId as b, Children as j } from "react";
+import { AlertDialogRoot as y, AlertDialogContent as P, AlertDialogTrigger as E, AlertDialogHeader as u, AlertDialogTitle as B, AlertDialogDescription as v, AlertDialogFooter as f, AlertDialogAction as A, AlertDialogCancel as R } from "./AlertDialogRoot.js";
 import { isValidReactElement as s } from "@oneplatformdev/utils";
 const F = (o) => {
-  const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
-  return /* @__PURE__ */ t(E, { asChild: !0, ...i, children: r });
+  const { slotProps: e = {}, children: r } = o, n = e.trigger ?? {};
+  return /* @__PURE__ */ t(E, { asChild: !0, ...n, children: r });
 }, H = (o) => {
   const {
     title: e = "",
     description: r = "",
-    slotProps: i = {},
-    children: l
-  } = o, n = i.header ?? {}, a = i.title ?? {}, c = i.description ?? {};
-  return l ? s(l, f) ? d(
-    l,
-    { ...l.props || {}, ...n }
-  ) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
-    e && s(e, B) ? d(
+    slotProps: n = {},
+    children: i
+  } = o, c = n.header ?? {}, a = n.title ?? {}, l = n.description ?? {};
+  return i ? s(i, u) ? p(
+    i,
+    { ...i.props || {}, ...c }
+  ) : /* @__PURE__ */ t(u, { ...c, children: i }) : /* @__PURE__ */ g(u, { children: [
+    e && s(e, B) ? p(
       e,
       { ...e.props || {}, ...a }
     ) : /* @__PURE__ */ t(B, { ...a, children: e }),
-    r && s(r, v) ? d(
+    r && s(r, v) ? p(
       r,
-      { ...r.props || {}, ...c }
-    ) : /* @__PURE__ */ t(v, { ...c, children: r })
+      { ...r.props || {}, ...l }
+    ) : /* @__PURE__ */ t(v, { ...l, children: r })
   ] });
 }, I = (o) => {
   const {
     slotProps: e = {},
     children: r,
-    onCancel: i,
-    onConfirm: l,
-    cancelLabel: n = "Cancel",
+    onCancel: n,
+    onConfirm: i,
+    cancelLabel: c = "Cancel",
     actionLabel: a = "Continue",
-    variant: c = "confirm"
-  } = o, k = b(), m = e.footer ?? {}, x = e.cancelButton ?? {}, C = e.actionButton ?? {};
-  return r ? s(r, A) ? d(
+    variant: l = "confirm"
+  } = o, k = b(), D = e.footer ?? {}, x = e.cancelButton ?? {}, m = e.actionButton ?? {};
+  return r ? s(r, f) ? p(
     r,
-    { ...r.props || {}, ...m }
-  ) : /* @__PURE__ */ t(A, { ...m, children: j.map(r, (p, T) => {
-    if (!p || !s(p)) return;
-    const h = p, P = d(h, { ...h.props || {}, key: h.key || `footer-${k}-action-${T}` });
-    return s(p, D) || s(p, R) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
-  }) }) : /* @__PURE__ */ g(A, { children: [
-    c !== "alert" && /* @__PURE__ */ t(
+    { ...r.props || {}, ...D }
+  ) : /* @__PURE__ */ t(f, { ...D, children: j.map(r, (d, T) => {
+    if (!d || !s(d)) return;
+    const h = d, C = p(h, { ...h.props || {}, key: h.key || `footer-${k}-action-${T}` });
+    return s(d, A) || s(d, R) ? C : /* @__PURE__ */ t(A, { asChild: !0, children: C });
+  }) }) : /* @__PURE__ */ g(f, { children: [
+    l !== "alert" && /* @__PURE__ */ t(
       R,
       {
-        onClick: i,
+        onClick: n,
         ...x,
-        children: n
+        children: c
       }
     ),
     /* @__PURE__ */ t(
-      D,
+      A,
       {
-        onClick: l,
-        ...C,
-        variant: C.variant || c === "destructive" ? "destructive" : "default",
+        onClick: i,
+        ...m,
+        variant: m.variant || l === "destructive" ? "destructive" : "default",
         children: a
       }
     )
@@ -65,22 +65,16 @@ const F = (o) => {
   const {
     trigger: e,
     header: r,
-    footer: i,
-    slotProps: l = {},
-    children: n,
+    footer: n,
+    slotProps: i = {},
+    children: c,
     ...a
-  } = o, c = l.content ?? {};
+  } = o, l = i.content ?? {};
   return /* @__PURE__ */ g(y, { ...a, children: [
     /* @__PURE__ */ t(F, { ...o, children: e }),
-    n ? s(n, u) ? d(
-      n,
-      {
-        ...n.props || {},
-        ...c
-      }
-    ) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
+    c ? /* @__PURE__ */ t(P, { ...l, children: c }) : /* @__PURE__ */ g(P, { ...l, children: [
       /* @__PURE__ */ t(H, { ...o, children: r }),
-      /* @__PURE__ */ t(I, { ...o, children: i })
+      /* @__PURE__ */ t(I, { ...o, children: n })
     ] })
   ] });
 };

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  AlertDialogContentProps,\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={\n          actionButtonProps.variant || variant === 'destructive' ? 'destructive' : 'default'\n        }\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        ? isValidReactElement(children, AlertDialogContent)\n          ? cloneElement<AlertDialogContentProps>(\n            children as ReactElement<AlertDialogContentProps>,\n            {\n              ...((children as ReactElement<AlertDialogContentProps>).props || {}),\n              ...contentProps\n            })\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":";;;;AA+BA,MAAMA,IAAoE,CACxEC,MACG;AACH,QAAM,EAAE,WAAAC,IAAY,IAAI,UAAAC,MAAaF,GAC/BG,IAAeF,EAAU,WAAW,CAAA;AAC1C,2BAAQG,GAAA,EAAmB,SAAO,IAAE,GAAGD,GAAe,UAAAD,GAAS;AACjE,GAEMG,IAAmE,CAACL,MAAU;AAClF,QAAM;AAAA,IACJ,OAAAM,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,WAAAN,IAAY,CAAA;AAAA,IACZ,UAAAC;AAAA,EAAA,IACEF,GAEEQ,IAAcP,EAAU,UAAU,CAAA,GAClCQ,IAAaR,EAAU,SAAS,CAAA,GAChCS,IAAmBT,EAAU,eAAe,CAAA;AAElD,SAAGC,IACMS,EAAoBT,GAAUU,CAAiB,IAClDC;AAAA,IACAX;AAAA,IACA,EAAE,GAAKA,EAAkD,SAAS,CAAA,GAAK,GAAGM,EAAA;AAAA,EAAY,IAEtF,gBAAAM,EAACF,GAAA,EAAmB,GAAGJ,GAAc,UAAAN,EAAA,CAAS,sBAIjDU,GAAA,EACE,UAAA;AAAA,IAAQN,KAAUK,EAAoBL,GAAOS,CAAgB,IAC1DF;AAAA,MACAP;AAAA,MACA,EAAE,GAAKA,EAA8C,SAAS,CAAA,GAAK,GAAGG,EAAA;AAAA,IAAW,IAEjF,gBAAAK,EAACC,GAAA,EAAkB,GAAGN,GAAa,UAAAH,GAAM;AAAA,IAEpCC,KAAgBI,EAAoBJ,GAAaS,CAAsB,IAC5EH;AAAA,MACAN;AAAA,MACA,EAAE,GAAKA,EAA0D,SAAS,CAAA,GAAK,GAAGG,EAAA;AAAA,IAAiB,IAEnG,gBAAAI,EAACE,GAAA,EAAwB,GAAGN,GAAmB,UAAAH,EAAA,CAAY;AAAA,EAAA,GAEjE;AAEJ,GAEMU,IAAmE,CAACjB,MAAU;AAClF,QAAM;AAAA,IACJ,WAAAC,IAAY,CAAA;AAAA,IACZ,UAAAC;AAAA,IACA,UAAAgB;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,SAAAC,IAAU;AAAA,EAAA,IACRtB,GACEuB,IAAWC,EAAA,GAEXC,IAAcxB,EAAU,UAAU,CAAA,GAClCyB,IAAoBzB,EAAU,gBAAgB,CAAA,GAC9C0B,IAAoB1B,EAAU,gBAAgB,CAAA;AAEpD,SAAGC,IACMS,EAAoBT,GAAU0B,CAAiB,IAClDf;AAAA,IACAX;AAAA,IACA,EAAE,GAAKA,EAAkD,SAAS,CAAA,GAAK,GAAGuB,EAAA;AAAA,EAAY,IAGtF,gBAAAX,EAACc,GAAA,EAAmB,GAAGH,GACpB,YAAS,IAAIvB,GAAU,CAAC2B,GAAOC,MAAM;AACpC,QAAG,CAACD,KAAS,CAAClB,EAAoBkB,CAAK,EAAG;AAE1C,UAAME,IAAaF,GACbG,IAAcnB,EAAakB,GAAY,EAAC,GAAIA,EAAW,SAAS,IAAK,KAAMA,EAAW,OAAO,UAAUR,CAAQ,WAAWO,CAAC,IAAsB;AAEvJ,WAAGnB,EAAoBkB,GAAOI,CAAiB,KAAKtB,EAAoBkB,GAAOK,CAAiB,IACvFF,IAIP,gBAAAlB,EAACmB,GAAA,EAAkB,SAAO,IACvB,UAAAD,GACH;AAAA,EAEJ,CAAC,EAAA,CACH,sBAKHJ,GAAA,EACE,UAAA;AAAA,IAAAN,MAAY,WACX,gBAAAR;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,SAAShB;AAAA,QACR,GAAGQ;AAAA,QAEH,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAGL,gBAAAN;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,SAASd;AAAA,QACR,GAAGQ;AAAA,QACJ,SACEA,EAAkB,WAAWL,MAAY,gBAAgB,gBAAgB;AAAA,QAG1E,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GA8Dac,IAAuD,CAACnC,MAAU;AAC7E,QAAM;AAAA,IACJ,SAAAoC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAArC,IAAY,CAAA;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGqC;AAAA,EAAA,IACDvC,GAEEwC,IAAevC,EAAU,WAAW,CAAA;AAE1C,SACE,gBAAAwC,EAACC,GAAA,EAAiB,GAAGH,GACnB,UAAA;AAAA,IAAA,gBAAAzB,EAACf,GAAA,EAA0B,GAAGC,GAAQ,UAAAoC,EAAA,CAAQ;AAAA,IAC7ClC,IACGS,EAAoBT,GAAUyC,CAAkB,IAC9C9B;AAAA,MACAX;AAAA,MACA;AAAA,QACE,GAAKA,EAAmD,SAAS,CAAA;AAAA,QACjE,GAAGsC;AAAA,MAAA;AAAA,IACL,IACA,gBAAA1B,EAAC6B,GAAA,EAAoB,GAAGH,GAAe,UAAAtC,GAAS,IAElD,gBAAAuC,EAACE,GAAA,EAAoB,GAAGH,GACtB,UAAA;AAAA,MAAA,gBAAA1B,EAACT,GAAA,EAAyB,GAAGL,GAAQ,UAAAqC,EAAA,CAAO;AAAA,MAC5C,gBAAAvB,EAACG,GAAA,EAAyB,GAAGjB,GAAQ,UAAAsC,EAAA,CAAO;AAAA,IAAA,EAAA,CAC9C;AAAA,EAAA,GAGN;AAEJ;"}
+{"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={\n          actionButtonProps.variant || variant === 'destructive' ? 'destructive' : 'default'\n        }\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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"}

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,2CAe3F;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;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"}

package/AlertDialog/AlertDialogRoot.js

@@ -1,24 +1,24 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import * as l from "@radix-ui/react-alert-dialog";
-import { cn as r } from "@oneplatformdev/utils";
+import { jsx as o, jsxs as d } 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 i } from "../Button/buttonVariants.js";
 function x(t) {
-  return /* @__PURE__ */ o(l.Root, { "data-slot": "alert-dialog", ...t });
+  return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
 }
 function N(t) {
-  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
-function d(t) {
-  return /* @__PURE__ */ o(l.Portal, { "data-slot": "alert-dialog-portal", asChild: !0, ...t });
+function c(t) {
+  return /* @__PURE__ */ o(r.Portal, { "data-slot": "alert-dialog-portal", asChild: !0, ...t });
 }
 function m(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Overlay,
+    r.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: r(
+      className: l(
         "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",
         a
       ),
@@ -28,14 +28,18 @@ function m(t) {
 }
 function A(t) {
   const { className: a, ...e } = t;
-  return /* @__PURE__ */ c(d, { children: [
+  return /* @__PURE__ */ d(c, { children: [
     /* @__PURE__ */ o(m, {}),
     /* @__PURE__ */ o(
-      l.Content,
+      r.Content,
       {
         "data-slot": "alert-dialog-content",
-        className: r(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+        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",
+          "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",
           a
         ),
         ...e
@@ -49,18 +53,18 @@ function D(t) {
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: r("flex flex-col gap-2 text-center sm:text-left", a),
+      className: l("flex flex-col gap-2 text-center sm:text-left", a),
       ...e
     }
   );
 }
-function v(t) {
+function w(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: r(
+      className: l(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         a
       ),
@@ -71,55 +75,55 @@ function v(t) {
 function b(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Title,
+    r.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: r("text-lg font-semibold", a),
+      className: l("text-lg font-semibold break-words", a),
       ...e
     }
   );
 }
-function z(t) {
+function v(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Description,
+    r.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: r("text-muted-foreground text-sm", a),
+      className: l("text-muted-foreground text-sm whitespace-pre-wrap break-words", a),
       ...e
     }
   );
 }
-function w(t) {
+function h(t) {
   const { className: a, variant: e, size: s, ...n } = t;
   return /* @__PURE__ */ o(
-    l.Action,
+    r.Action,
     {
-      className: r(i({ variant: e, size: s }), a),
+      className: l(i({ variant: e, size: s }), a),
       ...n
     }
   );
 }
-function y(t) {
+function z(t) {
   const { className: a, variant: e = "outline", size: s, ...n } = t;
   return /* @__PURE__ */ o(
-    l.Cancel,
+    r.Cancel,
     {
-      className: r(i({ variant: e, size: s }), a),
+      className: l(i({ variant: e, size: s }), a),
       ...n
     }
   );
 }
 export {
-  w as AlertDialogAction,
-  y as AlertDialogCancel,
+  h as AlertDialogAction,
+  z as AlertDialogCancel,
   A as AlertDialogContent,
-  z as AlertDialogDescription,
-  v as AlertDialogFooter,
+  v as AlertDialogDescription,
+  w as AlertDialogFooter,
   D as AlertDialogHeader,
   m as AlertDialogOverlay,
-  d as AlertDialogPortal,
-  l as AlertDialogPrimitive,
+  c as AlertDialogPortal,
+  r as AlertDialogPrimitive,
   x as AlertDialogRoot,
   b as AlertDialogTitle,
   N as AlertDialogTrigger

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          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\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\", 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\", className)}\n      {...rest}\n    />\n  )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n  const { className, variant, size, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant = 'outline', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size }), 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","buttonVariants","AlertDialogCancel"],"mappings":";;;;;AAQA,SAASA,EAAgBC,GAA+D;AACtF,2BAAQC,EAAqB,MAArB,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAEA,SAASE,EAAmBF,GAAkE;AAC5F,2BAAQC,EAAqB,SAArB,EAA6B,aAAU,wBAAwB,GAAGD,GAAO;AACnF;AACA,SAASG,EAAkBH,GAAiE;AAC1F,SAAO,gBAAAI,EAACH,EAAqB,QAArB,EAA4B,aAAU,uBAAsB,SAAO,IAAE,GAAGD,GAAO;AACzF;AAEA,SAASK,EAAmBL,GAAkE;AAC5F,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASE,EAAmBT,GAAkE;AAC5F,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAmB;AAAA,IACpB,gBAAAD;AAAA,MAACH,EAAqB;AAAA,MAArB;AAAA,QACC,aAAU;AAAA,QACV,WAAWO;AAAA,UACT;AAAA,UACAF;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAGA,SAASG,EAAkBV,GAAoC;AAC7D,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,gDAAgDF,CAAS;AAAA,MACtE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAkBX,GAAoC;AAC7D,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,SAASK,EAAiBZ,GAAgE;AACxF,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,yBAAyBF,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAuBb,GAAsE;AACpG,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,iCAAiCF,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAGA,SAASO,EAAkBd,GAA+E;AACxG,QAAM,EAAE,WAAAM,GAAW,SAAAS,GAAS,MAAAC,GAAM,GAAGT,MAASP;AAC9C,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,WAAWO,EAAGS,EAAe,EAAE,SAAAF,GAAS,MAAAC,EAAA,CAAM,GAAGV,CAAS;AAAA,MACzD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,SAASW,EAAkBlB,GAA+E;AACxG,QAAM,EAAE,WAAAM,GAAW,SAAAS,IAAU,WAAW,MAAAC,GAAM,GAAGT,MAASP;AAC1D,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,WAAWO,EAAGS,EAAe,EAAE,SAAAF,GAAS,MAAAC,EAAA,CAAM,GAAGV,CAAS;AAAA,MACzD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"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, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant = 'outline', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size }), 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","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,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,MAAM,uFA0ClB,CAAA;AAGD,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;AA4ClD,eAAO,MAAM,MAAM,uFAuElB,CAAA;AAGD,eAAe,MAAM,CAAC"}

package/Button/Button.js

@@ -1,56 +1,79 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as g from "react";
-import { Slot as x } from "@radix-ui/react-slot";
-import { cn as u } from "@oneplatformdev/utils";
-import { buttonVariants as i } from "./buttonVariants.js";
+import { jsx as r, jsxs as z, Fragment as k } from "react/jsx-runtime";
+import * as x from "react";
+import { Slot as I } from "@radix-ui/react-slot";
+import { cn as N } from "@oneplatformdev/utils";
+import { buttonVariants as j } from "./buttonVariants.js";
 import "@radix-ui/react-tooltip";
-import { Tooltip as B } from "../Tooltip/Tooltip.js";
-const N = g.forwardRef(
-  ({
-    disabled: t,
-    className: r,
-    variant: n,
-    size: e,
-    asChild: c = !1,
-    title: l = "",
-    tooltip: y,
-    tooltipProps: f = {},
-    message: b,
-    ...p
-  }, a) => {
-    const s = c ? x : "button", o = b || y || l;
-    return o ? /* @__PURE__ */ m(
-      B,
-      {
-        ...f || {},
-        open: f.open ?? (t || !o) ? !1 : void 0,
-        message: o,
-        children: /* @__PURE__ */ m(
-          s,
-          {
-            type: "button",
-            ref: a,
-            disabled: t,
-            className: u(i({ variant: n, size: e, className: r })),
-            ...p
-          }
-        )
-      }
-    ) : /* @__PURE__ */ m(
-      s,
+import { Tooltip as A } from "../Tooltip/Tooltip.js";
+import { LoadedIcon as f } from "../LoadedIcon/LoadedIcon.js";
+const C = (a) => {
+  const { variant: t, size: n, color: i } = a, o = { color: i, variant: t, size: n };
+  if (n === "icon")
+    throw console.warn('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.'), new Error('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.');
+  if (t === "default")
+    return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), o.variant = "contained", o.color = "primary", o;
+  if (t === "outline")
+    return console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), o.variant = "outlined", o.color = "primary", o;
+  if (t === "secondary")
+    return console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), o.variant = "contained", o.color = "secondary", o;
+  if (t === "destructive")
+    return console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), o.variant = "contained", o.color = "error", o;
+  if (t === "link")
+    throw console.warn('Button variant "link" is not implemented yet. Please contact the development team for more information.'), new Error('Button variant "link" is not implemented yet. Please contact the development team for more information.');
+  return o;
+}, E = x.forwardRef(
+  (a, t) => {
+    const {
+      disabled: n,
+      className: i,
+      variant: o,
+      color: v,
+      size: y,
+      asChild: c = !1,
+      title: B = "",
+      tooltip: h,
+      tooltipProps: l = {},
+      message: w,
+      loading: e = !1,
+      children: d,
+      startAdornment: m,
+      endAdornment: u,
+      ...P
+    } = a, b = c ? I : "button", s = w || h || B, g = c ? d : /* @__PURE__ */ z(k, { children: [
+      !!m && /* @__PURE__ */ r(f, { loading: e, children: m }),
+      d,
+      !!u && /* @__PURE__ */ r(f, { loading: e, children: u })
+    ] }), p = /* @__PURE__ */ r(
+      b,
       {
         type: "button",
-        ref: a,
-        disabled: t,
-        className: u(i({ variant: n, size: e, className: r })),
-        ...p
+        ref: t,
+        disabled: n,
+        className: N(
+          j({
+            ...C({ variant: o, size: y, color: v }),
+            className: i
+          }),
+          e && "pointer-events-none opacity-80"
+        ),
+        ...P,
+        children: g
       }
     );
+    return s ? /* @__PURE__ */ r(
+      A,
+      {
+        ...l || {},
+        open: l.open ?? (n || e || !s) ? !1 : void 0,
+        message: s,
+        children: p
+      }
+    ) : p;
   }
 );
-N.displayName = "Button";
+E.displayName = "Button";
 export {
-  N as Button,
-  N as default
+  E as Button,
+  E as default
 };
 //# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button  | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n     disabled,\n     className,\n     variant,\n     size,\n     asChild = false,\n     title = '',\n     tooltip,\n     tooltipProps = {},\n     message,\n     ...props\n   }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    const msg = message || tooltip || title;\n\n    if(!msg) {\n      return <Comp\n        type='button'\n        ref={ref}\n        disabled={disabled}\n        className={cn(buttonVariants({ variant, size, className }))}\n        {...props}\n      />\n    }\n\n    return (\n      <Tooltip\n        {...(tooltipProps || {})}\n        open={tooltipProps.open ?? (disabled || !msg) ? false : undefined}\n        message={msg}\n      >\n        <Comp\n          type='button'\n          ref={ref}\n          disabled={disabled}\n          className={cn(buttonVariants({ variant, size, className }))}\n          {...props}\n        />\n      </Tooltip>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["Button","React","disabled","className","variant","size","asChild","title","tooltip","tooltipProps","message","props","ref","Comp","Slot","msg","jsx","Tooltip","cn","buttonVariants"],"mappings":";;;;;;;AAUO,MAAMA,IAASC,EAAM;AAAA,EAC1B,CAAC;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,IACf,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACFC,MAAQ;AACV,UAAMC,IAAOP,IAAUQ,IAAO,UACxBC,IAAML,KAAWF,KAAWD;AAElC,WAAIQ,IAWF,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAIR,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASP,KAAY,CAACa,KAAO,KAAQ;AAAA,QACxD,SAASA;AAAA,QAET,UAAA,gBAAAC;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAAD;AAAA,YACA,UAAAV;AAAA,YACA,WAAWgB,EAAGC,EAAe,EAAE,SAAAf,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,YACzD,GAAGQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA,IArBK,gBAAAK;AAAA,MAACH;AAAA,MAAA;AAAA,QACN,MAAK;AAAA,QACL,KAAAD;AAAA,QACA,UAAAV;AAAA,QACA,WAAWgB,EAAGC,EAAe,EAAE,SAAAf,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QACzD,GAAGQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAmBV;AACF;AACAX,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonCVAProps, buttonVariants } from './buttonVariants';\nimport { type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\n\nconst normalizedVariantProperties = (props: ButtonCVAProps): ButtonCVAProps => {\n  const { variant, size, color } = props;\n  const vls = { color, variant, size }\n  if (size === 'icon') {\n    console.warn('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n    throw new Error('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n  }\n  if (variant === 'default') {\n    console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'primary'\n    return vls\n  }\n  if (variant === 'outline') {\n    console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\n    vls.variant = 'outlined'\n    vls.color = 'primary'\n    return vls\n  }\n  if (variant === 'secondary') {\n    console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'secondary'\n    return vls\n  }\n  if (variant === 'destructive') {\n    console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'error'\n    return vls\n  }\n  if (variant === 'link') {\n    console.warn('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n    throw new Error('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n  }\n  return vls;\n}\n\n// TODO: create ButtonIcon component | update button  | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const {\n      disabled,\n      className,\n      variant,\n      color,\n      size,\n      asChild = false,\n      title = '',\n      tooltip,\n      tooltipProps = {},\n      message,\n      loading = false,\n      children,\n      startAdornment,\n      endAdornment,\n      ...rest\n    } = props;\n    const Comp = asChild ? Slot : \"button\"\n    const msg = message || tooltip || title;\n\n    const content = asChild\n      ? children\n      : (\n        <>\n          {!!startAdornment && (\n            <LoadedIcon loading={loading}>\n              {startAdornment}\n            </LoadedIcon>\n          )}\n\n          {children}\n\n          {!!endAdornment && (\n            <LoadedIcon loading={loading}>\n              {endAdornment}\n            </LoadedIcon>\n          )}\n        </>\n      )\n\n    const cmp = (\n      <Comp\n        type='button'\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          buttonVariants({\n            ...normalizedVariantProperties({ variant, size, color }),\n            className\n          }),\n          loading && 'pointer-events-none opacity-80',\n        )}\n        {...rest}\n      >\n        {content}\n      </Comp>\n    )\n\n    if (!msg) return cmp\n    return (\n      <Tooltip\n        {...(tooltipProps || {})}\n        open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\n        message={msg}\n      >\n        {cmp}\n      </Tooltip>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;AAUA,MAAMA,IAA8B,CAACC,MAA0C;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAC9B,MAAIA,MAAS;AACX,kBAAQ,KAAK,6FAA6F,GACpG,IAAI,MAAM,6FAA6F;AAE/G,MAAID,MAAY;AACd,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,SACLA;AAET,MAAIH,MAAY;AACd,kBAAQ,KAAK,yGAAyG,GAChH,IAAI,MAAM,yGAAyG;AAE3H,SAAOG;AACT,GAGaC,IAASC,EAAM;AAAA,EAC1B,CAACN,GAAOO,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAR;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAQ,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDnB,GACEoB,IAAOV,IAAUW,IAAO,UACxBC,IAAMR,KAAWF,KAAWD,GAE5BY,IAAUb,IACZM,IAEA,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACR,KACD,gBAAAS,EAACC,GAAA,EAAW,SAAAZ,GACT,UAAAE,GACH;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAQ,EAACC,GAAA,EAAW,SAAAZ,GACT,UAAAG,EAAA,CACH;AAAA,IAAA,GAEJ,GAGEU,IACJ,gBAAAF;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAb;AAAA,QACA,UAAAC;AAAA,QACA,WAAWqB;AAAA,UACTC,EAAe;AAAA,YACb,GAAG/B,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAM;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGI;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAIlB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACO,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAM;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAvB,EAAO,cAAc;"}