@clasing/ui 2.1.1 → 2.3.0

package/dist/button-BT7pXfhd.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-9HRzXEQf.cjs"),k=require("@phosphor-icons/react"),T=require("@radix-ui/react-slot"),g=require("./index-ECyCsPX0.cjs"),q=require("react"),e=require("./tooltip-BccdAn4x.cjs"),x="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0",c=g.cva(x,{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:"button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),v=g.cva(`${x} 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 outline-transparent"]},size:{xl:"button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),y=g.cva(x,{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 outline-transparent"]},size:{xl:"button-text-lg h-12 gap-2 px-6 leading-[100%] [&_svg]:size-5",lg:"button-text-md h-10 gap-2 px-5 leading-[100%] [&_svg]:size-4",md:"button-text-sm h-8 gap-1.5 px-4 leading-[100%] [&_svg]:size-3.5",sm:"button-text-sm h-7 gap-1 px-3 leading-[100%] [&_svg]:size-3.5",xs:"button-text-sm h-6 gap-1 px-3 leading-[100%] [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),f=q.forwardRef(({className:s,variant:o,size:n,weight:u,rounded:d,children:p,isLoading:r,isActive:j,disabled:b,tooltip:l,tooltipPlacement:m="top",asChild:h,iconOnly:i,...w},z)=>{const R=h?T.Slot:"button",_=i?{xl:"w-12 px-0",lg:"w-10 px-0",md:"w-8 px-0",sm:"w-7 px-0",xs:"w-6 px-0"}[n||"xl"]:"",E=t.cn(r?v({variant:o,weight:u,size:n,rounded:d,className:s}):j?y({variant:o,weight:u,size:n,rounded:d,className:s}):c({variant:o,weight:u,size:n,rounded:d,className:s}),_),S=h?p:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[r&&t.jsxRuntimeExports.jsx(k.SpinnerIcon,{className:t.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",{"visible animate-spin opacity-100":r})}),t.jsxRuntimeExports.jsx("span",{className:t.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:p})]}),a=t.jsxRuntimeExports.jsx(R,{ref:z,className:E,disabled:b||r,...w,children:S});return l&&(b||r)?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:i,children:i?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:a}):a}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:m,className:"text-muted-foreground",children:l})]})}):l?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:i,children:a}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:m,className:"text-muted-foreground",children:l})]})}):a});f.displayName="Button";exports.Button=f;exports.buttonActiveStyles=y;exports.buttonLoadingStyles=v;exports.buttonStyles=c;

package/dist/{button-CUrfGF3Y.js → button-D6LWWLE8.js}

@@ -1,10 +1,10 @@
-import { c as g, j as e } from "./index-D5lmpham.js";
+import { c as g, j as t } from "./index-D5lmpham.js";
 import { SpinnerIcon as T } from "@phosphor-icons/react";
 import { Slot as B } from "@radix-ui/react-slot";
-import { c as d } from "./index-DN28Pf0m.js";
+import { c as u } from "./index-DN28Pf0m.js";
 import C from "react";
 import { b as v, T as c, c as y, a as f } from "./tooltip-rv-jVOxy.js";
-const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0", R = d(u, {
+const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0", R = u(b, {
   variants: {
     variant: {
       // Variantes de botón sólido
@@ -31,11 +31,11 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       ]
     },
     size: {
-      xl: "paragraph-md h-12 gap-2 px-6 py-1 [&_svg]:size-5",
-      lg: "paragraph-sm h-10 gap-2 px-5 py-1 [&_svg]:size-5",
-      md: "paragraph-xs h-8 gap-1.5 px-4 py-1 [&_svg]:size-4",
-      sm: "paragraph-xs h-7 gap-1 px-3 py-1 [&_svg]:size-4",
-      xs: "paragraph-xs h-6 gap-1 px-3 py-1 [&_svg]:size-3.5"
+      xl: "button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",
+      lg: "button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",
+      md: "button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",
+      sm: "button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",
+      xs: "button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"
     },
     rounded: {
       default: "rounded-2xl",
@@ -54,7 +54,7 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     weight: "semibold",
     rounded: "full"
   }
-}), V = d(`${u} cursor-default`, {
+}), V = u(`${b} cursor-default`, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -66,11 +66,11 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       link: ["bg-primary-050 text-primary-600 outline-transparent"]
     },
     size: {
-      xl: "paragraph-md h-12 gap-2 px-6 py-1 [&_svg]:size-5",
-      lg: "paragraph-sm h-10 gap-2 px-5 py-1 [&_svg]:size-5",
-      md: "paragraph-xs h-8 gap-1.5 px-4 py-1 [&_svg]:size-4",
-      sm: "paragraph-xs h-7 gap-1 px-3 py-1 [&_svg]:size-4",
-      xs: "paragraph-xs h-6 gap-1 px-3 py-1 [&_svg]:size-3.5"
+      xl: "button-text-lg h-12 gap-2 px-6 py-1 leading-[100%] [&_svg]:size-5",
+      lg: "button-text-md h-10 gap-2 px-5 py-1 leading-[100%] [&_svg]:size-4",
+      md: "button-text-sm h-8 gap-1.5 px-4 py-1 leading-[100%] [&_svg]:size-3.5",
+      sm: "button-text-sm h-7 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5",
+      xs: "button-text-sm h-6 gap-1 px-3 py-1 leading-[100%] [&_svg]:size-3.5"
     },
     rounded: {
       default: "rounded-2xl",
@@ -89,7 +89,7 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     weight: "semibold",
     rounded: "full"
   }
-}), A = d(u, {
+}), A = u(b, {
   variants: {
     variant: {
       primary: ["bg-primary-800 text-white outline-transparent"],
@@ -101,11 +101,11 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       link: ["bg-primary-050 text-primary-600 outline-transparent"]
     },
     size: {
-      xl: "paragraph-md h-12 gap-2 px-6 [&_svg]:size-5",
-      lg: "paragraph-sm h-10 gap-2 px-5 [&_svg]:size-5",
-      md: "paragraph-xs h-8 gap-1.5 px-4 [&_svg]:size-4",
-      sm: "paragraph-xs h-7 gap-1 px-3 [&_svg]:size-4",
-      xs: "paragraph-xs h-6 gap-1 px-3 [&_svg]:size-3.5"
+      xl: "button-text-lg h-12 gap-2 px-6 leading-[100%] [&_svg]:size-5",
+      lg: "button-text-md h-10 gap-2 px-5 leading-[100%] [&_svg]:size-4",
+      md: "button-text-sm h-8 gap-1.5 px-4 leading-[100%] [&_svg]:size-3.5",
+      sm: "button-text-sm h-7 gap-1 px-3 leading-[100%] [&_svg]:size-3.5",
+      xs: "button-text-sm h-6 gap-1 px-3 leading-[100%] [&_svg]:size-3.5"
     },
     rounded: {
       default: "rounded-2xl",
@@ -126,101 +126,101 @@ const u = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
   }
 }), E = C.forwardRef(
   ({
-    className: s,
-    variant: n,
+    className: i,
+    variant: s,
     size: r,
     weight: o,
-    rounded: p,
-    children: b,
-    isLoading: t,
+    rounded: d,
+    children: p,
+    isLoading: e,
     isActive: w,
     disabled: x,
     tooltip: a,
-    tooltipPlacement: h = "top",
-    asChild: m,
+    tooltipPlacement: m = "top",
+    asChild: h,
     iconOnly: l,
     ...z
   }, _) => {
-    const j = m ? B : "button", k = l ? {
+    const j = h ? B : "button", k = l ? {
       xl: "w-12 px-0",
       lg: "w-10 px-0",
       md: "w-8 px-0",
       sm: "w-7 px-0",
       xs: "w-6 px-0"
     }[r || "xl"] : "", S = g(
-      t ? V({
-        variant: n,
+      e ? V({
+        variant: s,
         weight: o,
         size: r,
-        rounded: p,
-        className: s
+        rounded: d,
+        className: i
       }) : w ? A({
-        variant: n,
+        variant: s,
         weight: o,
         size: r,
-        rounded: p,
-        className: s
+        rounded: d,
+        className: i
       }) : R({
-        variant: n,
+        variant: s,
         weight: o,
         size: r,
-        rounded: p,
-        className: s
+        rounded: d,
+        className: i
       }),
       k
-    ), N = m ? b : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      t && /* @__PURE__ */ e.jsx(
+    ), N = h ? p : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      e && /* @__PURE__ */ t.jsx(
         T,
         {
           className: g(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
             {
-              "visible animate-spin opacity-100": t
+              "visible animate-spin opacity-100": e
             }
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "span",
         {
           className: g(
             "flex items-center justify-center gap-2",
-            t ? "invisible opacity-0" : "visible opacity-100"
+            e ? "invisible opacity-0" : "visible opacity-100"
           ),
-          children: b
+          children: p
         }
       )
-    ] }), i = /* @__PURE__ */ e.jsx(
+    ] }), n = /* @__PURE__ */ t.jsx(
       j,
       {
         ref: _,
         className: S,
-        disabled: x || t,
+        disabled: x || e,
         ...z,
         children: N
       }
     );
-    return a && (x || t) ? /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(y, { asChild: l, children: l ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: i }) : i }),
-      /* @__PURE__ */ e.jsx(
+    return a && (x || e) ? /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs(c, { children: [
+      /* @__PURE__ */ t.jsx(y, { asChild: l, children: l ? /* @__PURE__ */ t.jsx("div", { className: "inline-block", "aria-disabled": "true", children: n }) : n }),
+      /* @__PURE__ */ t.jsx(
         f,
         {
-          side: h,
+          side: m,
           className: "text-muted-foreground",
           children: a
         }
       )
-    ] }) }) : a ? /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(y, { asChild: l, children: i }),
-      /* @__PURE__ */ e.jsx(
+    ] }) }) : a ? /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsxs(c, { children: [
+      /* @__PURE__ */ t.jsx(y, { asChild: l, children: n }),
+      /* @__PURE__ */ t.jsx(
         f,
         {
-          side: h,
+          side: m,
           className: "text-muted-foreground",
           children: a
         }
       )
-    ] }) }) : i;
+    ] }) }) : n;
   }
 );
 E.displayName = "Button";

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

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

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

@@ -1,6 +1,6 @@
 import { j as e, c as l } from "../index-D5lmpham.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { c as r } from "../button-CUrfGF3Y.js";
+import { c as r } from "../button-D6LWWLE8.js";
 function c({
   ...t
 }) {

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-B4yT3Gcz.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-BT7pXfhd.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.d.ts

@@ -1,13 +1,20 @@
 import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
-export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles> {
-    asChild?: boolean;
+interface ButtonBaseProps extends VariantProps<typeof buttonStyles> {
     iconOnly?: boolean;
     isLoading?: boolean;
     isActive?: boolean;
     tooltip?: React.ReactNode;
     tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
 }
+interface ButtonAsChildProps extends ButtonBaseProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    asChild: true;
+    children: React.ReactElement;
+}
+interface ButtonDefaultProps extends ButtonBaseProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: false;
+}
+export type IButtonProps = ButtonAsChildProps | ButtonDefaultProps;
 declare const buttonStyles: (props?: ({
     variant?: "link" | "primary" | "secondary" | "inverse" | "outline" | "ghost" | "destructive" | null | undefined;
     size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;

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-CUrfGF3Y.js";
+import { B as s, b as a, a as e, c as n } from "../button-D6LWWLE8.js";
 export {
   s as Button,
   a as buttonActiveStyles,

package/dist/components/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-B4yT3Gcz.cjs"),i=require("@phosphor-icons/react");function y(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(a,r,d.get?d:{enumerable:!0,get:()=>n[r]})}}return a.default=n,Object.freeze(a)}const f=y(b);function h({className:n,classNames:a,showOutsideDays:r=!0,captionLayout:d="label",buttonVariant:c="inverse",formatters:l,components:p,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:r,className:e.cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,n),captionLayout:d,formatters:{formatMonthDropdown:o=>o.toLocaleString("default",{month:"short"}),...l},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-4 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-4",t.month),nav:e.cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_previous),button_next:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_next),month_caption:e.cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center paragraph-sm font-medium justify-center h-(--cell-size) gap-1.5",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-input has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",t.dropdown_root),dropdown:e.cn("absolute bg-popover inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none font-medium",d==="label"?"paragraph-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 paragraph-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-2",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-muted-foreground",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l-md bg-accent",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r-md bg-accent",t.range_end),today:e.cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",t.today),outside:e.cn("text-muted-foreground aria-selected:text-muted-foreground",t.outside),disabled:e.cn("text-muted-foreground opacity-50",t.disabled),hidden:e.cn("invisible",t.hidden),...a},components:{Root:({className:o,rootRef:s,...u})=>e.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:s,className:e.cn(o),...u}),Chevron:({className:o,orientation:s,...u})=>s==="left"?e.jsxRuntimeExports.jsx(i.CaretLeftIcon,{...u}):s==="right"?e.jsxRuntimeExports.jsx(i.CaretRightIcon,{...u}):e.jsxRuntimeExports.jsx(i.CaretDownIcon,{...u}),DayButton:_,WeekNumber:({children:o,...s})=>e.jsxRuntimeExports.jsx("td",{...s,children:e.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:o})}),...p},...x})}function _({className:n,day:a,modifiers:r,...d}){const c=g.getDefaultClassNames(),l=f.useRef(null);return f.useEffect(()=>{r.focused&&l.current?.focus()},[r.focused]),e.jsxRuntimeExports.jsx(m.Button,{ref:l,variant:"inverse",size:"xs","data-day":a.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:e.cn("data-[selected-single=true]:bg-secondary data-[selected-single=true]:text-secondary-foreground data-[range-middle=true]:bg-blue-050 data-[range-start=true]:bg-secondary data-[range-start=true]:text-secondary-foreground data-[range-end=true]:bg-secondary data-[range-end=true]:text-secondary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground data-[selected-single=true]:hover:bg-secondary/80 data-[selected-single=true]:hover:text-secondary-foreground data-[range-start=true]:hover:bg-secondary/80 data-[range-end=true]:hover:bg-secondary/80 [&>span]:paragraph-xs flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-md p-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-middle=true]:text-blue-800 data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:opacity-70",c.day,n),...d})}exports.Calendar=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-BT7pXfhd.cjs"),i=require("@phosphor-icons/react");function y(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(a,r,d.get?d:{enumerable:!0,get:()=>n[r]})}}return a.default=n,Object.freeze(a)}const f=y(b);function h({className:n,classNames:a,showOutsideDays:r=!0,captionLayout:d="label",buttonVariant:c="inverse",formatters:l,components:p,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:r,className:e.cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,n),captionLayout:d,formatters:{formatMonthDropdown:o=>o.toLocaleString("default",{month:"short"}),...l},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-4 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-4",t.month),nav:e.cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_previous),button_next:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_next),month_caption:e.cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center paragraph-sm font-medium justify-center h-(--cell-size) gap-1.5",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-input has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",t.dropdown_root),dropdown:e.cn("absolute bg-popover inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none font-medium",d==="label"?"paragraph-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 paragraph-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-2",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-muted-foreground",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l-md bg-accent",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r-md bg-accent",t.range_end),today:e.cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",t.today),outside:e.cn("text-muted-foreground aria-selected:text-muted-foreground",t.outside),disabled:e.cn("text-muted-foreground opacity-50",t.disabled),hidden:e.cn("invisible",t.hidden),...a},components:{Root:({className:o,rootRef:s,...u})=>e.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:s,className:e.cn(o),...u}),Chevron:({className:o,orientation:s,...u})=>s==="left"?e.jsxRuntimeExports.jsx(i.CaretLeftIcon,{...u}):s==="right"?e.jsxRuntimeExports.jsx(i.CaretRightIcon,{...u}):e.jsxRuntimeExports.jsx(i.CaretDownIcon,{...u}),DayButton:_,WeekNumber:({children:o,...s})=>e.jsxRuntimeExports.jsx("td",{...s,children:e.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:o})}),...p},...x})}function _({className:n,day:a,modifiers:r,...d}){const c=g.getDefaultClassNames(),l=f.useRef(null);return f.useEffect(()=>{r.focused&&l.current?.focus()},[r.focused]),e.jsxRuntimeExports.jsx(m.Button,{ref:l,variant:"inverse",size:"xs","data-day":a.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:e.cn("data-[selected-single=true]:bg-secondary data-[selected-single=true]:text-secondary-foreground data-[range-middle=true]:bg-blue-050 data-[range-start=true]:bg-secondary data-[range-start=true]:text-secondary-foreground data-[range-end=true]:bg-secondary data-[range-end=true]:text-secondary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground data-[selected-single=true]:hover:bg-secondary/80 data-[selected-single=true]:hover:text-secondary-foreground data-[range-start=true]:hover:bg-secondary/80 data-[range-end=true]:hover:bg-secondary/80 [&>span]:paragraph-xs flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-md p-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-middle=true]:text-blue-800 data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:opacity-70",c.day,n),...d})}exports.Calendar=h;

package/dist/components/calendar.es.js

@@ -1,7 +1,7 @@
 import { j as r, c as e } from "../index-D5lmpham.js";
 import * as i from "react";
 import { getDefaultClassNames as f, DayPicker as b } from "react-day-picker";
-import { c as m, B as y } from "../button-CUrfGF3Y.js";
+import { c as m, B as y } from "../button-D6LWWLE8.js";
 import { CaretLeftIcon as h, CaretRightIcon as w, CaretDownIcon as _ } from "@phosphor-icons/react";
 function C({
   className: c,

package/dist/components/input.cjs.js

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

package/dist/components/input.es.js

@@ -1,4 +1,4 @@
-import { I as r } from "../input-fvzEG6zH.js";
+import { I as r } from "../input-DjbpoQwv.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("../index-9HRzXEQf.cjs"),c=require("../command-CrtCQpi_.cjs"),N=require("../input-C144z_Is.cjs"),x=require("../popover-CeOAAwBQ.cjs"),S=require("../scroll-area-D74XszlE.cjs"),h=require("@phosphor-icons/react"),w=require("react"),I=require("react-phone-number-input"),P=require("react-phone-number-input/flags"),q=require("react-phone-number-input/locale/en"),O=require("react-phone-number-input/locale/es"),_=require("react-phone-number-input/locale/fr");function b(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const d=b(w),R=b(I),y=d.forwardRef(({className:n,onChange:t,value:r,size:o="md",rounded:s="default",locale:l="en",...i},p)=>e.jsxRuntimeExports.jsx(R.default,{ref:p,className:e.cn("flex",n),flagComponent:f,countrySelectComponent:T,inputComponent:C,smartCaret:!1,labels:l==="es"?O:l==="fr"?_:q,value:r||void 0,onChange:u=>t?.(u||""),countrySelectProps:{size:o,rounded:s},numberInputProps:{size:o,rounded:s},...i}));y.displayName="PhoneInput";const C=d.forwardRef(({className:n,rounded:t="default",error:r,touched:o,size:s,...l},i)=>{const{"data-country":p,...u}=l;return e.jsxRuntimeExports.jsx(N.Input,{size:s,className:e.cn("w-full",{"border-destructive":r&&o,"border-blue-800":o&&!r,"rounded-s-none rounded-e-lg":t!=="full","rounded-s-none rounded-e-full":t==="full","rounded-e-sm":s==="sm","rounded-e-md":s==="md","rounded-e-lg":s==="lg"},n),...u,ref:i})});C.displayName="InputComponent";const T=({disabled:n,value:t,options:r,onChange:o,size:s="md",rounded:l="default",error:i,touched:p})=>{const u=d.useRef(null),[E,j]=d.useState(""),[v,g]=d.useState(!1);return e.jsxRuntimeExports.jsxs(x.Popover,{open:v,modal:!0,onOpenChange:a=>{g(a),a&&j("")},children:[e.jsxRuntimeExports.jsx(x.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.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 file:paragraph-sm md:paragraph-sm paragraph-md flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",l==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":i&&p,"outline-blue-800":p&&!i,"label-md h-8 rounded-s-sm px-2 py-1":s==="sm","label-lg h-12 rounded-s-md px-3 py-1":s==="md","label-xl h-16 rounded-s-lg px-4 py-2":s==="lg"}),disabled:n,children:[e.jsxRuntimeExports.jsx(f,{country:t,countryName:t,disabled:n}),e.jsxRuntimeExports.jsx(h.CaretDownIcon,{className:e.cn("-mr-2 size-4 opacity-50",n?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(x.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(c.Command,{children:[e.jsxRuntimeExports.jsx(c.CommandInput,{value:E,onValueChange:a=>{j(a),setTimeout(()=>{if(u.current){const m=u.current.querySelector("[data-radix-scroll-area-viewport]");m&&(m.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(c.CommandList,{children:e.jsxRuntimeExports.jsxs(S.ScrollArea,{ref:u,className:"h-72",children:[e.jsxRuntimeExports.jsx(c.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(c.CommandGroup,{children:r.map(({value:a,label:m})=>a?e.jsxRuntimeExports.jsx(k,{country:a,countryName:m,selectedCountry:t,onChange:o,onSelectComplete:()=>g(!1)},a):null)})]})})]})})]})},k=({country:n,countryName:t,selectedCountry:r,onChange:o,onSelectComplete:s})=>{const l=()=>{o(n),s()};return e.jsxRuntimeExports.jsxs(c.CommandItem,{className:"gap-2",onSelect:l,children:[e.jsxRuntimeExports.jsx(f,{country:n,countryName:t}),e.jsxRuntimeExports.jsx("span",{className:"paragraph-sm flex-1",children:t}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 paragraph-sm",children:`+${R.getCountryCallingCode(n)}`}),e.jsxRuntimeExports.jsx(h.CheckIcon,{className:`ml-auto size-4 ${n===r?"opacity-100":"opacity-0"}`})]})},f=({country:n,countryName:t,disabled:r})=>{const o=P[n];return e.jsxRuntimeExports.jsx("span",{className:e.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":r}),children:o&&e.jsxRuntimeExports.jsx(o,{title:t})})};exports.PhoneInput=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("../command-CrtCQpi_.cjs"),N=require("../input-DeItm2eC.cjs"),x=require("../popover-CeOAAwBQ.cjs"),S=require("../scroll-area-D74XszlE.cjs"),h=require("@phosphor-icons/react"),w=require("react"),I=require("react-phone-number-input"),P=require("react-phone-number-input/flags"),q=require("react-phone-number-input/locale/en"),O=require("react-phone-number-input/locale/es"),_=require("react-phone-number-input/locale/fr");function b(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const d=b(w),R=b(I),y=d.forwardRef(({className:n,onChange:t,value:r,size:o="md",rounded:s="default",locale:l="en",...i},p)=>e.jsxRuntimeExports.jsx(R.default,{ref:p,className:e.cn("flex",n),flagComponent:f,countrySelectComponent:T,inputComponent:C,smartCaret:!1,labels:l==="es"?O:l==="fr"?_:q,value:r||void 0,onChange:u=>t?.(u||""),countrySelectProps:{size:o,rounded:s},numberInputProps:{size:o,rounded:s},...i}));y.displayName="PhoneInput";const C=d.forwardRef(({className:n,rounded:t="default",error:r,touched:o,size:s,...l},i)=>{const{"data-country":p,...u}=l;return e.jsxRuntimeExports.jsx(N.Input,{size:s,className:e.cn("w-full",{"border-destructive":r&&o,"border-blue-800":o&&!r,"rounded-s-none rounded-e-lg":t!=="full","rounded-s-none rounded-e-full":t==="full","rounded-e-sm":s==="sm","rounded-e-md":s==="md","rounded-e-lg":s==="lg"},n),...u,ref:i})});C.displayName="InputComponent";const T=({disabled:n,value:t,options:r,onChange:o,size:s="md",rounded:l="default",error:i,touched:p})=>{const u=d.useRef(null),[E,j]=d.useState(""),[v,g]=d.useState(!1);return e.jsxRuntimeExports.jsxs(x.Popover,{open:v,modal:!0,onOpenChange:a=>{g(a),a&&j("")},children:[e.jsxRuntimeExports.jsx(x.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.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 file:paragraph-sm md:paragraph-sm paragraph-md flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",l==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":i&&p,"outline-blue-800":p&&!i,"label-md h-8 rounded-s-sm px-2 py-1":s==="sm","label-lg h-12 rounded-s-md px-3 py-1":s==="md","label-xl h-16 rounded-s-lg px-4 py-2":s==="lg"}),disabled:n,children:[e.jsxRuntimeExports.jsx(f,{country:t,countryName:t,disabled:n}),e.jsxRuntimeExports.jsx(h.CaretDownIcon,{className:e.cn("-mr-2 size-4 opacity-50",n?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(x.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(c.Command,{children:[e.jsxRuntimeExports.jsx(c.CommandInput,{value:E,onValueChange:a=>{j(a),setTimeout(()=>{if(u.current){const m=u.current.querySelector("[data-radix-scroll-area-viewport]");m&&(m.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(c.CommandList,{children:e.jsxRuntimeExports.jsxs(S.ScrollArea,{ref:u,className:"h-72",children:[e.jsxRuntimeExports.jsx(c.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(c.CommandGroup,{children:r.map(({value:a,label:m})=>a?e.jsxRuntimeExports.jsx(k,{country:a,countryName:m,selectedCountry:t,onChange:o,onSelectComplete:()=>g(!1)},a):null)})]})})]})})]})},k=({country:n,countryName:t,selectedCountry:r,onChange:o,onSelectComplete:s})=>{const l=()=>{o(n),s()};return e.jsxRuntimeExports.jsxs(c.CommandItem,{className:"gap-2",onSelect:l,children:[e.jsxRuntimeExports.jsx(f,{country:n,countryName:t}),e.jsxRuntimeExports.jsx("span",{className:"paragraph-sm flex-1",children:t}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 paragraph-sm",children:`+${R.getCountryCallingCode(n)}`}),e.jsxRuntimeExports.jsx(h.CheckIcon,{className:`ml-auto size-4 ${n===r?"opacity-100":"opacity-0"}`})]})},f=({country:n,countryName:t,disabled:r})=>{const o=P[n];return e.jsxRuntimeExports.jsx("span",{className:e.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":r}),children:o&&e.jsxRuntimeExports.jsx(o,{title:t})})};exports.PhoneInput=y;

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

@@ -1,6 +1,6 @@
 import { j as e, c as u } from "../index-D5lmpham.js";
 import { C as y, d as v, f as N, b as S, c as w, e as I } from "../command-ev4m9IoQ.js";
-import { I as P } from "../input-fvzEG6zH.js";
+import { I as P } from "../input-DjbpoQwv.js";
 import { P as R, c as O, b as E } from "../popover-BdDS9aoy.js";
 import { S as T } from "../scroll-area-oS6ZJIMN.js";
 import { CaretDownIcon as V, CheckIcon as k } from "@phosphor-icons/react";

package/dist/{input-C144z_Is.cjs → input-DeItm2eC.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./index-9HRzXEQf.cjs"),o=require("@phosphor-icons/react"),c=require("./index-ECyCsPX0.cjs"),x=require("react"),b=require("./button-B4yT3Gcz.cjs");function f(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(e,s,t.get?t:{enumerable:!0,get:()=>i[s]})}}return e.default=i,Object.freeze(e)}const g=f(x),d=c.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function m({className:i,type:e,size:s,icon:t,iconPosition:a="left",...l}){const[n,u]=g.useState(!1),p=()=>{u(!n)};return!t&&e!=="password"?r.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",i),...l}):r.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[t&&a==="left"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t}),r.jsxRuntimeExports.jsx("input",{type:e==="password"?n?"text":"password":e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t&&a==="left"?"pl-10":"",t&&a==="right"||e==="password"?"pr-10":"",i),...l}),e==="password"&&r.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:s==="xs"||s==="sm"?"xs":"md",tabIndex:-1,"aria-label":n?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:p,children:n?r.jsxRuntimeExports.jsx(o.EyeSlashIcon,{}):r.jsxRuntimeExports.jsx(o.EyeIcon,{})}),t&&a==="right"&&e!=="password"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t})]})}exports.Input=m;
+"use strict";const r=require("./index-9HRzXEQf.cjs"),o=require("@phosphor-icons/react"),c=require("./index-ECyCsPX0.cjs"),x=require("react"),b=require("./button-BT7pXfhd.cjs");function f(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(e,s,t.get?t:{enumerable:!0,get:()=>i[s]})}}return e.default=i,Object.freeze(e)}const g=f(x),d=c.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function m({className:i,type:e,size:s,icon:t,iconPosition:a="left",...l}){const[n,u]=g.useState(!1),p=()=>{u(!n)};return!t&&e!=="password"?r.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",i),...l}):r.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[t&&a==="left"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t}),r.jsxRuntimeExports.jsx("input",{type:e==="password"?n?"text":"password":e,"data-slot":"input",className:r.cn(d({size:s}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t&&a==="left"?"pl-10":"",t&&a==="right"||e==="password"?"pr-10":"",i),...l}),e==="password"&&r.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:s==="xs"||s==="sm"?"xs":"md",tabIndex:-1,"aria-label":n?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:p,children:n?r.jsxRuntimeExports.jsx(o.EyeSlashIcon,{}):r.jsxRuntimeExports.jsx(o.EyeIcon,{})}),t&&a==="right"&&e!=="password"&&r.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t})]})}exports.Input=m;

package/dist/{input-fvzEG6zH.js → input-DjbpoQwv.js}

@@ -2,7 +2,7 @@ import { j as e, c as n } from "./index-D5lmpham.js";
 import { EyeSlashIcon as f, EyeIcon as b } from "@phosphor-icons/react";
 import { c as m } from "./index-DN28Pf0m.js";
 import * as x from "react";
-import { B as c } from "./button-CUrfGF3Y.js";
+import { B as c } from "./button-D6LWWLE8.js";
 const o = m(
   "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {

package/dist/ui.css

@@ -46,18 +46,16 @@
   --tracking-widest: 10px;
 
   --font-*: initial;
-  --font-display: Open Sans, sans-serif;
-  --font-title: Open Sans, sans-serif;
-  --font-text: Open Sans, sans-serif;
-  --font-label: Open Sans, sans-serif;
-  --font-overline: Open Sans, sans-serif;
+  --font-display: 'DM Sans', sans-serif;
+  --font-title: 'DM Sans', sans-serif;
+  --font-text: 'DM Sans', sans-serif;
+  --font-label: 'DM Sans', sans-serif;
+  --font-overline: 'DM Sans', sans-serif;
 
   --font-weight-*: initial;
-  --font-weight-light: 300;
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
-  --font-weight-bold: 700;
 
   --color-*: initial;
   --color-black: oklch(0.2 0.0102 248.34);
@@ -440,88 +438,136 @@
   }
 }
 
-@utility display-xs {
-  @apply leading-lg text-lg tracking-tight;
-}
-
 @utility display-sm {
-  @apply leading-xl text-xl tracking-tight;
+  font-size: 44px;
+  line-height: 110%;
+  letter-spacing: -0.03em;
 }
 
 @utility display-lg {
-  @apply leading-3xl text-3xl tracking-tight;
+  font-size: 52px;
+  line-height: 110%;
+  letter-spacing: -0.03em;
+}
+
+@utility title-2xs {
+  font-size: 20px;
+  line-height: 120%;
+  letter-spacing: -0.02em;
 }
 
 @utility title-xs {
-  @apply leading-2xl text-2xl tracking-tight;
+  font-size: 24px;
+  line-height: 120%;
+  letter-spacing: -0.03em;
 }
 
 @utility title-sm {
-  @apply leading-3xl text-3xl tracking-tight;
+  font-size: 28px;
+  line-height: 120%;
+  letter-spacing: -0.03em;
 }
 
 @utility title-md {
-  @apply leading-4xl text-4xl tracking-tight;
+  font-size: 32px;
+  line-height: 120%;
+  letter-spacing: -0.03em;
 }
 
 @utility title-lg {
-  @apply leading-5xl text-5xl tracking-tight;
+  font-size: 36px;
+  line-height: 120%;
+  letter-spacing: -0.03em;
 }
 
 @utility title-xl {
-  @apply leading-6xl text-6xl tracking-tight;
+  font-size: 40px;
+  line-height: 120%;
+  letter-spacing: -0.03em;
 }
 
 @utility label-xs {
-  @apply text-2xs leading-xs tracking-normal;
+  font-size: 10px;
+  line-height: 110%;
+  letter-spacing: -0.01em;
 }
 
 @utility label-sm {
-  @apply leading-sm text-xs tracking-normal;
+  font-size: 12px;
+  line-height: 110%;
+  letter-spacing: -0.01em;
 }
 
 @utility label-md {
-  @apply leading-md text-sm tracking-normal;
+  font-size: 14px;
+  line-height: 110%;
+  letter-spacing: -0.01em;
 }
 
 @utility label-lg {
-  @apply leading-lg text-base tracking-normal;
+  font-size: 16px;
+  line-height: 110%;
+  letter-spacing: -0.01em;
 }
 
 @utility label-xl {
-  @apply leading-lg text-lg tracking-normal;
+  font-size: 18px;
+  line-height: 110%;
+  letter-spacing: -0.01em;
 }
 
 @utility label-2xl {
-  @apply leading-xl text-xl tracking-normal;
+  font-size: 20px;
+  line-height: 110%;
+  letter-spacing: -0.02em;
 }
 
 @utility label-3xl {
-  @apply leading-2xl text-2xl tracking-normal;
+  font-size: 24px;
+  line-height: 110%;
+  letter-spacing: -0.03em;
 }
 
 @utility paragraph-xs {
-  @apply leading-md text-xs tracking-normal;
+  font-size: 12px;
+  line-height: 140%;
+  letter-spacing: -0.01em;
 }
 
 @utility paragraph-sm {
-  @apply leading-md text-sm tracking-normal;
+  font-size: 14px;
+  line-height: 140%;
+  letter-spacing: -0.01em;
 }
 
 @utility paragraph-md {
-  @apply leading-lg text-base tracking-normal;
+  font-size: 16px;
+  line-height: 140%;
+  letter-spacing: -0.01em;
 }
 
 @utility paragraph-lg {
-  @apply leading-xl text-lg tracking-normal;
+  font-size: 18px;
+  line-height: 140%;
+  letter-spacing: -0.01em;
+}
+
+@utility button-text-sm {
+  font-size: 12px;
+  line-height: 14px;
+  letter-spacing: -0.01em;
 }
 
-@utility overline-sm {
-  @apply leading-md text-xs tracking-widest;
+@utility button-text-md {
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.01em;
 }
 
-@utility overline-lg {
-  @apply leading-md text-sm tracking-widest;
+@utility button-text-lg {
+  font-size: 16px;
+  line-height: 20px;
+  letter-spacing: -0.01em;
 }
 
 @layer components {
@@ -654,7 +700,7 @@
 }
 body {
   font-family:
-    'Open Sans',
+    'DM Sans',
     sans-serif,
     system-ui,
     -apple-system;