@clasing/ui 2.1.0 → 2.1.1

package/dist/badge-oQqEF2X5.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./index-DSjHHn1r.cjs"),c=require("@radix-ui/react-slot"),v=require("./index-BVmT9wZC.cjs"),o=require("./icon-component-DTlgy__B.cjs"),x=v.cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-2 overflow-hidden border font-semibold whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none",{variants:{variant:{default:"bg-muted text-muted-foreground [a&]:hover:bg-muted/90 border-transparent",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",destructive:"bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 border-transparent text-white",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",error:"bg-error-light text-error-main [a&]:hover:bg-error-light/90 border-transparent",warning:"bg-warning-light text-warning-main [a&]:hover:bg-warning-light/90 border-transparent",success:"bg-success-light text-success-main [a&]:hover:bg-success-light/90 border-transparent",info:"bg-info-light text-info-main [a&]:hover:bg-info-light/90 border-transparent",neutral:"border-transparent bg-black text-white [a&]:hover:bg-black/90",primary:"bg-primary-600 [a&]:hover:bg-primary-600/90 border-transparent text-white",yellow:"border-transparent bg-yellow-600 text-white [a&]:hover:bg-yellow-600/90",blue:"border-transparent bg-blue-600 text-white [a&]:hover:bg-blue-600/90",violet:"border-transparent bg-violet-600 text-white [a&]:hover:bg-violet-600/90","not-started":"text-neutral-1000 border-transparent bg-neutral-100 [a&]:hover:bg-neutral-100/90","in-progress":"bg-blue-050 text-neutral-1000 [a&]:hover:bg-blue-050/90 border-transparent",completed:"bg-success-light text-neutral-1000 [a&]:hover:bg-success-light/90 border-transparent",blocked:"text-neutral-1000 border-transparent bg-neutral-100 [a&]:hover:bg-neutral-100/90",paused:"bg-warning-light text-neutral-1000 [a&]:hover:bg-warning-light/90 border-transparent",failed:"bg-error-light text-neutral-1000 [a&]:hover:bg-error-light/90 border-transparent",expired:"bg-error-light text-neutral-1000 [a&]:hover:bg-error-light/90 border-transparent",cancelled:"bg-error-light text-neutral-1000 [a&]:hover:bg-error-light/90 border-transparent"},size:{xs:"paragraph-xs h-6.5 px-3 py-px [&>svg]:size-3.5",sm:"paragraph-xs px-4 py-1 [&>svg]:size-4",md:"paragraph-sm px-4 py-2 [&>svg]:size-4",lg:"paragraph-md px-4 py-2 [&>svg]:size-5"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},rounded:{default:"rounded-2xl",full:"rounded-full"}},defaultVariants:{variant:"default",size:"xs",weight:"semibold",rounded:"full"}});function f({className:i,variant:s,size:g,weight:l,rounded:b,iconName:r,iconPosition:t="left",iconStroke:a="1",iconOnly:n,asChild:d=!1,children:u,...h}){const p=d?c.Slot:"span";return e.jsxRuntimeExports.jsxs(p,{"data-slot":"badge",className:e.cn(x({variant:s,size:g,weight:l,rounded:b}),n&&"px-2.5 py-2",i),...h,children:[r&&t==="left"&&e.jsxRuntimeExports.jsx(o.IconComponent,{iconName:r,stroke:a}),!n&&u,r&&t==="right"&&e.jsxRuntimeExports.jsx(o.IconComponent,{iconName:r,stroke:a})]})}exports.Badge=f;

package/dist/button-B-JHlR-n.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./index-DSjHHn1r.cjs"),M=require("@radix-ui/react-slot"),j=require("./index-BVmT9wZC.cjs"),x=require("react"),s=require("./icon-component-DTlgy__B.cjs"),o=require("./tooltip-C9FWg102.cjs"),z="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]",R=j.cva(z,{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:"paragraph-md h-12 gap-2 px-6 py-1",lg:"paragraph-sm h-10 gap-2 px-5 py-1",md:"paragraph-xs h-8 gap-1.5 px-4 py-1",sm:"paragraph-xs h-7 gap-1 px-3 py-1",xs:"paragraph-xs h-6 gap-1 px-3 py-1"},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:"size-12 p-1.5"},{iconPosition:"only",size:"lg",class:"size-10 p-1.5"},{iconPosition:"only",size:"md",class:"size-8 p-1.5"},{iconPosition:"only",size:"sm",class:"size-7 p-1.5"},{iconPosition:"only",size:"xs",class:"size-6 p-1.5"},{variant:"link",size:"xl",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"lg",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"md",class:"paragraph-sm h-auto gap-1.5 px-3 py-1"},{variant:"link",size:"sm",class:"paragraph-xs h-auto gap-1 px-3 py-1"},{variant:"link",size:"xs",class:"paragraph-xs h-auto gap-1 px-3 py-1"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=j.cva(`${z} 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:"paragraph-md h-12 gap-2 px-6",lg:"paragraph-sm h-10 gap-2 px-5",md:"paragraph-xs h-8 gap-1.5 px-4",sm:"paragraph-xs h-7 gap-1 px-3",xs:"paragraph-xs h-6 gap-1 px-3"},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:"size-12 p-3"},{iconPosition:"only",size:"lg",class:"size-10 p-2"},{iconPosition:"only",size:"md",class:"size-8 p-1"},{iconPosition:"only",size:"sm",class:"size-7 p-0.5"},{iconPosition:"only",size:"xs",class:"size-6 p-0.5"},{variant:"link",size:"xl",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"lg",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"md",class:"paragraph-sm h-auto gap-1.5 px-3 py-1"},{variant:"link",size:"sm",class:"paragraph-xs h-auto gap-1 px-3 py-1"},{variant:"link",size:"xs",class:"paragraph-xs h-auto gap-1 px-3 py-1"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),N=j.cva(z,{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:"paragraph-md h-12 gap-2 px-6",lg:"paragraph-sm h-10 gap-2 px-5",md:"paragraph-xs h-8 gap-1.5 px-4",sm:"paragraph-xs h-7 gap-1 px-3",xs:"paragraph-xs h-6 gap-1 px-3"},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:"size-12 p-3"},{iconPosition:"only",size:"lg",class:"size-10 p-2"},{iconPosition:"only",size:"md",class:"size-8 p-1"},{iconPosition:"only",size:"sm",class:"size-7 p-0.5"},{iconPosition:"only",size:"xs",class:"size-6 p-0.5"},{variant:"link",size:"xl",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"lg",class:"paragraph-md h-auto gap-2 px-3 py-1"},{variant:"link",size:"md",class:"paragraph-sm h-auto gap-1.5 px-3 py-1"},{variant:"link",size:"sm",class:"paragraph-xs h-auto gap-1 px-3 py-1"},{variant:"link",size:"xs",class:"paragraph-xs h-auto gap-1 px-3 py-1"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),I=x.forwardRef(({className:d,variant:h,size:r,weight:b,rounded:y,children:l,iconName:p,iconText:u,iconPosition:v="left",isLoading:n,isActive:w,disabled:k,tooltip:g,tooltipPlacement:E="top",asChild:f,...S},q)=>{const V=f?M.Slot:"button",a=x.useMemo(()=>!l&&p||v==="only"?"only":v,[l,p,v]),e=x.useMemo(()=>p?typeof p=="string"?{name:p}:p:null,[p]),i=a==="only"?{xl:"size-6",lg:"size-6",md:"size-5",sm:"size-4",xs:"size-3.5"}:{xl:"size-5",lg:"size-5",md:"size-4",sm:"size-4",xs:"size-3.5"},T=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n?t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconLoader2",className:t.cn("animate-spin",i[r||"xl"])}):e&&t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:u,className:i[r||"xl"]})}):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 ${n?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconLoader2",className:t.cn("animate-spin",i[r||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:t.cn("flex items-center justify-center gap-2",n?"invisible opacity-0":"visible opacity-100"),children:[e&&a==="left"&&t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e.name,iconText:u,stroke:e.stroke,className:i[r||"xl"]}),l,e&&a==="right"&&t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e.name,iconText:u,stroke:e.stroke,className:i[r||"xl"]})]})]})}),B=()=>{if(!f||!x.isValidElement(l)||!e&&a!=="only")return l;const c=l,F=c.props.children;if(a==="only")return x.cloneElement(c,{...c.props,children:n?t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconLoader2",className:t.cn("animate-spin",i[r||"xl"])}):e&&t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:u,size:24})});const P=e&&t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e.name,iconText:u,stroke:e.stroke,className:i[r||"xl"]}),A=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 ${n?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(s.IconComponent,{iconName:"IconLoader2",className:t.cn("animate-spin",i[r||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:t.cn("flex items-center justify-center gap-2",n?"invisible opacity-0":"visible opacity-100"),children:[a==="left"&&P,F,a==="right"&&P]})]});return x.cloneElement(c,{...c.props,children:A})},m=t.jsxRuntimeExports.jsx(V,{ref:q,className:t.cn(n?C({variant:h,weight:b,size:r,rounded:y,iconPosition:a,className:d}):w?N({variant:h,weight:b,size:r,rounded:y,iconPosition:a,className:d}):R({variant:h,weight:b,size:r,rounded:y,iconPosition:a,className:d})),disabled:k||n,...S,children:f?B():T});return g&&(k||n)?t.jsxRuntimeExports.jsx(o.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(o.Tooltip,{children:[t.jsxRuntimeExports.jsx(o.TooltipTrigger,{asChild:a==="only",children:a==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:m}):m}),t.jsxRuntimeExports.jsx(o.TooltipContent,{side:E,className:"text-muted-foreground",children:g})]})}):g?t.jsxRuntimeExports.jsx(o.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(o.Tooltip,{children:[t.jsxRuntimeExports.jsx(o.TooltipTrigger,{asChild:a==="only",children:m}),t.jsxRuntimeExports.jsx(o.TooltipContent,{side:E,className:"text-muted-foreground",children:g})]})}):m});I.displayName="Button";exports.Button=I;exports.buttonActiveStyles=N;exports.buttonLoadingStyles=C;exports.buttonStyles=R;

package/dist/button-ozL8afps.js

@@ -1,573 +0,0 @@
-import { j as a, c as p } from "./index-DBpnlzOP.js";
-import { Slot as M } from "@radix-ui/react-slot";
-import { c as z } from "./index-CwXB7YIx.js";
-import g from "react";
-import { I as s } from "./icon-component-DGImZz3K.js";
-import { b as w, T as I, c as C, a as V } from "./tooltip-CGSL9pFZ.js";
-const k = "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]", T = z(k, {
-  variants: {
-    variant: {
-      // Variantes de botón sólido
-      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: "paragraph-md h-12 gap-2 px-6 py-1",
-      lg: "paragraph-sm h-10 gap-2 px-5 py-1",
-      md: "paragraph-xs h-8 gap-1.5 px-4 py-1",
-      sm: "paragraph-xs h-7 gap-1 px-3 py-1",
-      xs: "paragraph-xs h-6 gap-1 px-3 py-1"
-    },
-    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: "size-12 p-1.5"
-    },
-    {
-      iconPosition: "only",
-      size: "lg",
-      class: "size-10 p-1.5"
-    },
-    {
-      iconPosition: "only",
-      size: "md",
-      class: "size-8 p-1.5"
-    },
-    {
-      iconPosition: "only",
-      size: "sm",
-      class: "size-7 p-1.5"
-    },
-    {
-      iconPosition: "only",
-      size: "xs",
-      class: "size-6 p-1.5"
-    },
-    {
-      variant: "link",
-      size: "xl",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "lg",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "md",
-      class: "paragraph-sm h-auto gap-1.5 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "sm",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "xs",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    }
-  ],
-  defaultVariants: {
-    variant: "primary",
-    size: "xl",
-    weight: "semibold",
-    rounded: "full",
-    iconPosition: "left"
-  }
-}), _ = z(`${k} 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: "paragraph-md h-12 gap-2 px-6",
-      lg: "paragraph-sm h-10 gap-2 px-5",
-      md: "paragraph-xs h-8 gap-1.5 px-4",
-      sm: "paragraph-xs h-7 gap-1 px-3",
-      xs: "paragraph-xs h-6 gap-1 px-3"
-    },
-    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: [
-    // Loading styles para iconPosition="only"
-    {
-      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"
-    },
-    // Tamaños específicos para iconPosition="only" loading
-    {
-      iconPosition: "only",
-      size: "xl",
-      class: "size-12 p-3"
-    },
-    {
-      iconPosition: "only",
-      size: "lg",
-      class: "size-10 p-2"
-    },
-    {
-      iconPosition: "only",
-      size: "md",
-      class: "size-8 p-1"
-    },
-    {
-      iconPosition: "only",
-      size: "sm",
-      class: "size-7 p-0.5"
-    },
-    {
-      iconPosition: "only",
-      size: "xs",
-      class: "size-6 p-0.5"
-    },
-    // Link loading styles
-    {
-      variant: "link",
-      size: "xl",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "lg",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "md",
-      class: "paragraph-sm h-auto gap-1.5 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "sm",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "xs",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    }
-  ],
-  defaultVariants: {
-    variant: "primary",
-    size: "xl",
-    weight: "semibold",
-    rounded: "full",
-    iconPosition: "left"
-  }
-}), D = z(k, {
-  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: "paragraph-md h-12 gap-2 px-6",
-      lg: "paragraph-sm h-10 gap-2 px-5",
-      md: "paragraph-xs h-8 gap-1.5 px-4",
-      sm: "paragraph-xs h-7 gap-1 px-3",
-      xs: "paragraph-xs h-6 gap-1 px-3"
-    },
-    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: [
-    // Active styles para iconPosition="only"
-    {
-      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"
-    },
-    // Tamaños específicos para iconPosition="only" active
-    {
-      iconPosition: "only",
-      size: "xl",
-      class: "size-12 p-3"
-    },
-    {
-      iconPosition: "only",
-      size: "lg",
-      class: "size-10 p-2"
-    },
-    {
-      iconPosition: "only",
-      size: "md",
-      class: "size-8 p-1"
-    },
-    {
-      iconPosition: "only",
-      size: "sm",
-      class: "size-7 p-0.5"
-    },
-    {
-      iconPosition: "only",
-      size: "xs",
-      class: "size-6 p-0.5"
-    },
-    // Link active styles
-    {
-      variant: "link",
-      size: "xl",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "lg",
-      class: "paragraph-md h-auto gap-2 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "md",
-      class: "paragraph-sm h-auto gap-1.5 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "sm",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    },
-    {
-      variant: "link",
-      size: "xs",
-      class: "paragraph-xs h-auto gap-1 px-3 py-1"
-    }
-  ],
-  defaultVariants: {
-    variant: "primary",
-    size: "xl",
-    weight: "semibold",
-    rounded: "full",
-    iconPosition: "left"
-  }
-}), G = g.forwardRef(
-  ({
-    className: m,
-    variant: h,
-    size: r,
-    weight: b,
-    rounded: y,
-    children: l,
-    iconName: o,
-    iconText: c,
-    iconPosition: v = "left",
-    isLoading: i,
-    isActive: E,
-    disabled: j,
-    tooltip: d,
-    tooltipPlacement: P = "top",
-    asChild: f,
-    ...S
-  }, B) => {
-    const F = f ? M : "button", e = g.useMemo(() => !l && o || v === "only" ? "only" : v, [l, o, v]), t = g.useMemo(() => o ? typeof o == "string" ? { name: o } : o : null, [o]), n = e === "only" ? {
-      xl: "size-6",
-      lg: "size-6",
-      md: "size-5",
-      sm: "size-4",
-      xs: "size-3.5"
-    } : {
-      xl: "size-5",
-      lg: "size-5",
-      md: "size-4",
-      sm: "size-4",
-      xs: "size-3.5"
-    }, q = /* @__PURE__ */ a.jsx(a.Fragment, { children: e === "only" ? (
-      // Renderizado para modo icon-only
-      /* @__PURE__ */ a.jsx(a.Fragment, { children: i ? /* @__PURE__ */ a.jsx(
-        s,
-        {
-          iconName: "IconLoader2",
-          className: p("animate-spin", n[r || "xl"])
-        }
-      ) : t && /* @__PURE__ */ a.jsx(
-        s,
-        {
-          iconName: t.name,
-          stroke: t.stroke,
-          iconText: c,
-          className: n[r || "xl"]
-        }
-      ) })
-    ) : (
-      // Renderizado para modo botón normal con texto
-      /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(
-          "span",
-          {
-            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i ? "visible opacity-100" : "invisible opacity-0"}`,
-            children: /* @__PURE__ */ a.jsx(
-              s,
-              {
-                iconName: "IconLoader2",
-                className: p("animate-spin", n[r || "xl"])
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ a.jsxs(
-          "span",
-          {
-            className: p(
-              "flex items-center justify-center gap-2",
-              i ? "invisible opacity-0" : "visible opacity-100"
-            ),
-            children: [
-              t && e === "left" && /* @__PURE__ */ a.jsx(
-                s,
-                {
-                  iconName: t.name,
-                  iconText: c,
-                  stroke: t.stroke,
-                  className: n[r || "xl"]
-                }
-              ),
-              l,
-              t && e === "right" && /* @__PURE__ */ a.jsx(
-                s,
-                {
-                  iconName: t.name,
-                  iconText: c,
-                  stroke: t.stroke,
-                  className: n[r || "xl"]
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    ) }), R = () => {
-      if (!f || !g.isValidElement(l) || !t && e !== "only")
-        return l;
-      const u = l, $ = u.props.children;
-      if (e === "only")
-        return g.cloneElement(u, {
-          ...u.props,
-          children: i ? /* @__PURE__ */ a.jsx(
-            s,
-            {
-              iconName: "IconLoader2",
-              className: p("animate-spin", n[r || "xl"])
-            }
-          ) : t && /* @__PURE__ */ a.jsx(
-            s,
-            {
-              iconName: t.name,
-              stroke: t.stroke,
-              iconText: c,
-              size: 24
-            }
-          )
-        });
-      const N = t && /* @__PURE__ */ a.jsx(
-        s,
-        {
-          iconName: t.name,
-          iconText: c,
-          stroke: t.stroke,
-          className: n[r || "xl"]
-        }
-      ), A = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(
-          "span",
-          {
-            className: `absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${i ? "visible opacity-100" : "invisible opacity-0"}`,
-            children: /* @__PURE__ */ a.jsx(
-              s,
-              {
-                iconName: "IconLoader2",
-                className: p("animate-spin", n[r || "xl"])
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ a.jsxs(
-          "span",
-          {
-            className: p(
-              "flex items-center justify-center gap-2",
-              i ? "invisible opacity-0" : "visible opacity-100"
-            ),
-            children: [
-              e === "left" && N,
-              $,
-              e === "right" && N
-            ]
-          }
-        )
-      ] });
-      return g.cloneElement(u, {
-        ...u.props,
-        children: A
-      });
-    }, x = /* @__PURE__ */ a.jsx(
-      F,
-      {
-        ref: B,
-        className: p(
-          i ? _({
-            variant: h,
-            weight: b,
-            size: r,
-            rounded: y,
-            iconPosition: e,
-            className: m
-          }) : E ? D({
-            variant: h,
-            weight: b,
-            size: r,
-            rounded: y,
-            iconPosition: e,
-            className: m
-          }) : T({
-            variant: h,
-            weight: b,
-            size: r,
-            rounded: y,
-            iconPosition: e,
-            className: m
-          })
-        ),
-        disabled: j || i,
-        ...S,
-        children: f ? R() : q
-      }
-    );
-    return d && (j || i) ? /* @__PURE__ */ a.jsx(w, { children: /* @__PURE__ */ a.jsxs(I, { children: [
-      /* @__PURE__ */ a.jsx(C, { asChild: e === "only", children: e === "only" ? /* @__PURE__ */ a.jsx("div", { className: "inline-block", "aria-disabled": "true", children: x }) : x }),
-      /* @__PURE__ */ a.jsx(
-        V,
-        {
-          side: P,
-          className: "text-muted-foreground",
-          children: d
-        }
-      )
-    ] }) }) : d ? /* @__PURE__ */ a.jsx(w, { children: /* @__PURE__ */ a.jsxs(I, { children: [
-      /* @__PURE__ */ a.jsx(C, { asChild: e === "only", children: x }),
-      /* @__PURE__ */ a.jsx(
-        V,
-        {
-          side: P,
-          className: "text-muted-foreground",
-          children: d
-        }
-      )
-    ] }) }) : x;
-  }
-);
-G.displayName = "Button";
-export {
-  G as B,
-  _ as a,
-  D as b,
-  T as c
-};