@clasing/ui 0.1.123 → 0.1.125

package/dist/badge-BnerQ2lF.js

@@ -0,0 +1,85 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { Slot as c } from "@radix-ui/react-slot";
+import { c as f } from "./index-BqtVL8d-.js";
+import { c as h } from "./index-CRiPKpXj.js";
+import { I as o } from "./icon-component-BZ-4FDV6.js";
+const x = f(
+  "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"
+      },
+      size: {
+        xs: "px-3 py-px text-xs [&>svg]:size-3",
+        sm: "px-4 py-1 text-xs [&>svg]:size-4",
+        md: "px-4 py-2 text-sm [&>svg]:size-4",
+        lg: "px-4 py-2 text-base [&>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 z({
+  className: s,
+  variant: n,
+  size: d,
+  weight: g,
+  rounded: l,
+  iconName: e,
+  iconPosition: t = "left",
+  iconStroke: a,
+  iconOnly: i,
+  asChild: b = !1,
+  children: u,
+  ...v
+}) {
+  const p = b ? c : "span";
+  return /* @__PURE__ */ r.jsxs(
+    p,
+    {
+      "data-slot": "badge",
+      className: h(
+        x({ variant: n, size: d, weight: g, rounded: l }),
+        i && "px-2.5 py-2",
+        s
+      ),
+      ...v,
+      children: [
+        e && t === "left" && /* @__PURE__ */ r.jsx(o, { iconName: e, stroke: a }),
+        !i && u,
+        e && t === "right" && /* @__PURE__ */ r.jsx(o, { iconName: e, stroke: a })
+      ]
+    }
+  );
+}
+export {
+  z as B
+};

package/dist/badge-Czof3oqL.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./jsx-runtime-DUiatUiq.cjs"),x=require("@radix-ui/react-slot"),p=require("./index-C8P6Mn4U.cjs"),h=require("./index-DoxiiusW.cjs"),s=require("./icon-component-LY_vGYHZ.cjs"),f=p.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"},size:{xs:"px-3 py-px text-xs [&>svg]:size-3",sm:"px-4 py-1 text-xs [&>svg]:size-4",md:"px-4 py-2 text-sm [&>svg]:size-4",lg:"px-4 py-2 text-base [&>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 m({className:o,variant:a,size:d,weight:g,rounded:l,iconName:e,iconPosition:t="left",iconStroke:n,iconOnly:i,asChild:b=!1,children:u,...c}){const v=b?x.Slot:"span";return r.jsxRuntimeExports.jsxs(v,{"data-slot":"badge",className:h.cn(f({variant:a,size:d,weight:g,rounded:l}),i&&"px-2.5 py-2",o),...c,children:[e&&t==="left"&&r.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e,stroke:n}),!i&&u,e&&t==="right"&&r.jsxRuntimeExports.jsx(s.IconComponent,{iconName:e,stroke:n})]})}exports.Badge=m;

package/dist/button-Cegl49Yi.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-DUiatUiq.cjs"),y=require("./index-DoxiiusW.cjs"),S=require("@radix-ui/react-slot"),v=require("./index-C8P6Mn4U.cjs"),z=require("react"),l=require("./icon-component-LY_vGYHZ.cjs"),n=require("./tooltip-W9iE1O--.cjs"),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]",P=v.cva(f,{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"}}),k=v.cva(`${f} 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"}}),R=v.cva(f,{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"}});function T({className:u,variant:c,size:s,weight:g,rounded:d,children:m,iconName:r,iconText:b,iconPosition:h="left",isLoading:a,isActive:E,disabled:j,tooltip:o,tooltipPlacement:w="top",asChild:C,...q}){const I=C?S.Slot:"button",e=z.useMemo(()=>!m&&r||h==="only"?"only":h,[m,r,h]),i=z.useMemo(()=>r?typeof r=="string"?{name:r}:r:null,[r]),x=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"},p=t.jsxRuntimeExports.jsx(I,{className:y.cn(a?k({variant:c,weight:g,size:s,rounded:d,iconPosition:e,className:u}):E?R({variant:c,weight:g,size:s,rounded:d,iconPosition:e,className:u}):P({variant:c,weight:g,size:s,rounded:d,iconPosition:e,className:u})),disabled:j||a,...q,children:e==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:a?t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconLoader2",className:y.cn("animate-spin",x[s||"xl"])}):i&&t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:i.name,stroke:i.stroke,iconText:b,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(l.IconComponent,{iconName:"IconLoader2",className:y.cn("animate-spin",x[s||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:`flex items-center justify-center gap-2 ${a?"invisible opacity-0":"visible opacity-100"}`,children:[i&&e==="left"&&t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:i.name,iconText:b,stroke:i.stroke,className:x[s||"xl"]}),m,i&&e==="right"&&t.jsxRuntimeExports.jsx(l.IconComponent,{iconName:i.name,iconText:b,stroke:i.stroke,className:x[s||"xl"]})]})]})});return o&&(j||a)?t.jsxRuntimeExports.jsx(n.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(n.Tooltip,{children:[t.jsxRuntimeExports.jsx(n.TooltipTrigger,{asChild:e==="only",children:e==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:p}):p}),t.jsxRuntimeExports.jsx(n.TooltipContent,{side:w,className:"text-muted-foreground",children:o})]})}):o?t.jsxRuntimeExports.jsx(n.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(n.Tooltip,{children:[t.jsxRuntimeExports.jsx(n.TooltipTrigger,{asChild:e==="only",children:p}),t.jsxRuntimeExports.jsx(n.TooltipContent,{side:w,className:"text-muted-foreground",children:o})]})}):p}exports.Button=T;exports.buttonActiveStyles=R;exports.buttonLoadingStyles=k;exports.buttonStyles=P;

package/dist/button-DddHyyHa.js

@@ -0,0 +1,504 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { c as h } from "./index-CRiPKpXj.js";
+import { Slot as B } from "@radix-ui/react-slot";
+import { c as y } from "./index-BqtVL8d-.js";
+import z from "react";
+import { I as s } from "./icon-component-BZ-4FDV6.js";
+import { b as k, T as P, c as j, a as I } from "./tooltip-Btr9ROSo.js";
+const v = "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 = y(v, {
+  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: "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"
+  }
+}), q = y(`${v} 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: [
+    // 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: "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"
+    },
+    // Link loading styles
+    {
+      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"
+  }
+}), $ = y(v, {
+  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: [
+    // 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: "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"
+    },
+    // Link active styles
+    {
+      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"
+  }
+});
+function G({
+  className: x,
+  variant: u,
+  size: i,
+  weight: g,
+  rounded: d,
+  children: c,
+  iconName: n,
+  iconText: m,
+  iconPosition: b = "left",
+  isLoading: r,
+  isActive: N,
+  disabled: f,
+  tooltip: l,
+  tooltipPlacement: w = "top",
+  asChild: S,
+  ...V
+}) {
+  const C = S ? B : "button", e = z.useMemo(() => !c && n || b === "only" ? "only" : b, [c, n, b]), a = z.useMemo(() => n ? typeof n == "string" ? { name: n } : n : null, [n]), o = 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"
+  }, p = /* @__PURE__ */ t.jsx(
+    C,
+    {
+      className: h(
+        r ? q({
+          variant: u,
+          weight: g,
+          size: i,
+          rounded: d,
+          iconPosition: e,
+          className: x
+        }) : N ? $({
+          variant: u,
+          weight: g,
+          size: i,
+          rounded: d,
+          iconPosition: e,
+          className: x
+        }) : T({
+          variant: u,
+          weight: g,
+          size: i,
+          rounded: d,
+          iconPosition: e,
+          className: x
+        })
+      ),
+      disabled: f || r,
+      ...V,
+      children: e === "only" ? (
+        // Renderizado para modo icon-only
+        /* @__PURE__ */ t.jsx(t.Fragment, { children: r ? /* @__PURE__ */ t.jsx(
+          s,
+          {
+            iconName: "IconLoader2",
+            className: h("animate-spin", o[i || "xl"])
+          }
+        ) : a && /* @__PURE__ */ t.jsx(
+          s,
+          {
+            iconName: a.name,
+            stroke: a.stroke,
+            iconText: m,
+            size: 24
+          }
+        ) })
+      ) : (
+        // Renderizado para modo botón normal con texto
+        /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__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"}`,
+              children: /* @__PURE__ */ t.jsx(
+                s,
+                {
+                  iconName: "IconLoader2",
+                  className: h("animate-spin", o[i || "xl"])
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            "span",
+            {
+              className: `flex items-center justify-center gap-2 ${r ? "invisible opacity-0" : "visible opacity-100"}`,
+              children: [
+                a && e === "left" && /* @__PURE__ */ t.jsx(
+                  s,
+                  {
+                    iconName: a.name,
+                    iconText: m,
+                    stroke: a.stroke,
+                    className: o[i || "xl"]
+                  }
+                ),
+                c,
+                a && e === "right" && /* @__PURE__ */ t.jsx(
+                  s,
+                  {
+                    iconName: a.name,
+                    iconText: m,
+                    stroke: a.stroke,
+                    className: o[i || "xl"]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      )
+    }
+  );
+  return l && (f || r) ? /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs(P, { children: [
+    /* @__PURE__ */ t.jsx(j, { asChild: e === "only", children: e === "only" ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: p }) : p }),
+    /* @__PURE__ */ t.jsx(
+      I,
+      {
+        side: w,
+        className: "text-muted-foreground",
+        children: l
+      }
+    )
+  ] }) }) : l ? /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs(P, { children: [
+    /* @__PURE__ */ t.jsx(j, { asChild: e === "only", children: p }),
+    /* @__PURE__ */ t.jsx(
+      I,
+      {
+        side: w,
+        className: "text-muted-foreground",
+        children: l
+      }
+    )
+  ] }) }) : p;
+}
+export {
+  G as B,
+  q as a,
+  $ as b,
+  T as c
+};