@clasing/ui 0.1.130 → 0.1.132

package/dist/{button-DcSOP6sn.js → button-BVN4jg0O.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-DywqP_6a.js";
-import { c as u } from "./index-CRiPKpXj.js";
+import { c as g } from "./index-CRiPKpXj.js";
 import { Slot as q } from "@radix-ui/react-slot";
 import { c as v } from "./index-BqtVL8d-.js";
-import y from "react";
-import { I as s } from "./icon-component-CxQsODCa.js";
-import { b as P, T as j, c as N, a as I } from "./tooltip-BnIdKYZi.js";
-const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", F = v(f, {
+import l from "react";
+import { I as o } from "./icon-component-CxQsODCa.js";
+import { b as j, T as N, c as I, a as V } from "./tooltip-BnIdKYZi.js";
+const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]", E = v(f, {
   variants: {
     variant: {
       // Variantes de botón sólido
@@ -128,7 +128,7 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: "full",
     iconPosition: "left"
   }
-}), M = v(`${f} cursor-default`, {
+}), F = v(`${f} cursor-default`, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -239,7 +239,7 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: "full",
     iconPosition: "left"
   }
-}), R = v(f, {
+}), M = v(f, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -350,26 +350,26 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: "full",
     iconPosition: "left"
   }
-}), _ = y.forwardRef(
+}), R = l.forwardRef(
   ({
-    className: g,
-    variant: d,
+    className: d,
+    variant: c,
     size: i,
-    weight: c,
-    rounded: m,
-    children: l,
+    weight: m,
+    rounded: b,
+    children: r,
     iconName: n,
-    iconText: b,
-    iconPosition: h = "left",
-    isLoading: r,
+    iconText: h,
+    iconPosition: y = "left",
+    isLoading: s,
     isActive: S,
     disabled: w,
-    tooltip: o,
+    tooltip: p,
     tooltipPlacement: z = "top",
     asChild: k,
-    ...V
-  }, B) => {
-    const C = k ? q : "button", e = y.useMemo(() => !l && n || h === "only" ? "only" : h, [l, n, h]), a = y.useMemo(() => n ? typeof n == "string" ? { name: n } : n : null, [n]), p = e === "only" ? {
+    ...B
+  }, C) => {
+    const T = k ? q : "button", e = l.useMemo(() => !r && n || y === "only" ? "only" : y, [r, n, y]), a = l.useMemo(() => n ? typeof n == "string" ? { name: n } : n : null, [n]), x = e === "only" ? {
       xl: "min-w-6 h-6",
       lg: "min-w-6 h-6",
       md: "min-w-5 h-5",
@@ -381,20 +381,20 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       md: "min-w-4 h-4",
       sm: "min-w-4 h-4",
       xs: "min-w-3.5 h-3.5"
-    }, T = /* @__PURE__ */ t.jsx(t.Fragment, { children: e === "only" ? (
+    }, P = /* @__PURE__ */ t.jsx(t.Fragment, { children: e === "only" ? (
       // Renderizado para modo icon-only
-      /* @__PURE__ */ t.jsx(t.Fragment, { children: r ? /* @__PURE__ */ t.jsx(
-        s,
+      /* @__PURE__ */ t.jsx(t.Fragment, { children: s ? /* @__PURE__ */ t.jsx(
+        o,
         {
           iconName: "IconLoader2",
-          className: u("animate-spin", p[i || "xl"])
+          className: g("animate-spin", x[i || "xl"])
         }
       ) : a && /* @__PURE__ */ t.jsx(
-        s,
+        o,
         {
           iconName: a.name,
           stroke: a.stroke,
-          iconText: b,
+          iconText: h,
           size: 24
         }
       ) })
@@ -404,12 +404,12 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
         /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${r ? "visible opacity-100" : "invisible opacity-0"}`,
+            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s ? "visible opacity-100" : "invisible opacity-0"}`,
             children: /* @__PURE__ */ t.jsx(
-              s,
+              o,
               {
                 iconName: "IconLoader2",
-                className: u("animate-spin", p[i || "xl"])
+                className: g("animate-spin", x[i || "xl"])
               }
             )
           }
@@ -417,94 +417,94 @@ const f = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
         /* @__PURE__ */ t.jsxs(
           "span",
           {
-            className: u(
+            className: g(
               "flex items-center justify-center gap-2",
-              r ? "invisible opacity-0" : "visible opacity-100"
+              s ? "invisible opacity-0" : "visible opacity-100"
             ),
             children: [
               a && e === "left" && /* @__PURE__ */ t.jsx(
-                s,
+                o,
                 {
                   iconName: a.name,
-                  iconText: b,
+                  iconText: h,
                   stroke: a.stroke,
-                  className: p[i || "xl"]
+                  className: x[i || "xl"]
                 }
               ),
-              l,
+              r,
               a && e === "right" && /* @__PURE__ */ t.jsx(
-                s,
+                o,
                 {
                   iconName: a.name,
-                  iconText: b,
+                  iconText: h,
                   stroke: a.stroke,
-                  className: p[i || "xl"]
+                  className: x[i || "xl"]
                 }
               )
             ]
           }
         )
       ] })
-    ) }), x = /* @__PURE__ */ t.jsx(
-      C,
+    ) }), u = /* @__PURE__ */ t.jsx(
+      T,
       {
-        ref: B,
-        className: u(
-          r ? M({
-            variant: d,
-            weight: c,
+        ref: C,
+        className: g(
+          s ? F({
+            variant: c,
+            weight: m,
             size: i,
-            rounded: m,
+            rounded: b,
             iconPosition: e,
-            className: g
-          }) : S ? R({
-            variant: d,
-            weight: c,
+            className: d
+          }) : S ? M({
+            variant: c,
+            weight: m,
             size: i,
-            rounded: m,
+            rounded: b,
             iconPosition: e,
-            className: g
-          }) : F({
-            variant: d,
-            weight: c,
+            className: d
+          }) : E({
+            variant: c,
+            weight: m,
             size: i,
-            rounded: m,
+            rounded: b,
             iconPosition: e,
-            className: g
+            className: d
           })
         ),
-        disabled: w || r,
-        ...V,
-        children: k ? l : T
+        disabled: w || s,
+        ...B,
+        children: k ? l.isValidElement(r) ? l.cloneElement(r, {}, P) : r : P
       }
     );
-    return o && (w || r) ? /* @__PURE__ */ t.jsx(P, { children: /* @__PURE__ */ t.jsxs(j, { children: [
-      /* @__PURE__ */ t.jsx(N, { asChild: e === "only", children: e === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: x }) : x }),
+    return p && (w || s) ? /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsxs(N, { children: [
+      /* @__PURE__ */ t.jsx(I, { asChild: e === "only", children: e === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: u }) : u }),
       /* @__PURE__ */ t.jsx(
-        I,
+        V,
         {
           side: z,
           className: "text-muted-foreground",
-          children: o
+          children: p
         }
       )
-    ] }) }) : o ? /* @__PURE__ */ t.jsx(P, { children: /* @__PURE__ */ t.jsxs(j, { children: [
-      /* @__PURE__ */ t.jsx(N, { asChild: e === "only", children: x }),
+    ] }) }) : p ? /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsxs(N, { children: [
+      /* @__PURE__ */ t.jsx(I, { asChild: e === "only", children: u }),
       /* @__PURE__ */ t.jsx(
-        I,
+        V,
         {
           side: z,
           className: "text-muted-foreground",
-          children: o
+          children: p
         }
       )
-    ] }) }) : x;
+    ] }) }) : u;
   }
 );
-_.displayName = "Button";
+R.displayName = "Button";
 export {
-  _ as B,
-  M as a,
-  R as b,
-  F as c
+  R as B,
+  F as a,
+  M as b,
+  E as c
 };

package/dist/{button-Ha5yZjbm.cjs → button-DVFHfLyC.cjs}

@@ -1 +1 @@
-"use strict";const t=require("./jsx-runtime-CEDi24JD.cjs"),c=require("./index-DoxiiusW.cjs"),V=require("@radix-ui/react-slot"),f=require("./index-C8P6Mn4U.cjs"),v=require("react"),o=require("./icon-component-DuSAouum.cjs"),i=require("./tooltip-CqOXzvfb.cjs"),j="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",k=f.cva(j,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),R=f.cva(`${j} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),E=f.cva(j,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=v.forwardRef(({className:g,variant:d,size:s,weight:m,rounded:b,children:l,iconName:r,iconText:h,iconPosition:y="left",isLoading:a,isActive:q,disabled:w,tooltip:x,tooltipPlacement:z="top",asChild:P,...I},S)=>{const N=P?V.Slot:"button",e=v.useMemo(()=>!l&&r||y==="only"?"only":y,[l,r,y]),n=v.useMemo(()=>r?typeof r=="string"?{name:r}:r:null,[r]),p=e==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},T=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a?t.jsxRuntimeExports.jsx(o.IconComponent,{iconName:"IconLoader2",className:c.cn("animate-spin",p[s||"xl"])}):n&&t.jsxRuntimeExports.jsx(o.IconComponent,{iconName:n.name,stroke:n.stroke,iconText:h,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${a?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(o.IconComponent,{iconName:"IconLoader2",className:c.cn("animate-spin",p[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:c.cn("flex items-center justify-center gap-2",a?"invisible opacity-0":"visible opacity-100"),children:[n&&e==="left"&&t.jsxRuntimeExports.jsx(o.IconComponent,{iconName:n.name,iconText:h,stroke:n.stroke,className:p[s||"xl"]}),l,n&&e==="right"&&t.jsxRuntimeExports.jsx(o.IconComponent,{iconName:n.name,iconText:h,stroke:n.stroke,className:p[s||"xl"]})]})]})}),u=t.jsxRuntimeExports.jsx(N,{ref:S,className:c.cn(a?R({variant:d,weight:m,size:s,rounded:b,iconPosition:e,className:g}):q?E({variant:d,weight:m,size:s,rounded:b,iconPosition:e,className:g}):k({variant:d,weight:m,size:s,rounded:b,iconPosition:e,className:g})),disabled:w||a,...I,children:P?l:T});return x&&(w||a)?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:e==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:u}):u}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:x})]})}):x?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:u}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:x})]})}):u});C.displayName="Button";exports.Button=C;exports.buttonActiveStyles=E;exports.buttonLoadingStyles=R;exports.buttonStyles=k;
+"use strict";const t=require("./jsx-runtime-CEDi24JD.cjs"),g=require("./index-DoxiiusW.cjs"),V=require("@radix-ui/react-slot"),f=require("./index-C8P6Mn4U.cjs"),l=require("react"),x=require("./icon-component-DuSAouum.cjs"),i=require("./tooltip-CqOXzvfb.cjs"),j="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",E=f.cva(j,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),R=f.cva(`${j} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=f.cva(j,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),q=l.forwardRef(({className:m,variant:d,size:s,weight:b,rounded:h,children:a,iconName:r,iconText:y,iconPosition:v="left",isLoading:o,isActive:I,disabled:w,tooltip:p,tooltipPlacement:z="top",asChild:P,...S},N)=>{const T=P?V.Slot:"button",e=l.useMemo(()=>!a&&r||v==="only"?"only":v,[a,r,v]),n=l.useMemo(()=>r?typeof r=="string"?{name:r}:r:null,[r]),u=e==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},k=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:o?t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:"IconLoader2",className:g.cn("animate-spin",u[s||"xl"])}):n&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,stroke:n.stroke,iconText:y,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${o?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:"IconLoader2",className:g.cn("animate-spin",u[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:g.cn("flex items-center justify-center gap-2",o?"invisible opacity-0":"visible opacity-100"),children:[n&&e==="left"&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,iconText:y,stroke:n.stroke,className:u[s||"xl"]}),a,n&&e==="right"&&t.jsxRuntimeExports.jsx(x.IconComponent,{iconName:n.name,iconText:y,stroke:n.stroke,className:u[s||"xl"]})]})]})}),c=t.jsxRuntimeExports.jsx(T,{ref:N,className:g.cn(o?R({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m}):I?C({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m}):E({variant:d,weight:b,size:s,rounded:h,iconPosition:e,className:m})),disabled:w||o,...S,children:P?l.isValidElement(a)?l.cloneElement(a,{},k):a:k});return p&&(w||o)?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:e==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:c}):c}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:p})]})}):p?t.jsxRuntimeExports.jsx(i.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(i.Tooltip,{children:[t.jsxRuntimeExports.jsx(i.TooltipTrigger,{asChild:e==="only",children:c}),t.jsxRuntimeExports.jsx(i.TooltipContent,{side:z,className:"text-muted-foreground",children:p})]})}):c});q.displayName="Button";exports.Button=q;exports.buttonActiveStyles=C;exports.buttonLoadingStyles=R;exports.buttonStyles=E;

package/dist/components/alert-dialog.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-CEDi24JD.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-Ha5yZjbm.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("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",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("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",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-CEDi24JD.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-DVFHfLyC.cjs"),r=require("../index-DoxiiusW.cjs");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const o=d(u);function g({...t}){return a.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function x({...t}){return a.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:r.cn("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",t),...e})}function m({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(o.Content,{"data-slot":"alert-dialog-content",className:r.cn("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",t),...e})]})}function f({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:r.cn("flex flex-col gap-2 text-center sm:text-left",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:r.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",t),...e})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Title,{"data-slot":"alert-dialog-title",className:r.cn("text-lg font-semibold",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Description,{"data-slot":"alert-dialog-description",className:r.cn("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Action,{className:r.cn(i.buttonStyles(),t),...e})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(o.Cancel,{className:r.cn(i.buttonStyles({variant:"outline"}),t),...e})}exports.AlertDialog=g;exports.AlertDialogAction=A;exports.AlertDialogCancel=b;exports.AlertDialogContent=m;exports.AlertDialogDescription=D;exports.AlertDialogFooter=p;exports.AlertDialogHeader=f;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=j;exports.AlertDialogTrigger=x;

package/dist/components/alert-dialog.es.js

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-DcSOP6sn.js";
+import { c as r } from "../button-BVN4jg0O.js";
 import { c as l } from "../index-CRiPKpXj.js";
 function g({
   ...t

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-Ha5yZjbm.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-DVFHfLyC.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.es.js

@@ -1,4 +1,4 @@
-import { B as s, b as a, a as e, c as n } from "../button-DcSOP6sn.js";
+import { B as s, b as a, a as e, c as n } from "../button-BVN4jg0O.js";
 export {
   s as Button,
   a as buttonActiveStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clasing/ui",
-  "version": "0.1.130",
+  "version": "0.1.132",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",