@clasing/ui 0.1.136 → 2.0.0

package/dist/{button--Pnb6F6v.js → button-DU1x2trm.js}

@@ -4,7 +4,7 @@ import { Slot as M } from "@radix-ui/react-slot";
 import { c as w } from "./index-BqtVL8d-.js";
 import x from "react";
 import { I as s } from "./icon-component-CxQsODCa.js";
-import { b as N, T as I, c as C, a as V } from "./tooltip-BnIdKYZi.js";
+import { b as N, T as I, c as C, a as V } from "./tooltip-Bxh10S4Q.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 = w(k, {
   variants: {
     variant: {

package/dist/{button-CPzha0kl.cjs → button-dueLddAn.cjs}

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-CPzha0kl.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-BuHQgaKs.cjs"),u=require("@radix-ui/react-alert-dialog"),i=require("../button-dueLddAn.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--Pnb6F6v.js";
+import { c as r } from "../button-DU1x2trm.js";
 import { c as l } from "../index-CRiPKpXj.js";
 function g({
   ...t

package/dist/components/blocks/interactive-card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-VxOmcZ36.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),I=require("../../badge-DknEN5GE.cjs"),i=require("../../card-D0D_gMHR.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),u=require("../../tooltip-BRSR0-4n.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;

package/dist/components/blocks/interactive-card.es.js

@@ -2,7 +2,7 @@ import { j as e } from "../../jsx-runtime-DywqP_6a.js";
 import { B as I } from "../../badge-CJxUpkWv.js";
 import { C as w, e as y, b as z, d as F } from "../../card-9-UcGdV0.js";
 import { I as x } from "../../icon-component-CxQsODCa.js";
-import { T as H, c as k, a as B } from "../../tooltip-BnIdKYZi.js";
+import { T as H, c as k, a as B } from "../../tooltip-Bxh10S4Q.js";
 import { c as a } from "../../index-CRiPKpXj.js";
 import { c as R } from "../../index-BqtVL8d-.js";
 import { forwardRef as E } from "react";

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-CPzha0kl.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-dueLddAn.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--Pnb6F6v.js";
+import { B as s, b as a, a as e, c as n } from "../button-DU1x2trm.js";
 export {
   s as Button,
   a as buttonActiveStyles,

package/dist/components/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-Dm-TUC5P.cjs");exports.Input=t.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-eri6Lyeo.cjs");exports.Input=t.Input;

package/dist/components/input.es.js

@@ -1,4 +1,4 @@
-import { I as r } from "../input-C1L8iNKq.js";
+import { I as r } from "../input-BoPcvULq.js";
 export {
   r as Input
 };

package/dist/components/phone-input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),S=require("react"),I=require("react-phone-number-input"),q=require("react-phone-number-input/flags"),w=require("react-phone-number-input/locale/en"),P=require("react-phone-number-input/locale/es"),O=require("react-phone-number-input/locale/fr"),p=require("../command-C4Y6Ixrp.cjs"),_=require("../input-Dm-TUC5P.cjs"),T=require("../label-U5GnYvFO.cjs"),h=require("../popover-4V87msIT.cjs"),k=require("../scroll-area-hg-bGoRe.cjs"),m=require("../index-DoxiiusW.cjs"),y=require("../icon-component-D5YssRbR.cjs");function C(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const f=C(S),E=C(I),N=f.forwardRef(({className:t,onChange:n,value:s,size:o="md",rounded:r="default",label:a,helperText:c,locale:x="en",error:l,touched:d,...i},g)=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[a&&e.jsxRuntimeExports.jsx(T.Label,{htmlFor:i.id,className:m.cn({"text-neutral-700":i.disabled}),children:a}),e.jsxRuntimeExports.jsx(E.default,{ref:g,className:m.cn("flex",t),flagComponent:R,countrySelectComponent:A,inputComponent:v,smartCaret:!1,labels:x==="es"?P:x==="fr"?O:w,value:s||void 0,onChange:j=>n?.(j||""),countrySelectProps:{size:o,rounded:r,error:l,touched:d},numberInputProps:{size:o,rounded:r,error:l,touched:d},...i}),l&&d?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md -mt-1",children:l}):c?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-helper-text`,className:m.cn("text-label-md -mt-1",{"text-muted-foreground":!l&&!d,"text-destructive":l&&d,"text-neutral-700":i.disabled}),children:c}):null]}));N.displayName="PhoneInput";const v=f.forwardRef(({className:t,rounded:n="default",error:s,touched:o,size:r,...a},c)=>{const{"data-country":x,...l}=a;return e.jsxRuntimeExports.jsx(_.Input,{size:r,containerClassName:"w-full",className:m.cn("w-full",{"border-destructive":s&&o,"border-blue-800":o&&!s,"rounded-s-none rounded-e-lg":n!=="full","rounded-s-none rounded-e-full":n==="full","rounded-e-sm":r==="sm","rounded-e-md":r==="md","rounded-e-lg":r==="lg"},t),...l,ref:c})});v.displayName="InputComponent";const A=({disabled:t,value:n,options:s,onChange:o,size:r="md",rounded:a="default",error:c,touched:x})=>{const l=f.useRef(null),[d,i]=f.useState(""),[g,j]=f.useState(!1);return e.jsxRuntimeExports.jsxs(h.Popover,{open:g,modal:!0,onOpenChange:u=>{j(u),u&&i("")},children:[e.jsxRuntimeExports.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:m.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-fit items-center justify-center min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm border-r-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:z-1",a==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":c&&x,"outline-blue-800":x&&!c,"text-label-md h-8 rounded-s-sm px-2 py-1":r==="sm","text-label-lg h-12 rounded-s-md px-3 py-1":r==="md","text-label-xl h-16 rounded-s-lg px-4 py-2":r==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(R,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconChevronDown",className:m.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(h.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{children:[e.jsxRuntimeExports.jsx(p.CommandInput,{value:d,onValueChange:u=>{i(u),setTimeout(()=>{if(l.current){const b=l.current.querySelector("[data-radix-scroll-area-viewport]");b&&(b.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(p.CommandList,{children:e.jsxRuntimeExports.jsxs(k.ScrollArea,{ref:l,className:"h-72",children:[e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(p.CommandGroup,{children:s.map(({value:u,label:b})=>u?e.jsxRuntimeExports.jsx(D,{country:u,countryName:b,selectedCountry:n,onChange:o,onSelectComplete:()=>j(!1)},u):null)})]})})]})})]})},D=({country:t,countryName:n,selectedCountry:s,onChange:o,onSelectComplete:r})=>{const a=()=>{o(t),r()};return e.jsxRuntimeExports.jsxs(p.CommandItem,{className:"gap-2",onSelect:a,children:[e.jsxRuntimeExports.jsx(R,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 text-sm",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-sm",children:`+${E.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===s?"opacity-100":"opacity-0"}`})]})},R=({country:t,countryName:n,disabled:s})=>{const o=q[t];return e.jsxRuntimeExports.jsx("span",{className:m.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":s}),children:o&&e.jsxRuntimeExports.jsx(o,{title:n})})};exports.PhoneInput=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BuHQgaKs.cjs"),p=require("../command-C4Y6Ixrp.cjs"),S=require("../input-eri6Lyeo.cjs"),I=require("../label-U5GnYvFO.cjs"),h=require("../popover-4V87msIT.cjs"),q=require("../scroll-area-hg-bGoRe.cjs"),c=require("../index-DoxiiusW.cjs"),w=require("react"),P=require("react-phone-number-input"),O=require("react-phone-number-input/flags"),_=require("react-phone-number-input/locale/en"),T=require("react-phone-number-input/locale/es"),k=require("react-phone-number-input/locale/fr"),y=require("../icon-component-D5YssRbR.cjs");function C(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const f=C(w),E=C(P),N=f.forwardRef(({className:t,onChange:n,value:s,size:o="md",rounded:r="default",label:u,helperText:d,locale:x="en",error:l,touched:m,containerClassName:j,...i},b)=>e.jsxRuntimeExports.jsxs("div",{className:c.cn("flex flex-col gap-2",j),children:[u&&e.jsxRuntimeExports.jsx(I.Label,{htmlFor:i.id,className:c.cn("mb-1",{"opacity-50":i.disabled}),children:u}),e.jsxRuntimeExports.jsx(E.default,{ref:b,className:c.cn("flex",t),flagComponent:R,countrySelectComponent:A,inputComponent:v,smartCaret:!1,labels:x==="es"?T:x==="fr"?k:_,value:s||void 0,onChange:a=>n?.(a||""),countrySelectProps:{size:o,rounded:r,error:l,touched:m},numberInputProps:{size:o,rounded:r,error:l,touched:m},...i}),l&&m?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md -mt-1",children:l}):d?e.jsxRuntimeExports.jsx("span",{id:i.id&&`${i.id}-helper-text`,className:c.cn("text-label-md -mt-1",{"text-muted-foreground":!l&&!m,"text-destructive":l&&m,"text-muted-foreground opacity-50":i.disabled}),children:d}):null]}));N.displayName="PhoneInput";const v=f.forwardRef(({className:t,rounded:n="default",error:s,touched:o,size:r,...u},d)=>{const{"data-country":x,...l}=u;return e.jsxRuntimeExports.jsx(S.Input,{size:r,containerClassName:"w-full",className:c.cn("w-full",{"border-destructive":s&&o,"border-blue-800":o&&!s,"rounded-s-none rounded-e-lg":n!=="full","rounded-s-none rounded-e-full":n==="full","rounded-e-sm":r==="sm","rounded-e-md":r==="md","rounded-e-lg":r==="lg"},t),...l,ref:d})});v.displayName="InputComponent";const A=({disabled:t,value:n,options:s,onChange:o,size:r="md",rounded:u="default",error:d,touched:x})=>{const l=f.useRef(null),[m,j]=f.useState(""),[i,b]=f.useState(!1);return e.jsxRuntimeExports.jsxs(h.Popover,{open:i,modal:!0,onOpenChange:a=>{b(a),a&&j("")},children:[e.jsxRuntimeExports.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:c.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",u==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":d&&x,"outline-blue-800":x&&!d,"text-label-md h-8 rounded-s-sm px-2 py-1":r==="sm","text-label-lg h-12 rounded-s-md px-3 py-1":r==="md","text-label-xl h-16 rounded-s-lg px-4 py-2":r==="lg"}),disabled:t,children:[e.jsxRuntimeExports.jsx(R,{country:n,countryName:n,disabled:t}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconChevronDown",className:c.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(h.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{children:[e.jsxRuntimeExports.jsx(p.CommandInput,{value:m,onValueChange:a=>{j(a),setTimeout(()=>{if(l.current){const g=l.current.querySelector("[data-radix-scroll-area-viewport]");g&&(g.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(p.CommandList,{children:e.jsxRuntimeExports.jsxs(q.ScrollArea,{ref:l,className:"h-72",children:[e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(p.CommandGroup,{children:s.map(({value:a,label:g})=>a?e.jsxRuntimeExports.jsx(D,{country:a,countryName:g,selectedCountry:n,onChange:o,onSelectComplete:()=>b(!1)},a):null)})]})})]})})]})},D=({country:t,countryName:n,selectedCountry:s,onChange:o,onSelectComplete:r})=>{const u=()=>{o(t),r()};return e.jsxRuntimeExports.jsxs(p.CommandItem,{className:"gap-2",onSelect:u,children:[e.jsxRuntimeExports.jsx(R,{country:t,countryName:n}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 text-sm",children:n}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 text-sm",children:`+${E.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(y.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${t===s?"opacity-100":"opacity-0"}`})]})},R=({country:t,countryName:n,disabled:s})=>{const o=O[t];return e.jsxRuntimeExports.jsx("span",{className:c.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":s}),children:o&&e.jsxRuntimeExports.jsx(o,{title:n})})};exports.PhoneInput=N;

package/dist/components/phone-input.d.ts

@@ -9,6 +9,7 @@ type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value'
     locale?: 'en' | 'es' | 'fr';
     error?: string;
     touched?: boolean;
+    containerClassName?: string;
 };
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
 export { PhoneInput };

package/dist/components/phone-input.es.js

@@ -1,149 +1,148 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { C as N, d as v, f as I, b as w, c as S, e as P } from "../command-pED95x7-.js";
+import { I as R } from "../input-BoPcvULq.js";
+import { L as O } from "../label-_kG7WBoJ.js";
+import { P as $, c as E, b as F } from "../popover-CHAUhJda.js";
+import { S as L } from "../scroll-area-DwBiu3Jn.js";
+import { c as m } from "../index-CRiPKpXj.js";
 import * as f from "react";
 import * as j from "react-phone-number-input";
-import N from "react-phone-number-input/flags";
-import v from "react-phone-number-input/locale/en";
-import I from "react-phone-number-input/locale/es";
-import w from "react-phone-number-input/locale/fr";
-import { C as S, d as P, f as R, b as O, c as $, e as E } from "../command-pED95x7-.js";
-import { I as F } from "../input-C1L8iNKq.js";
-import { L } from "../label-_kG7WBoJ.js";
-import { P as V, c as k, b as A } from "../popover-CHAUhJda.js";
-import { S as T } from "../scroll-area-DwBiu3Jn.js";
-import { c as u } from "../index-CRiPKpXj.js";
+import V from "react-phone-number-input/flags";
+import k from "react-phone-number-input/locale/en";
+import A from "react-phone-number-input/locale/es";
+import T from "react-phone-number-input/locale/fr";
 import { I as C } from "../icon-component-CxQsODCa.js";
 const _ = f.forwardRef(
   ({
     className: t,
     onChange: n,
-    value: a,
+    value: l,
     size: s = "md",
     rounded: o = "default",
-    label: i,
-    helperText: m,
+    label: d,
+    helperText: c,
     locale: p = "en",
-    error: l,
-    touched: c,
-    ...r
-  }, g) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3", children: [
-    i && /* @__PURE__ */ e.jsx(
-      L,
+    error: r,
+    touched: u,
+    containerClassName: x,
+    ...a
+  }, b) => /* @__PURE__ */ e.jsxs("div", { className: m("flex flex-col gap-2", x), children: [
+    d && /* @__PURE__ */ e.jsx(
+      O,
       {
-        htmlFor: r.id,
-        className: u({
-          "text-neutral-700": r.disabled
+        htmlFor: a.id,
+        className: m("mb-1", {
+          "opacity-50": a.disabled
         }),
-        children: i
+        children: d
       }
     ),
     /* @__PURE__ */ e.jsx(
       j.default,
       {
-        ref: g,
-        className: u("flex", t),
+        ref: b,
+        className: m("flex", t),
         flagComponent: h,
         countrySelectComponent: q,
         inputComponent: y,
         smartCaret: !1,
-        labels: p === "es" ? I : p === "fr" ? w : v,
-        value: a || void 0,
-        onChange: (x) => n?.(x || ""),
+        labels: p === "es" ? A : p === "fr" ? T : k,
+        value: l || void 0,
+        onChange: (i) => n?.(i || ""),
         countrySelectProps: {
           size: s,
           rounded: o,
-          error: l,
-          touched: c
+          error: r,
+          touched: u
         },
         numberInputProps: {
           size: s,
           rounded: o,
-          error: l,
-          touched: c
+          error: r,
+          touched: u
         },
-        ...r
+        ...a
       }
     ),
-    l && c ? /* @__PURE__ */ e.jsx(
+    r && u ? /* @__PURE__ */ e.jsx(
       "span",
       {
-        id: r.id && `${r.id}-error-text`,
+        id: a.id && `${a.id}-error-text`,
         "aria-invalid": !0,
         className: "text-destructive text-label-md -mt-1",
-        children: l
+        children: r
       }
-    ) : m ? /* @__PURE__ */ e.jsx(
+    ) : c ? /* @__PURE__ */ e.jsx(
       "span",
       {
-        id: r.id && `${r.id}-helper-text`,
-        className: u("text-label-md -mt-1", {
-          "text-muted-foreground": !l && !c,
-          "text-destructive": l && c,
-          "text-neutral-700": r.disabled
+        id: a.id && `${a.id}-helper-text`,
+        className: m("text-label-md -mt-1", {
+          "text-muted-foreground": !r && !u,
+          "text-destructive": r && u,
+          "text-muted-foreground opacity-50": a.disabled
         }),
-        children: m
+        children: c
       }
     ) : null
   ] })
 );
 _.displayName = "PhoneInput";
-const y = f.forwardRef(
-  ({ className: t, rounded: n = "default", error: a, touched: s, size: o, ...i }, m) => {
-    const { "data-country": p, ...l } = i;
-    return /* @__PURE__ */ e.jsx(
-      F,
-      {
-        size: o,
-        containerClassName: "w-full",
-        className: u(
-          "w-full",
-          {
-            "border-destructive": a && s,
-            "border-blue-800": s && !a,
-            "rounded-s-none rounded-e-lg": n !== "full",
-            "rounded-s-none rounded-e-full": n === "full",
-            "rounded-e-sm": o === "sm",
-            "rounded-e-md": o === "md",
-            "rounded-e-lg": o === "lg"
-          },
-          t
-        ),
-        ...l,
-        ref: m
-      }
-    );
-  }
-);
+const y = f.forwardRef(({ className: t, rounded: n = "default", error: l, touched: s, size: o, ...d }, c) => {
+  const { "data-country": p, ...r } = d;
+  return /* @__PURE__ */ e.jsx(
+    R,
+    {
+      size: o,
+      containerClassName: "w-full",
+      className: m(
+        "w-full",
+        {
+          "border-destructive": l && s,
+          "border-blue-800": s && !l,
+          "rounded-s-none rounded-e-lg": n !== "full",
+          "rounded-s-none rounded-e-full": n === "full",
+          "rounded-e-sm": o === "sm",
+          "rounded-e-md": o === "md",
+          "rounded-e-lg": o === "lg"
+        },
+        t
+      ),
+      ...r,
+      ref: c
+    }
+  );
+});
 y.displayName = "InputComponent";
 const q = ({
   disabled: t,
   value: n,
-  options: a,
+  options: l,
   onChange: s,
   size: o = "md",
-  rounded: i = "default",
-  error: m,
+  rounded: d = "default",
+  error: c,
   touched: p
 }) => {
-  const l = f.useRef(null), [c, r] = f.useState(""), [g, x] = f.useState(!1);
+  const r = f.useRef(null), [u, x] = f.useState(""), [a, b] = f.useState(!1);
   return /* @__PURE__ */ e.jsxs(
-    V,
+    $,
     {
-      open: g,
+      open: a,
       modal: !0,
-      onOpenChange: (d) => {
-        x(d), d && r("");
+      onOpenChange: (i) => {
+        b(i), i && x("");
       },
       children: [
-        /* @__PURE__ */ e.jsx(k, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(E, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            className: u(
-              "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-fit items-center justify-center min-w-0 border bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm border-r-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:z-1",
-              i === "default" ? "rounded-e-none" : "rounded-s-full rounded-e-none",
+            className: m(
+              "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent text-base transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+              d === "default" ? "rounded-e-none" : "rounded-s-full rounded-e-none",
               {
-                "outline-destructive": m && p,
-                "outline-blue-800": p && !m,
+                "outline-destructive": c && p,
+                "outline-blue-800": p && !c,
                 "text-label-md h-8 rounded-s-sm px-2 py-1": o === "sm",
                 "text-label-lg h-12 rounded-s-md px-3 py-1": o === "md",
                 "text-label-xl h-16 rounded-s-lg px-4 py-2": o === "lg"
@@ -163,7 +162,7 @@ const q = ({
                 C,
                 {
                   iconName: "IconChevronDown",
-                  className: u(
+                  className: m(
                     "-mr-2 size-4 opacity-50",
                     t ? "hidden" : "opacity-100"
                   )
@@ -172,37 +171,37 @@ const q = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ e.jsx(A, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(S, { children: [
+        /* @__PURE__ */ e.jsx(F, { className: "w-[300px] p-0", children: /* @__PURE__ */ e.jsxs(N, { children: [
           /* @__PURE__ */ e.jsx(
-            P,
+            v,
             {
-              value: c,
-              onValueChange: (d) => {
-                r(d), setTimeout(() => {
-                  if (l.current) {
-                    const b = l.current.querySelector(
+              value: u,
+              onValueChange: (i) => {
+                x(i), setTimeout(() => {
+                  if (r.current) {
+                    const g = r.current.querySelector(
                       "[data-radix-scroll-area-viewport]"
                     );
-                    b && (b.scrollTop = 0);
+                    g && (g.scrollTop = 0);
                   }
                 }, 0);
               },
               placeholder: "Search country..."
             }
           ),
-          /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsxs(T, { ref: l, className: "h-72", children: [
-            /* @__PURE__ */ e.jsx(O, { children: "No country found." }),
-            /* @__PURE__ */ e.jsx($, { children: a.map(
-              ({ value: d, label: b }) => d ? /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsxs(L, { ref: r, className: "h-72", children: [
+            /* @__PURE__ */ e.jsx(w, { children: "No country found." }),
+            /* @__PURE__ */ e.jsx(S, { children: l.map(
+              ({ value: i, label: g }) => i ? /* @__PURE__ */ e.jsx(
                 D,
                 {
-                  country: d,
-                  countryName: b,
+                  country: i,
+                  countryName: g,
                   selectedCountry: n,
                   onChange: s,
-                  onSelectComplete: () => x(!1)
+                  onSelectComplete: () => b(!1)
                 },
-                d
+                i
               ) : null
             ) })
           ] }) })
@@ -213,14 +212,14 @@ const q = ({
 }, D = ({
   country: t,
   countryName: n,
-  selectedCountry: a,
+  selectedCountry: l,
   onChange: s,
   onSelectComplete: o
 }) => {
-  const i = () => {
+  const d = () => {
     s(t), o();
   };
-  return /* @__PURE__ */ e.jsxs(E, { className: "gap-2", onSelect: i, children: [
+  return /* @__PURE__ */ e.jsxs(P, { className: "gap-2", onSelect: d, children: [
     /* @__PURE__ */ e.jsx(h, { country: t, countryName: n }),
     /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-sm", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "text-foreground/50 text-sm", children: `+${j.getCountryCallingCode(t)}` }),
@@ -228,22 +227,22 @@ const q = ({
       C,
       {
         iconName: "IconCheck",
-        className: `ml-auto size-4 ${t === a ? "opacity-100" : "opacity-0"}`
+        className: `ml-auto size-4 ${t === l ? "opacity-100" : "opacity-0"}`
       }
     )
   ] });
 }, h = ({
   country: t,
   countryName: n,
-  disabled: a
+  disabled: l
 }) => {
-  const s = N[t];
+  const s = V[t];
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: u(
+      className: m(
         "bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",
-        { "opacity-50": a }
+        { "opacity-50": l }
       ),
       children: s && /* @__PURE__ */ e.jsx(s, { title: n })
     }

package/dist/components/tooltip.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-VxOmcZ36.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-BRSR0-4n.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;

package/dist/components/tooltip.es.js

@@ -1,4 +1,4 @@
-import { T as i, a as r, b as T, c as a } from "../tooltip-BnIdKYZi.js";
+import { T as i, a as r, b as T, c as a } from "../tooltip-Bxh10S4Q.js";
 export {
   i as Tooltip,
   r as TooltipContent,

package/dist/{input-C1L8iNKq.js → input-BoPcvULq.js}

@@ -2,9 +2,9 @@ import { j as s } from "./jsx-runtime-DywqP_6a.js";
 import { L as j } from "./label-_kG7WBoJ.js";
 import { c as r } from "./index-CRiPKpXj.js";
 import { c as N } from "./index-BqtVL8d-.js";
-import * as I from "react";
-import { I as n } from "./icon-component-CxQsODCa.js";
-const y = N(
+import * as y from "react";
+import { I as d } from "./icon-component-CxQsODCa.js";
+const I = N(
   "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
@@ -37,7 +37,7 @@ function V({
   error: t,
   touched: i,
   iconName: f,
-  iconPosition: d = "left",
+  iconPosition: n = "left",
   type: l = "text",
   size: g,
   rounded: v,
@@ -45,7 +45,7 @@ function V({
   containerClassName: p,
   ...e
 }) {
-  const [o, w] = I.useState(!1), a = f ? ((m) => typeof m == "string" ? { name: m } : m)(f) : void 0, c = t && i ? "error" : i && !t && e.value ? "success" : "default", h = () => {
+  const [o, w] = y.useState(!1), a = f ? ((m) => typeof m == "string" ? { name: m } : m)(f) : void 0, c = t && i ? "error" : i && !t && e.value ? "success" : "default", h = () => {
     w(!o);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: r("flex flex-col gap-2", p), children: [
@@ -53,24 +53,24 @@ function V({
       j,
       {
         htmlFor: e.id,
-        className: r({
-          "text-neutral-700": e.disabled
+        className: r("mb-1", {
+          "opacity-50": e.disabled
         }),
         children: x
       }
     ),
     /* @__PURE__ */ s.jsxs("div", { className: "relative w-full", children: [
-      a && d === "left" && /* @__PURE__ */ s.jsx(
+      a && n === "left" && /* @__PURE__ */ s.jsx(
         "span",
         {
           className: r("absolute top-1/2 left-3 -translate-y-1/2", {
             "text-muted-foreground": c === "default",
             "text-destructive": c === "error",
             "text-success-main": c === "success",
-            "text-neutral-700": e.disabled
+            "text-muted-foreground opacity-50": e.disabled
           }),
           children: /* @__PURE__ */ s.jsx(
-            n,
+            d,
             {
               iconName: a.name,
               stroke: a.stroke,
@@ -88,14 +88,14 @@ function V({
           "aria-invalid": !!(t && i),
           "aria-errormessage": e.id && t ? `${e.id}-error-text` : void 0,
           className: r(
-            y({
+            I({
               size: g,
               rounded: v,
               state: c,
               className: r(
                 "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-                a && d === "left" ? "pl-10" : "",
-                a && d === "right" || l === "password" ? "pr-10" : "",
+                a && n === "left" ? "pl-10" : "",
+                a && n === "right" || l === "password" ? "pr-10" : "",
                 l === "color" ? "h-[50px] p-0" : "",
                 b
               )
@@ -113,7 +113,7 @@ function V({
           className: "absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",
           onClick: h,
           children: /* @__PURE__ */ s.jsx(
-            n,
+            d,
             {
               iconName: o ? "IconEyeOff" : "IconEye",
               size: 20
@@ -121,8 +121,8 @@ function V({
           )
         }
       ),
-      a && d === "right" && l !== "password" && /* @__PURE__ */ s.jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ s.jsx(
-        n,
+      a && n === "right" && l !== "password" && /* @__PURE__ */ s.jsx("span", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ s.jsx(
+        d,
         {
           iconName: a.name,
           stroke: a.stroke,
@@ -130,7 +130,7 @@ function V({
         }
       ) }),
       !a && t && i && l !== "password" && /* @__PURE__ */ s.jsx(
-        n,
+        d,
         {
           iconName: "IconAlertCircleFilled",
           size: 20,
@@ -138,7 +138,7 @@ function V({
         }
       ),
       !a && i && !t && e.value && l !== "password" && /* @__PURE__ */ s.jsx(
-        n,
+        d,
         {
           iconName: "IconCircleCheckFilled",
           size: 20,
@@ -162,7 +162,7 @@ function V({
           "text-muted-foreground": !t && !i,
           "text-destructive": t && i,
           "text-success-main": i && !t && e.value !== void 0,
-          "text-neutral-700": e.disabled
+          "text-muted-foreground opacity-50": e.disabled
         }),
         children: u
       }

package/dist/input-eri6Lyeo.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-BuHQgaKs.cjs"),h=require("./label-U5GnYvFO.cjs"),d=require("./index-DoxiiusW.cjs"),y=require("./index-C8P6Mn4U.cjs"),N=require("react"),c=require("./icon-component-D5YssRbR.cjs");function R(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>l[a]})}}return o.default=l,Object.freeze(o)}const E=R(N),I=y.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",error:"border-destructive ring-destructive/20 dark:ring-destructive/40",success:"border-success ring-success/20 dark:ring-success/40"}},defaultVariants:{size:"md",rounded:"default",state:"default"}});function z({className:l,label:o,helperText:a,error:t,touched:i,iconName:b,iconPosition:u="left",type:r="text",size:p,rounded:g,state:k,containerClassName:j,...e}){const[x,v]=E.useState(!1),n=b?(f=>typeof f=="string"?{name:f}:f)(b):void 0,m=t&&i?"error":i&&!t&&e.value?"success":"default",w=()=>{v(!x)};return s.jsxRuntimeExports.jsxs("div",{className:d.cn("flex flex-col gap-2",j),children:[o&&s.jsxRuntimeExports.jsx(h.Label,{htmlFor:e.id,className:d.cn("mb-1",{"opacity-50":e.disabled}),children:o}),s.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[n&&u==="left"&&s.jsxRuntimeExports.jsx("span",{className:d.cn("absolute top-1/2 left-3 -translate-y-1/2",{"text-muted-foreground":m==="default","text-destructive":m==="error","text-success-main":m==="success","text-muted-foreground opacity-50":e.disabled}),children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),s.jsxRuntimeExports.jsx("input",{type:r==="password"?x?"text":"password":r,"data-slot":"input","aria-describedby":e.id&&a?`${e.id}-helper-text`:void 0,"aria-invalid":!!(t&&i),"aria-errormessage":e.id&&t?`${e.id}-error-text`:void 0,className:d.cn(I({size:p,rounded:g,state:m,className:d.cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",n&&u==="left"?"pl-10":"",n&&u==="right"||r==="password"?"pr-10":"",r==="color"?"h-[50px] p-0":"",l)})),...e}),r==="password"&&s.jsxRuntimeExports.jsx("button",{type:"button",tabIndex:-1,"aria-label":x?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",onClick:w,children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:x?"IconEyeOff":"IconEye",size:20})}),n&&u==="right"&&r!=="password"&&s.jsxRuntimeExports.jsx("span",{className:"absolute top-1/2 right-3 -translate-y-1/2",children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),!n&&t&&i&&r!=="password"&&s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconAlertCircleFilled",size:20,className:"text-destructive absolute top-1/2 right-3 -translate-y-1/2"}),!n&&i&&!t&&e.value&&r!=="password"&&s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconCircleCheckFilled",size:20,className:"text-success-main absolute top-1/2 right-3 -translate-y-1/2"})]}),t&&i?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md",children:t}):a?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-helper-text`,className:d.cn("text-label-md",{"text-muted-foreground":!t&&!i,"text-destructive":t&&i,"text-success-main":i&&!t&&e.value!==void 0,"text-muted-foreground opacity-50":e.disabled}),children:a}):null]})}exports.Input=z;

package/dist/{tooltip-VxOmcZ36.cjs → tooltip-BRSR0-4n.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),a=require("./index-DoxiiusW.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const r=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function u({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function c({...t}){return o.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function p({className:t,sideOffset:e=0,children:i,...n}){return o.jsxRuntimeExports.jsx(r.Portal,{children:o.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"tooltip-content",sideOffset:e,className:a.cn("text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-xs text-balance shadow-sm",t),...n,children:[i,o.jsxRuntimeExports.jsx(r.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white"})]})})}exports.Tooltip=u;exports.TooltipContent=p;exports.TooltipProvider=s;exports.TooltipTrigger=c;
+"use strict";const o=require("./jsx-runtime-BuHQgaKs.cjs"),a=require("./index-DoxiiusW.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const r=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function p({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function u({...t}){return o.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function c({className:t,sideOffset:e=0,children:i,...n}){return o.jsxRuntimeExports.jsx(r.Portal,{children:o.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"tooltip-content",sideOffset:e,className:a.cn("text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 text-paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",t),...n,children:[i,o.jsxRuntimeExports.jsx(r.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white"})]})})}exports.Tooltip=p;exports.TooltipContent=c;exports.TooltipProvider=s;exports.TooltipTrigger=u;

package/dist/{tooltip-BnIdKYZi.js → tooltip-Bxh10S4Q.js}

@@ -3,53 +3,53 @@ import { c as s } from "./index-CRiPKpXj.js";
 import * as i from "@radix-ui/react-tooltip";
 function n({
   delayDuration: t = 0,
-  ...e
+  ...a
 }) {
   return /* @__PURE__ */ o.jsx(
     i.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
-      ...e
+      ...a
     }
   );
 }
-function m({
+function p({
   ...t
 }) {
   return /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
 }
-function p({
+function m({
   ...t
 }) {
   return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
 function c({
   className: t,
-  sideOffset: e = 0,
-  children: a,
+  sideOffset: a = 0,
+  children: e,
   ...r
 }) {
   return /* @__PURE__ */ o.jsx(i.Portal, { children: /* @__PURE__ */ o.jsxs(
     i.Content,
     {
       "data-slot": "tooltip-content",
-      sideOffset: e,
+      sideOffset: a,
       className: s(
-        "text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-xs text-balance shadow-sm",
+        "text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 text-paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",
         t
       ),
       ...r,
       children: [
-        a,
+        e,
         /* @__PURE__ */ o.jsx(i.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white" })
       ]
     }
   ) });
 }
 export {
-  m as T,
+  p as T,
   c as a,
   n as b,
-  p as c
+  m as c
 };

package/dist/ui.css

@@ -679,10 +679,10 @@ input[type='color']::-webkit-color-swatch {
 }
 
 *::-webkit-scrollbar-thumb {
-  background-color: var(--color-neutral-050);
+  background-color: var(--color-neutral-100);
   border-radius: 14px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-neutral-050);
+  background-color: var(--color-neutral-200);
 }

package/package.json

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

package/dist/input-Dm-TUC5P.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BuHQgaKs.cjs"),h=require("./label-U5GnYvFO.cjs"),d=require("./index-DoxiiusW.cjs"),N=require("./index-C8P6Mn4U.cjs"),R=require("react"),c=require("./icon-component-D5YssRbR.cjs");function E(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const I=E(R),y=N.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-semibold disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",error:"border-destructive ring-destructive/20 dark:ring-destructive/40",success:"border-success ring-success/20 dark:ring-success/40"}},defaultVariants:{size:"md",rounded:"default",state:"default"}});function z({className:r,label:o,helperText:a,error:t,touched:i,iconName:b,iconPosition:u="left",type:l="text",size:g,rounded:p,state:k,containerClassName:j,...e}){const[x,v]=I.useState(!1),n=b?(f=>typeof f=="string"?{name:f}:f)(b):void 0,m=t&&i?"error":i&&!t&&e.value?"success":"default",w=()=>{v(!x)};return s.jsxRuntimeExports.jsxs("div",{className:d.cn("flex flex-col gap-2",j),children:[o&&s.jsxRuntimeExports.jsx(h.Label,{htmlFor:e.id,className:d.cn({"text-neutral-700":e.disabled}),children:o}),s.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[n&&u==="left"&&s.jsxRuntimeExports.jsx("span",{className:d.cn("absolute top-1/2 left-3 -translate-y-1/2",{"text-muted-foreground":m==="default","text-destructive":m==="error","text-success-main":m==="success","text-neutral-700":e.disabled}),children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),s.jsxRuntimeExports.jsx("input",{type:l==="password"?x?"text":"password":l,"data-slot":"input","aria-describedby":e.id&&a?`${e.id}-helper-text`:void 0,"aria-invalid":!!(t&&i),"aria-errormessage":e.id&&t?`${e.id}-error-text`:void 0,className:d.cn(y({size:g,rounded:p,state:m,className:d.cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",n&&u==="left"?"pl-10":"",n&&u==="right"||l==="password"?"pr-10":"",l==="color"?"h-[50px] p-0":"",r)})),...e}),l==="password"&&s.jsxRuntimeExports.jsx("button",{type:"button",tabIndex:-1,"aria-label":x?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2 rounded-md p-1 hover:bg-neutral-100/50 focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-none",onClick:w,children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:x?"IconEyeOff":"IconEye",size:20})}),n&&u==="right"&&l!=="password"&&s.jsxRuntimeExports.jsx("span",{className:"absolute top-1/2 right-3 -translate-y-1/2",children:s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:n.name,stroke:n.stroke,size:20})}),!n&&t&&i&&l!=="password"&&s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconAlertCircleFilled",size:20,className:"text-destructive absolute top-1/2 right-3 -translate-y-1/2"}),!n&&i&&!t&&e.value&&l!=="password"&&s.jsxRuntimeExports.jsx(c.IconComponent,{iconName:"IconCircleCheckFilled",size:20,className:"text-success-main absolute top-1/2 right-3 -translate-y-1/2"})]}),t&&i?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-error-text`,"aria-invalid":!0,className:"text-destructive text-label-md",children:t}):a?s.jsxRuntimeExports.jsx("span",{id:e.id&&`${e.id}-helper-text`,className:d.cn("text-label-md",{"text-muted-foreground":!t&&!i,"text-destructive":t&&i,"text-success-main":i&&!t&&e.value!==void 0,"text-neutral-700":e.disabled}),children:a}):null]})}exports.Input=z;