prometeo-design-system 4.6.5 → 4.7.1

package/dist/DatePicker.es.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "./DatePicker-n6qm0fey.js";
+import { D as r, D as t } from "./DatePicker-CaeM0ulv.js";
 export {
   r as DatePicker,
   t as default

package/dist/DialogModal.es.js

@@ -1,32 +1,38 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { forwardRef as Q, memo as j, useState as L, useRef as F, useCallback as x, useImperativeHandle as W, Children as R, isValidElement as U } from "react";
-import { createPortal as X } from "react-dom";
-import { c as p } from "./cn-B6yFEsav.js";
-const V = Q(
-  ({ children: t, onClose: n, className: o, attachToParent: s = !1, zindex: v = 40, debugMode: a = !1, safeMarginSize: _ = 24, title: T, scroll: m = "content" }, $) => {
-    const [N, z] = L(!1), [D, O] = L(null), k = F(n), w = F(D);
-    k.current = n, w.current = D;
-    const P = x((f) => {
-      O(f ?? null), z(!0);
-    }, []), E = x(() => {
-      z(!1), k.current?.(w.current), setTimeout(() => O(null), 300);
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { forwardRef as W, memo as y, useState as G, useRef as z, useCallback as u, useImperativeHandle as X, Children as R, isValidElement as L } from "react";
+import { createPortal as Y } from "react-dom";
+import { c as m } from "./cn-B6yFEsav.js";
+import { c as Z } from "./index-BOQuZ0gG.js";
+const U = W(
+  ({ children: t, onClose: n, className: o, attachToParent: s = !1, zindex: j = 40, debugMode: a = !1, safeMarginSize: V = 24, title: F, scroll: f = "content", size: _ = "medium" }, q) => {
+    const [v, T] = G(!1), [N, O] = G(null), k = z(n), D = z(N);
+    k.current = n, D.current = N;
+    const P = u((c) => {
+      O(c ?? null), T(!0);
+    }, []), w = u(() => {
+      T(!1), k.current?.(D.current), setTimeout(() => O(null), 300);
     }, []);
-    W(
-      $,
+    X(
+      q,
       () => ({
         open: P,
-        close: E,
-        isOpen: N,
-        getContext: () => w.current
+        close: w,
+        isOpen: v,
+        getContext: () => D.current
       }),
-      [P, E, N]
+      [P, w, v]
     );
-    const q = `max-[500px]:max-w-[calc(100%-32px)]
-      max-[1200px]:max-w-[min(800px,calc(100%-32px))]
-      min-[1200px]:max-w-[min(1224px,calc(100%-100px))] min-[1200px]:min-w-[1100px]`;
-    let C, b;
-    typeof t == "function" ? (console.log("es un child de tipo function"), C = t(D), b = R.toArray(C), console.log(b, "Child array")) : (C = t, b = R.toArray(C));
-    const B = (f) => {
+    const B = Z("max-h-[calc(100%-80px)]", {
+      variants: {
+        size: {
+          medium: " max-w-[min(740px,calc(100%-32px))]",
+          large: "  max-w-[min(1224px,calc(100%-80px))]"
+        }
+      }
+    });
+    let b, E;
+    typeof t == "function" ? (b = t(N), E = R.toArray(b)) : (b = t, E = R.toArray(b));
+    const J = (c) => {
       const l = {
         header: null,
         titleContent: null,
@@ -34,7 +40,7 @@ const V = Q(
         footer: null,
         middleChildren: []
       }, S = (r) => {
-        if (!U(r)) {
+        if (!L(r)) {
           l.middleChildren.push(r);
           return;
         }
@@ -42,14 +48,14 @@ const V = Q(
           l.titleContent = r;
           return;
         }
-        if (r.type === d && !l.header) {
+        if (r.type === p && !l.header) {
           const i = r.props;
-          l.header = /* @__PURE__ */ e.jsx(d, { ...i, debugMode: a, children: i.children });
+          l.header = /* @__PURE__ */ e.jsx(p, { ...i, debugMode: a, children: i.children });
           return;
         }
-        if (r.type === u && !l.content) {
+        if (r.type === x && !l.content) {
           const i = r.props;
-          l.content = /* @__PURE__ */ e.jsx(u, { ...i, debugMode: a, scroll: m, children: i.children });
+          l.content = /* @__PURE__ */ e.jsx(x, { ...i, debugMode: a, scroll: f, children: i.children });
           return;
         }
         if (r.type === h && !l.footer) {
@@ -57,41 +63,43 @@ const V = Q(
           l.footer = /* @__PURE__ */ e.jsx(h, { ...i, debugMode: a, children: i.children });
           return;
         }
-        const G = r.props;
-        G?.children && R.toArray(G.children).forEach(S), r.type !== d && r.type !== u && r.type !== h && r.type !== g && l.middleChildren.push(r);
+        const $ = r.props;
+        $?.children && R.toArray($.children).forEach(S), r.type !== p && r.type !== x && r.type !== h && r.type !== g && l.middleChildren.push(r);
       };
-      return f.forEach(S), l;
+      return c.forEach(S), l;
     };
-    let { header: c, titleContent: y, content: J, footer: K, middleChildren: A } = B(b);
-    if (!c && T && (c = /* @__PURE__ */ e.jsx(d, { title: T, debugMode: a }), y = null), c && y && U(c)) {
-      const f = c.props;
-      f.title && (c = /* @__PURE__ */ e.jsx(d, { ...f, title: "", debugMode: a, children: y }), y = null);
+    let { header: d, titleContent: C, content: K, footer: Q, middleChildren: A } = J(E);
+    if (!d && F && (d = /* @__PURE__ */ e.jsx(p, { title: F, debugMode: a }), C = null), d && C && L(d)) {
+      const c = d.props;
+      c.title && (d = /* @__PURE__ */ e.jsx(p, { ...c, title: "", debugMode: a, children: C }), C = null);
     }
-    const H = J ?? (A.length ? /* @__PURE__ */ e.jsx(u, { debugMode: a, scroll: m, children: A }) : null), I = /* @__PURE__ */ e.jsx(e.Fragment, { children: N && /* @__PURE__ */ e.jsx(
+    const H = K ?? (A.length ? /* @__PURE__ */ e.jsx(x, { debugMode: a, scroll: f, children: A }) : null), I = /* @__PURE__ */ e.jsx(e.Fragment, { children: v && /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
-        style: { zIndex: v },
-        onClick: E,
+        style: { zIndex: j },
+        onClick: w,
         children: /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onClick: (f) => f.stopPropagation(),
-            className: p(
+            onClick: (c) => c.stopPropagation(),
+            className: m(
               "bg-neutral-default-default rounded-lg shadow-lg border-neutral-strong-default border relative ",
-              "max-h-[calc(100%-128px)] h-dvh w-full",
+              `w-auto ${f === "content" ? "" : "prometeo-scrollbar-thin!"}`,
+              f === "dialog" && "overflow-auto ",
+              f === "content" && "",
               "flex flex-col ",
-              q,
+              B({ size: _ }),
               o
             ),
             style: {
-              "--safe-margin-size": `${_}px`
+              "--safe-margin-size": `${V}px`
             },
             children: [
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: p(
+                  className: m(
                     "absolute bg-transparent z-[-1] -top-(--safe-margin-size) -left-(--safe-margin-size) -right-(--safe-margin-size) -bottom-(--safe-margin-size)",
                     a && "after:content-['SECURE_MARGIN'] after:text-red-300 after:prometeo-fonts-label-small after:ml-2 "
                   ),
@@ -101,26 +109,26 @@ const V = Q(
                   }
                 }
               ),
-              /* @__PURE__ */ e.jsxs("div", { className: p(
-                "flex flex-col h-full",
-                m === "dialog" && "overflow-y-auto",
-                m === "content" && "overflow-hidden"
+              /* @__PURE__ */ e.jsxs("div", { className: m(
+                "flex flex-col h-auto prometeo-scrollbar-thin!",
+                f === "dialog" && "overflow-hidden min-w-max min-h-max",
+                f === "content" && "overflow-hidden"
               ), children: [
-                c,
-                m === "dialog" ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col flex-1", children: H }) : H,
-                K
+                d,
+                f === "dialog" ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col flex-1", children: H }) : H,
+                Q
               ] })
             ]
           }
         )
       }
     ) });
-    return s ? I : X(I, document.body);
+    return s ? I : Y(I, document.body);
   }
 );
-V.displayName = "Dialog";
-const u = j(({ children: t, className: n, debugMode: o, scroll: s }) => /* @__PURE__ */ e.jsx("div", { className: p(
-  "flex flex-col p-4",
+U.displayName = "Dialog";
+const x = y(({ children: t, className: n, debugMode: o, scroll: s }) => /* @__PURE__ */ e.jsx("div", { className: m(
+  "flex flex-col p-4 prometeo-scrollbar-thin!",
   o && "border-2 border-dashed border-red-500 bg-red-200/40 relative after:content-['CONTENT'] after:absolute after:top-2 after:left-1/2 after:w-max after:h-full after:text-red-500 ",
   n,
   // Para scroll='content', este componente necesita su propio scroll y altura mínima
@@ -128,10 +136,10 @@ const u = j(({ children: t, className: n, debugMode: o, scroll: s }) => /* @__PU
   // Para scroll='dialog', el contenido debe ocupar todo el espacio disponible pero sin scroll
   s === "dialog" && "flex-1 min-h-max "
 ), children: t }));
-u.displayName = "DialogContent";
-const g = j(({ children: t, className: n, debugMode: o }) => /* @__PURE__ */ e.jsx("h1", { className: p("prometeo-fonts-headline-small text-neutral-strong-default w-max", o && 'bg-red-400/40 relative after:content-["TITLE"] after:absolute after:top-0 after:-translate-y-5 after:left-0 after:w-max after:h-full after:text-red-500 after:prometeo-fonts-label-large', n), children: t }));
+x.displayName = "DialogContent";
+const g = y(({ children: t, className: n, debugMode: o }) => /* @__PURE__ */ e.jsx("h1", { className: m("prometeo-fonts-headline-small text-neutral-strong-default w-max", o && 'bg-red-400/40 relative after:content-["TITLE"] after:absolute after:top-0 after:-translate-y-5 after:left-0 after:w-max after:h-full after:text-red-500 after:prometeo-fonts-label-large', n), children: t }));
 g.displayName = "DialogTitle";
-const d = j(({ children: t, className: n, title: o, debugMode: s }) => /* @__PURE__ */ e.jsxs("div", { className: p(
+const p = y(({ children: t, className: n, title: o, debugMode: s }) => /* @__PURE__ */ e.jsxs("div", { className: m(
   "p-4",
   s && "border-2 border-dashed border-red-600 bg-red-200/40! relative after:content-['HEADER'] after:absolute after:top-1 after:left-1/2 after:w-max after:h-full after:text-red-500",
   n
@@ -139,35 +147,35 @@ const d = j(({ children: t, className: n, title: o, debugMode: s }) => /* @__PUR
   o && /* @__PURE__ */ e.jsx(g, { debugMode: s, children: o }),
   t
 ] }));
-d.displayName = "DialogHeader";
-const h = j(({ children: t, className: n, debugMode: o }) => /* @__PURE__ */ e.jsx("div", { className: p(
+p.displayName = "DialogHeader";
+const h = y(({ children: t, className: n, debugMode: o }) => /* @__PURE__ */ e.jsx("div", { className: m(
   o && "border-2 border-dashed border-red-600 bg-red-200/40! relative after:content-['FOOTER'] after:absolute after:top-1 after:left-1/2 after:w-max after:h-full after:text-red-500",
-  "border-t border-neutral-strong-default p-4",
+  "border-t border-neutral-strong-default p-4 w-full",
   n
 ), children: t }));
 h.displayName = "DialogFooter";
-const Y = Object.assign(V, {
-  Content: u,
-  Header: d,
+const M = Object.assign(U, {
+  Content: x,
+  Header: p,
   Footer: h,
   Title: g
 });
-Y.displayName = "DialogModal";
-const re = () => {
-  const t = F(null), n = x((a) => {
+M.displayName = "DialogModal";
+const ae = () => {
+  const t = z(null), n = u((a) => {
     t.current?.open(a);
-  }, []), o = x(() => {
+  }, []), o = u(() => {
     t.current?.close();
-  }, []), s = x(() => t.current?.isOpen ?? !1, []), v = x(() => t.current?.getContext() ?? null, []);
+  }, []), s = u(() => t.current?.isOpen ?? !1, []), j = u(() => t.current?.getContext() ?? null, []);
   return {
     ref: t,
     open: n,
     close: o,
     isOpen: s,
-    getContext: v
+    getContext: j
   };
 };
 export {
-  Y as default,
-  re as useDialogControl
+  M as default,
+  ae as useDialogControl
 };

package/dist/DrawerDesktop.es.js

@@ -1,4 +1,4 @@
-import { j as m } from "./jsx-runtime-DKDX3adD.js";
+import { j as m } from "./jsx-runtime-GkKLlHH4.js";
 import { c as R } from "./cn-B6yFEsav.js";
 import { c as j } from "./index-BOQuZ0gG.js";
 import { createPortal as B } from "react-dom";

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { j as m } from "./jsx-runtime-DKDX3adD.js";
+import { j as m } from "./jsx-runtime-GkKLlHH4.js";
 import { c as _ } from "./cn-B6yFEsav.js";
 import { forwardRef as V, useState as $, useRef as v, useEffect as y, useCallback as c, useMemo as Q, useImperativeHandle as X } from "react";
 import { createPortal as Z } from "react-dom";

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import P, { useCallback as R } from "react";
 import { useDropzone as z } from "react-dropzone";

package/dist/FAButton.es.js

@@ -1,4 +1,4 @@
-import { j as c } from "./jsx-runtime-DKDX3adD.js";
+import { j as c } from "./jsx-runtime-GkKLlHH4.js";
 import u, { memo as n } from "react";
 import { c as f } from "./cn-B6yFEsav.js";
 import { createPortal as v } from "react-dom";

package/dist/Header.es.js

@@ -1,34 +1,34 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import { c as a } from "./cn-B6yFEsav.js";
-import { motion as n } from "framer-motion";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
+import { motion as o } from "framer-motion";
 import { memo as f } from "react";
-const c = ({ title: e, subtitle: l, children: s, className: r, subtitleClassName: d, titleClassName: m, mainActionSlot: i }) => /* @__PURE__ */ t.jsxs(
-  n.header,
+const c = ({ title: e, subtitle: l, children: m, className: d, subtitleClassName: r, titleClassName: n, mainActionSlot: a, secondarySlot: t }) => /* @__PURE__ */ s.jsxs(
+  o.header,
   {
     initial: { opacity: 0, y: -10 },
     animate: { opacity: 1, y: 0 },
     transition: { duration: 0.6, ease: "easeOut" },
-    className: a(
-      "flex items-center sm:min-h-20 md:min-h-24 lg:min-h-28 xl:min-h-32 2xl:min-h-36 overflow-hidden px-4 md:px-4 py-2 md:py-3",
-      "flex justify-between items-center w-full max-w-full overflow-hidden",
-      r
+    className: i(
+      "flex md:flex-col gap-1 w-full max-w-full",
+      d
     ),
     children: [
-      /* @__PURE__ */ t.jsxs("div", { className: a(
-        "flex items-center md:items-start md:flex-col leading-6 h-full justify-center overflow-hidden",
-        i && "justify-start gap-1 w-full"
-      ), children: [
-        i && /* @__PURE__ */ t.jsx("div", { className: "", children: typeof i == "function" ? i() : i }),
-        /* @__PURE__ */ t.jsxs("div", { className: a("flex flex-col leading-6 justify-center relative overflow-hidden md:px-2 "), children: [
-          l && /* @__PURE__ */ t.jsx("h3", { className: a(" prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", d), children: l }),
-          e && /* @__PURE__ */ t.jsx("h1", { className: a("prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", m), children: e })
-        ] })
+      /* @__PURE__ */ s.jsxs("div", { className: "md:w-full min-h-12 md:px-3 flex justify-between", children: [
+        a && /* @__PURE__ */ s.jsx("div", { className: "", children: typeof a == "function" ? a() : a }),
+        t && /* @__PURE__ */ s.jsx("div", { className: "hidden md:flex", children: typeof t == "function" ? t() : t })
       ] }),
-      s && /* @__PURE__ */ t.jsx("div", { className: "shrink relative", children: s })
+      /* @__PURE__ */ s.jsxs("div", { className: "w-full min-h-12 flex justify-between md:px-6", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: i("flex flex-col leading-6 justify-center relative overflow-hidden"), children: [
+          l && /* @__PURE__ */ s.jsx("h3", { className: i(" prometeo-fonts-body-small md:prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", r), children: l }),
+          e && /* @__PURE__ */ s.jsx("h1", { className: i("prometeo-fonts-headline-xsmall md:prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", n), children: e })
+        ] }),
+        m,
+        t && /* @__PURE__ */ s.jsx("div", { className: "md:hidden", children: typeof t == "function" ? t() : t })
+      ] })
     ]
   }
-), o = f(c, (e, l) => e.title !== l.title || e.subtitle !== l.subtitle || e.className !== l.className ? !1 : e.children !== l.children ? !e.children && !l.children : !0);
-o.displayName = "Header";
+), x = f(c, (e, l) => e.title === l.title && e.subtitle === l.subtitle && e.className === l.className && e.subtitleClassName === l.subtitleClassName && e.titleClassName === l.titleClassName && e.mainActionSlot === l.mainActionSlot && e.secondarySlot === l.secondarySlot && e.children === l.children);
+x.displayName = "Header";
 export {
-  o as default
+  x as default
 };

package/dist/{HelperComponent-DhGU_ug-.js → HelperComponent-ljsn0xD6.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as c } from "react";
 import { c as r } from "./cn-B6yFEsav.js";
 import { Check as i } from "./Icons/Check.es.js";

package/dist/IconButton.es.js

@@ -1,9 +1,10 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { memo as C, useMemo as E } from "react";
-import R from "./Spinner.es.js";
-import { c as b } from "./index-BOQuZ0gG.js";
-import { c as f } from "./cn-B6yFEsav.js";
-const u = {
+import { j as a } from "./jsx-runtime-GkKLlHH4.js";
+import { memo as A, useMemo as M, isValidElement as h } from "react";
+import { i as v } from "./iconUtils-rTOfKDxE.js";
+import T from "./Spinner.es.js";
+import { c as I } from "./index-BOQuZ0gG.js";
+import { c as y } from "./cn-B6yFEsav.js";
+const g = {
   small: {
     container: "w-8 h-8 p-0 rounded-[6px]"
   },
@@ -100,7 +101,7 @@ const u = {
       icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
     }
   }
-}, a = {
+}, c = {
   small: {
     container: "",
     icon: ""
@@ -113,29 +114,29 @@ const u = {
     container: "",
     icon: ""
   }
-}, h = {
+}, V = {
   container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
   icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
-}, p = {
+}, w = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
   },
   false: {
     container: ""
   }
-}, g = {
+}, j = {
   true: {
     icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
   },
   false: {
     icon: ""
   }
-}, q = b(h.container, {
+}, _ = I(V.container, {
   variants: {
     size: {
-      small: `${a.small.container} ${u.small.container}`,
-      medium: `${a.medium.container} ${u.medium.container}`,
-      large: `${a.large.container} ${u.large.container}`
+      small: `${c.small.container} ${g.small.container}`,
+      medium: `${c.medium.container} ${g.medium.container}`,
+      large: `${c.large.container} ${g.large.container}`
     },
     variant: {
       fill: "",
@@ -151,8 +152,8 @@ const u = {
       disabled: ""
     },
     animation: {
-      true: p.true.container,
-      false: p.false.container
+      true: w.true.container,
+      false: w.false.container
     }
   },
   compoundVariants: [
@@ -181,12 +182,12 @@ const u = {
     color: "primary",
     animation: !0
   }
-}), A = b(h.icon, {
+}), f = I(V.icon, {
   variants: {
     size: {
-      small: a.small.icon,
-      medium: a.medium.icon,
-      large: a.large.icon
+      small: c.small.icon,
+      medium: c.medium.icon,
+      large: c.large.icon
     },
     variant: {
       fill: "",
@@ -202,8 +203,8 @@ const u = {
       disabled: ""
     },
     animateIcon: {
-      true: g.true.icon,
-      false: g.false.icon
+      true: j.true.icon,
+      false: j.false.icon
     }
   },
   compoundVariants: [
@@ -232,75 +233,121 @@ const u = {
     color: "primary",
     animateIcon: !0
   }
-}), M = ({
-  onClick: x,
-  icon: y,
-  contentClassName: n,
-  animate: w = !1,
-  animateIcon: j = !1,
-  isLoading: t = !1,
-  children: V,
-  hideSpinner: d = !1,
-  spinner: v = /* @__PURE__ */ r.jsx(R, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
-  type: I,
-  className: $,
-  disabled: o,
+}), q = ({
+  onClick: N,
+  icon: d,
+  contentClassName: p,
+  animate: $ = !1,
+  animateIcon: k = !1,
+  isLoading: n = !1,
+  children: r,
+  hideSpinner: b = !1,
+  spinner: x = /* @__PURE__ */ a.jsx(T, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
+  type: S,
+  className: z,
+  disabled: m,
   variant: i = "fill",
-  form: k,
-  size: l = "medium",
-  color: z = "primary"
+  form: B,
+  size: s = "medium",
+  color: C = "primary"
 }) => {
-  const s = V || y;
-  if (!s)
-    throw new Error('IconButton: Se requiere un icon (prop "icon" o "children")');
-  const m = !!(j && !o && !t), S = !!(w && !o && !t), c = o || t ? "disabled" : z, N = E(() => {
-    if (t)
-      return /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center", children: !d && v });
-    const B = s;
-    return /* @__PURE__ */ r.jsx("div", { className: f("flex items-center justify-center select-none", n), children: /* @__PURE__ */ r.jsx(
-      "span",
-      {
-        className: A({
-          size: l,
-          variant: i,
-          color: c,
-          animateIcon: m
-        }),
-        children: /* @__PURE__ */ r.jsx(B, {})
-      }
-    ) });
+  const u = !!(k && !m && !n), E = !!($ && !m && !n), l = m || n ? "disabled" : C, R = M(() => {
+    if (n)
+      return /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center", children: !b && x });
+    let t = null;
+    if (console.log(typeof r), r)
+      if (h(r))
+        v(r.type) ? t = t = /* @__PURE__ */ a.jsx(
+          "span",
+          {
+            className: f({
+              size: s,
+              variant: i,
+              color: l,
+              animateIcon: u
+            }),
+            children: r
+          }
+        ) : t = r;
+      else if (typeof r == "function")
+        try {
+          const o = r();
+          h(o) && (v(o.type) ? t = /* @__PURE__ */ a.jsx(
+            "span",
+            {
+              className: f({
+                size: s,
+                variant: i,
+                color: l,
+                animateIcon: u
+              }),
+              children: o
+            }
+          ) : t = o);
+        } catch {
+          t = null;
+        }
+      else typeof r == "object" && (v(r) ? t = /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: f({
+            size: s,
+            variant: i,
+            color: l,
+            animateIcon: u
+          }),
+          children: r
+        }
+      ) : t = r);
+    else if (d && v(d)) {
+      const o = d;
+      t = /* @__PURE__ */ a.jsx(
+        "span",
+        {
+          className: f({
+            size: s,
+            variant: i,
+            color: l,
+            animateIcon: u
+          }),
+          children: /* @__PURE__ */ a.jsx(o, {})
+        }
+      );
+    }
+    return t ? /* @__PURE__ */ a.jsx("div", { className: y("flex items-center justify-center select-none", p), children: t }) : null;
   }, [
-    n,
-    s,
+    p,
+    r,
+    d,
     i,
+    s,
     l,
-    c,
-    t,
-    d,
-    v,
-    m
+    n,
+    b,
+    x,
+    u
   ]);
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ a.jsx(
     "button",
     {
-      type: I,
-      className: f(
+      type: S,
+      className: y(
         "group",
-        q({
-          size: l,
+        _({
+          size: s,
           variant: i,
-          color: c,
-          animation: S
+          color: l,
+          animation: E
         }),
-        $
+        z
       ),
-      disabled: o || t,
-      form: k,
-      onClick: x,
-      children: /* @__PURE__ */ r.jsx("div", { className: `flex items-center gap-1 ${n}`, children: N })
+      disabled: m || n,
+      form: B,
+      onClick: N,
+      children: /* @__PURE__ */ a.jsx("div", { className: `flex items-center gap-1 ${p}`, children: R })
     }
   );
-}, J = C(M);
+}, O = A(q);
 export {
-  J as default
+  O as default
 };

package/dist/Icons/AccountCircle.es.js

@@ -1,5 +1,5 @@
-import { j as t } from "../jsx-runtime-DKDX3adD.js";
-import { m as o } from "../iconUtils-D0lVAgGT.js";
+import { j as t } from "../jsx-runtime-GkKLlHH4.js";
+import { m as o } from "../iconUtils-rTOfKDxE.js";
 const e = o(
   ({ size: q = 24, className: T, ...m }) => /* @__PURE__ */ t.jsx(
     "svg",