@clasing/ui 2.3.0 → 2.4.0

package/dist/{button-D6LWWLE8.js → button-3Q4mqjFF.js}

@@ -1,8 +1,8 @@
 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 { Slot as S } from "@radix-ui/react-slot";
 import { c as u } from "./index-DN28Pf0m.js";
-import C from "react";
+import T from "react";
+import { C as B } from "./clasing-icon-XjkVWhKg.js";
 import { b as v, T as c, c as y, a as f } from "./tooltip-rv-jVOxy.js";
 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: {
@@ -124,7 +124,7 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     weight: "semibold",
     rounded: "full"
   }
-}), E = C.forwardRef(
+}), E = T.forwardRef(
   ({
     className: i,
     variant: s,
@@ -133,28 +133,28 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     rounded: d,
     children: p,
     isLoading: e,
-    isActive: w,
+    isActive: _,
     disabled: x,
     tooltip: a,
     tooltipPlacement: m = "top",
     asChild: h,
     iconOnly: l,
-    ...z
-  }, _) => {
-    const j = h ? B : "button", k = l ? {
+    ...w
+  }, z) => {
+    const j = h ? S : "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(
+    }[r || "xl"] : "", C = g(
       e ? V({
         variant: s,
         weight: o,
         size: r,
         rounded: d,
         className: i
-      }) : w ? A({
+      }) : _ ? A({
         variant: s,
         weight: o,
         size: r,
@@ -170,12 +170,12 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
       k
     ), N = h ? p : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       e && /* @__PURE__ */ t.jsx(
-        T,
+        B,
         {
           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": e
+              "visible animate-[spin_2s_linear_infinite] opacity-100": e
             }
           )
         }
@@ -193,10 +193,10 @@ const b = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ri
     ] }), n = /* @__PURE__ */ t.jsx(
       j,
       {
-        ref: _,
-        className: S,
+        ref: z,
+        className: C,
         disabled: x || e,
-        ...z,
+        ...w,
         children: N
       }
     );

package/dist/button-BekvnyS7.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-9HRzXEQf.cjs"),S=require("@radix-ui/react-slot"),g=require("./index-ECyCsPX0.cjs"),T=require("react"),C=require("./clasing-icon-CMe7j64k.cjs"),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=T.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},_)=>{const z=h?S.Slot:"button",R=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}),R),k=h?p:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[r&&t.jsxRuntimeExports.jsx(C.ClasingIcon,{className:t.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",{"visible animate-[spin_2s_linear_infinite] 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(z,{ref:_,className:E,disabled:b||r,...w,children:k});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/clasing-icon-CMe7j64k.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-9HRzXEQf.cjs");function e({className:i,variant:l,color:x="currentColor",...L}){let s=[];switch(l){case"default":s=["#6CC422","#FF7BAA","#FF6F03","#0243F1","#00DBB7","#CF161C","#DD6DFF","#F6AF00"];break;default:s=Array(8).fill(x);break}return t.jsxRuntimeExports.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t.cn(i),...L,children:[t.jsxRuntimeExports.jsx("path",{d:"M22.0316 19.2438L9.82361 6.99085C9.05365 6.2205 7.80528 6.2205 7.0353 6.99085L7.03328 6.99289C6.26332 7.76325 6.26332 9.01224 7.03328 9.78259L19.1481 21.9646L22.0316 24.1086V19.2438Z",fill:s[0]}),t.jsxRuntimeExports.jsx("path",{d:"M40.9576 38.2141L28.8136 25.9861L22.0315 24.1099L26.0506 28.8388L38.1672 41.0059C38.9372 41.7762 40.1856 41.7762 40.9556 41.0059L40.9576 41.0038C41.7275 40.2335 41.7275 38.9845 40.9576 38.2141Z",fill:s[1]}),t.jsxRuntimeExports.jsx("path",{d:"M28.7858 21.9952L40.9823 9.77469C41.7437 9.00615 41.7437 7.76007 40.9823 6.99153L40.9803 6.98949C40.2188 6.22095 38.9843 6.22095 38.2229 6.98949L25.9939 19.087L22.0315 24.1086L28.7858 21.9952Z",fill:s[2]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1799 26.0002L7.03063 38.1476C6.2599 38.9162 6.26441 40.2079 7.03514 40.9765L7.03717 40.9785C7.8079 41.747 9.0575 41.747 9.82824 40.9785L22.0309 28.782V24.1099L19.1799 26.0002Z",fill:s[3]}),t.jsxRuntimeExports.jsx("path",{d:"M19.1588 21.961L1.94788 21.9965C0.872081 21.9965 0 22.8889 0 23.9898V23.9928C0 25.0937 0.872081 25.9862 1.94788 25.9862L19.1803 26.0002L22.0312 24.1099L19.1588 21.961Z",fill:s[4]}),t.jsxRuntimeExports.jsx("path",{d:"M28.6254 25.9858H46.0272C47.1167 25.9858 47.9999 25.0933 47.9999 23.9924V23.9895C47.9999 22.8886 47.1167 21.9961 46.0272 21.9961H28.7858L22.0315 24.1096L28.6254 25.9858Z",fill:s[5]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0059 45.9811C22.0051 47.0967 22.896 48.0012 23.9948 48.0004C25.0914 47.9995 25.98 47.0973 25.9809 45.9841L26.0502 28.8388L22.0311 24.1099",fill:s[6]}),t.jsxRuntimeExports.jsx("path",{d:"M22.0319 24.109L25.9943 19.0874V1.84509C25.9943 0.7448 25.0315 0 23.9311 0H23.9282C22.8278 0 21.9263 0.891965 21.9263 1.99226",fill:s[7]})]})}exports.ClasingIcon=e;

package/dist/clasing-icon-XjkVWhKg.js

@@ -0,0 +1,99 @@
+import { j as L, c as i } from "./index-D5lmpham.js";
+function h({
+  className: s,
+  variant: t,
+  color: C = "currentColor",
+  ...a
+}) {
+  let l = [];
+  switch (t) {
+    case "default":
+      l = [
+        "#6CC422",
+        "#FF7BAA",
+        "#FF6F03",
+        "#0243F1",
+        "#00DBB7",
+        "#CF161C",
+        "#DD6DFF",
+        "#F6AF00"
+      ];
+      break;
+    default:
+      l = Array(8).fill(C);
+      break;
+  }
+  return /* @__PURE__ */ L.jsxs(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: i(s),
+      ...a,
+      children: [
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M22.0316 19.2438L9.82361 6.99085C9.05365 6.2205 7.80528 6.2205 7.0353 6.99085L7.03328 6.99289C6.26332 7.76325 6.26332 9.01224 7.03328 9.78259L19.1481 21.9646L22.0316 24.1086V19.2438Z",
+            fill: l[0]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M40.9576 38.2141L28.8136 25.9861L22.0315 24.1099L26.0506 28.8388L38.1672 41.0059C38.9372 41.7762 40.1856 41.7762 40.9556 41.0059L40.9576 41.0038C41.7275 40.2335 41.7275 38.9845 40.9576 38.2141Z",
+            fill: l[1]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M28.7858 21.9952L40.9823 9.77469C41.7437 9.00615 41.7437 7.76007 40.9823 6.99153L40.9803 6.98949C40.2188 6.22095 38.9843 6.22095 38.2229 6.98949L25.9939 19.087L22.0315 24.1086L28.7858 21.9952Z",
+            fill: l[2]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M19.1799 26.0002L7.03063 38.1476C6.2599 38.9162 6.26441 40.2079 7.03514 40.9765L7.03717 40.9785C7.8079 41.747 9.0575 41.747 9.82824 40.9785L22.0309 28.782V24.1099L19.1799 26.0002Z",
+            fill: l[3]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M19.1588 21.961L1.94788 21.9965C0.872081 21.9965 0 22.8889 0 23.9898V23.9928C0 25.0937 0.872081 25.9862 1.94788 25.9862L19.1803 26.0002L22.0312 24.1099L19.1588 21.961Z",
+            fill: l[4]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M28.6254 25.9858H46.0272C47.1167 25.9858 47.9999 25.0933 47.9999 23.9924V23.9895C47.9999 22.8886 47.1167 21.9961 46.0272 21.9961H28.7858L22.0315 24.1096L28.6254 25.9858Z",
+            fill: l[5]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M22.0059 45.9811C22.0051 47.0967 22.896 48.0012 23.9948 48.0004C25.0914 47.9995 25.98 47.0973 25.9809 45.9841L26.0502 28.8388L22.0311 24.1099",
+            fill: l[6]
+          }
+        ),
+        /* @__PURE__ */ L.jsx(
+          "path",
+          {
+            d: "M22.0319 24.109L25.9943 19.0874V1.84509C25.9943 0.7448 25.0315 0 23.9311 0H23.9282C22.8278 0 21.9263 0.891965 21.9263 1.99226",
+            fill: l[7]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  h as C
+};

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-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;
+"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-BekvnyS7.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-D6LWWLE8.js";
+import { c as r } from "../button-3Q4mqjFF.js";
 function c({
   ...t
 }) {

package/dist/components/badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "destructive" | "default" | "info" | "success" | "warning" | "error" | "neutral" | "yellow" | "blue" | "violet" | "not-started" | "in-progress" | "completed" | "blocked" | "paused" | "failed" | "expired" | "cancelled" | null | undefined;
+    variant?: "default" | "primary" | "secondary" | "outline" | "destructive" | "info" | "success" | "warning" | "error" | "neutral" | "yellow" | "blue" | "violet" | "not-started" | "in-progress" | "completed" | "blocked" | "paused" | "failed" | "expired" | "cancelled" | null | undefined;
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
     rounded?: "default" | "full" | null | undefined;

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-BekvnyS7.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-D6LWWLE8.js";
+import { B as s, b as a, a as e, c as n } from "../button-3Q4mqjFF.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-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;
+"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-BekvnyS7.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-D6LWWLE8.js";
+import { c as m, B as y } from "../button-3Q4mqjFF.js";
 import { CaretLeftIcon as h, CaretRightIcon as w, CaretDownIcon as _ } from "@phosphor-icons/react";
 function C({
   className: c,

package/dist/components/clasing-icon.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../clasing-icon-CMe7j64k.cjs");exports.ClasingIcon=e.ClasingIcon;

package/dist/components/clasing-icon.d.ts

@@ -0,0 +1,6 @@
+interface ClasingIconProps {
+    variant?: 'default';
+    color?: string;
+}
+declare function ClasingIcon({ className, variant, color, ...props }: React.ComponentProps<'svg'> & ClasingIconProps): import("react/jsx-runtime").JSX.Element;
+export { ClasingIcon };

package/dist/components/clasing-icon.es.js

@@ -0,0 +1,4 @@
+import { C as n } from "../clasing-icon-XjkVWhKg.js";
+export {
+  n as ClasingIcon
+};

package/dist/components/input.cjs.js

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

package/dist/components/input.es.js

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

package/dist/components/multi-select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),V=require("../badge-Da_xHgvC.cjs"),m=require("../command-CrtCQpi_.cjs"),N=require("../popover-CeOAAwBQ.cjs"),C=require("@phosphor-icons/react"),n=require("react"),k=n.createContext(null);function I({children:t,values:r,defaultValues:i,onValuesChange:u,isLoading:x,onSearchChange:c,loadingText:f="Loading...",noResultsText:a="No results found"}){const[h,p]=n.useState(!1),[y,j]=n.useState(new Set(r??i)),[w,d]=n.useState(new Map),[S,E]=n.useState("");function o(s){const g=R=>{const v=new Set(R);return v.has(s)?v.delete(s):v.add(s),v};j(g),u?.([...g(y)])}const l=n.useCallback((s,g)=>{d(R=>R.get(s)===g?R:new Map(R).set(s,g))},[]),b=n.useCallback(s=>{E(s),c?.(s)},[c]);return e.jsxRuntimeExports.jsx(k,{value:{open:h,setOpen:p,selectedValues:r?new Set(r):y,toggleValue:o,items:w,onItemAdded:l,isLoading:x,searchValue:S,onSearchChange:b,loadingText:f,noResultsText:a},children:e.jsxRuntimeExports.jsx(N.Popover,{open:h,onOpenChange:p,children:t})})}function z({className:t,children:r,size:i="md",...u}){const{open:x}=M();return e.jsxRuntimeExports.jsx(N.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...u,role:u.role??"combobox","aria-expanded":u["aria-expanded"]??x,"data-size":i,className:e.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",i==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',i==="sm"&&"label-md h-8 px-2 py-1",i==="md"&&"label-lg h-12 px-3 py-1",i==="lg"&&"label-xl h-16 px-4 py-2",t),children:[r,e.jsxRuntimeExports.jsx(C.CaretUpDownIcon,{className:"size-4 shrink-0 opacity-50"})]})})}function P({placeholder:t,clickToRemove:r=!0,className:i,overflowBehavior:u="wrap-when-open",...x}){const{selectedValues:c,toggleValue:f,items:a,open:h}=M(),[p,y]=n.useState(0),j=n.useRef(null),w=n.useRef(null),d=n.useRef(new Set),S=u==="wrap"||u==="wrap-when-open"&&h;n.useEffect(()=>{S&&d.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(j.current==null)return;const o=j.current,l=w.current;l!=null&&(l.style.display="none"),d.current.forEach(s=>s.style.removeProperty("display"));let b=0;for(let s=d.current.size-1;s>=0;s--){const g=[...d.current][s];if(o.scrollWidth<=o.clientWidth)break;b=d.current.size-s,g.style.display="none",l?.style.removeProperty("display")}y(b)},[]);return n.useEffect(()=>{if(j.current==null)return;const o=new ResizeObserver(E);return o.observe(j.current),()=>o.disconnect()},[E]),n.useLayoutEffect(()=>{E()},[c,E]),c.size===0&&t?e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:t}):e.jsxRuntimeExports.jsxs("div",{...x,ref:j,className:e.cn("flex min-h-7 w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...c].filter(o=>a.has(o)).map(o=>e.jsxRuntimeExports.jsxs(V.Badge,{ref:l=>{if(l!=null)return d.current.add(l),()=>{d.current.delete(l)}},variant:"outline",className:"group flex items-center gap-1",onClick:r?l=>{l.stopPropagation(),f(o)}:void 0,children:[a.get(o),r&&e.jsxRuntimeExports.jsx(C.XIcon,{className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),e.jsxRuntimeExports.jsxs(V.Badge,{style:{display:p>0&&!S?"block":"none"},variant:"outline",ref:w,children:["+",p]})]})}function q({search:t=!0,children:r,...i}){const{isLoading:u,onSearchChange:x,searchValue:c,noResultsText:f}=M(),a=typeof t=="object"?!0:t;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:e.jsxRuntimeExports.jsx(m.Command,{children:e.jsxRuntimeExports.jsx(m.CommandList,{children:r})})}),e.jsxRuntimeExports.jsx(N.PopoverContent,{className:"min-w-(--radix-popover-trigger-width) p-0",children:e.jsxRuntimeExports.jsxs(m.Command,{...i,children:[a?e.jsxRuntimeExports.jsx(m.CommandInput,{placeholder:typeof t=="object"?t.placeholder:void 0,value:c,onValueChange:x}):e.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),e.jsxRuntimeExports.jsx(m.CommandList,{children:u?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx(C.SpinnerIcon,{className:"text-muted-foreground size-4 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground ml-2 text-sm",children:u})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a&&e.jsxRuntimeExports.jsx(m.CommandEmpty,{children:f}),r]})})]})})]})}function O({value:t,children:r,badgeLabel:i,onSelect:u,...x}){const{toggleValue:c,selectedValues:f,onItemAdded:a}=M(),h=f.has(t);return n.useEffect(()=>{a(t,i??r)},[t,r,a,i]),e.jsxRuntimeExports.jsxs(m.CommandItem,{...x,value:t,onSelect:p=>{c(p),u?.(p)},children:[e.jsxRuntimeExports.jsx(C.CheckIcon,{className:e.cn("mr-2 size-4",h?"opacity-100":"opacity-0")}),r]})}function _(t){return e.jsxRuntimeExports.jsx(m.CommandGroup,{...t})}function A(t){return e.jsxRuntimeExports.jsx(m.CommandSeparator,{...t})}function M(){const t=n.useContext(k);if(t==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return t}exports.MultiSelect=I;exports.MultiSelectContent=q;exports.MultiSelectGroup=_;exports.MultiSelectItem=O;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=z;exports.MultiSelectValue=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),V=require("../badge-Da_xHgvC.cjs"),p=require("../command-CrtCQpi_.cjs"),M=require("../popover-CeOAAwBQ.cjs"),N=require("@phosphor-icons/react"),n=require("react"),I=require("../clasing-icon-CMe7j64k.cjs"),k=n.createContext(null);function z({children:t,values:r,defaultValues:i,onValuesChange:l,isLoading:a,onSearchChange:c,loadingText:j="Loading...",noResultsText:d="No results found"}){const[x,f]=n.useState(!1),[y,g]=n.useState(new Set(r??i)),[w,m]=n.useState(new Map),[S,E]=n.useState("");function o(s){const h=R=>{const v=new Set(R);return v.has(s)?v.delete(s):v.add(s),v};g(h),l?.([...h(y)])}const u=n.useCallback((s,h)=>{m(R=>R.get(s)===h?R:new Map(R).set(s,h))},[]),b=n.useCallback(s=>{E(s),c?.(s)},[c]);return e.jsxRuntimeExports.jsx(k,{value:{open:x,setOpen:f,selectedValues:r?new Set(r):y,toggleValue:o,items:w,onItemAdded:u,isLoading:a,searchValue:S,onSearchChange:b,loadingText:j,noResultsText:d},children:e.jsxRuntimeExports.jsx(M.Popover,{open:x,onOpenChange:f,children:t})})}function P({className:t,children:r,size:i="md",...l}){const{open:a}=C();return e.jsxRuntimeExports.jsx(M.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...l,role:l.role??"combobox","aria-expanded":l["aria-expanded"]??a,"data-size":i,className:e.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",i==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',i==="sm"&&"label-md h-8 px-2 py-1",i==="md"&&"label-lg h-12 px-3 py-1",i==="lg"&&"label-xl h-16 px-4 py-2",t),children:[r,e.jsxRuntimeExports.jsx(N.CaretUpDownIcon,{className:"size-4 shrink-0 opacity-50"})]})})}function q({placeholder:t,clickToRemove:r=!0,className:i,overflowBehavior:l="wrap-when-open",...a}){const{selectedValues:c,toggleValue:j,items:d,open:x}=C(),[f,y]=n.useState(0),g=n.useRef(null),w=n.useRef(null),m=n.useRef(new Set),S=l==="wrap"||l==="wrap-when-open"&&x;n.useEffect(()=>{S&&m.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(g.current==null)return;const o=g.current,u=w.current;u!=null&&(u.style.display="none"),m.current.forEach(s=>s.style.removeProperty("display"));let b=0;for(let s=m.current.size-1;s>=0;s--){const h=[...m.current][s];if(o.scrollWidth<=o.clientWidth)break;b=m.current.size-s,h.style.display="none",u?.style.removeProperty("display")}y(b)},[]);return n.useEffect(()=>{if(g.current==null)return;const o=new ResizeObserver(E);return o.observe(g.current),()=>o.disconnect()},[E]),n.useLayoutEffect(()=>{E()},[c,E]),c.size===0&&t?e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:t}):e.jsxRuntimeExports.jsxs("div",{...a,ref:g,className:e.cn("flex min-h-7 w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...c].filter(o=>d.has(o)).map(o=>e.jsxRuntimeExports.jsxs(V.Badge,{ref:u=>{if(u!=null)return m.current.add(u),()=>{m.current.delete(u)}},variant:"outline",className:"group flex items-center gap-1",onClick:r?u=>{u.stopPropagation(),j(o)}:void 0,children:[d.get(o),r&&e.jsxRuntimeExports.jsx(N.XIcon,{className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),e.jsxRuntimeExports.jsxs(V.Badge,{style:{display:f>0&&!S?"block":"none"},variant:"outline",ref:w,children:["+",f]})]})}function O({search:t=!0,children:r,...i}){const{isLoading:l,onSearchChange:a,searchValue:c,noResultsText:j,loadingText:d}=C(),x=typeof t=="object"?!0:t;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:e.jsxRuntimeExports.jsx(p.Command,{children:e.jsxRuntimeExports.jsx(p.CommandList,{children:r})})}),e.jsxRuntimeExports.jsx(M.PopoverContent,{className:"min-w-(--radix-popover-trigger-width) p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{...i,children:[x?e.jsxRuntimeExports.jsx(p.CommandInput,{placeholder:typeof t=="object"?t.placeholder:void 0,value:c,onValueChange:a}):e.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),e.jsxRuntimeExports.jsx(p.CommandList,{children:l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx(I.ClasingIcon,{className:"text-muted-foreground size-4 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground paragraph-sm ml-2",children:d})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x&&e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:j}),r]})})]})})]})}function T({value:t,children:r,badgeLabel:i,onSelect:l,...a}){const{toggleValue:c,selectedValues:j,onItemAdded:d}=C(),x=j.has(t);return n.useEffect(()=>{d(t,i??r)},[t,r,d,i]),e.jsxRuntimeExports.jsxs(p.CommandItem,{...a,value:t,onSelect:f=>{c(f),l?.(f)},children:[e.jsxRuntimeExports.jsx(N.CheckIcon,{className:e.cn("mr-2 size-4",x?"opacity-100":"opacity-0")}),r]})}function _(t){return e.jsxRuntimeExports.jsx(p.CommandGroup,{...t})}function A(t){return e.jsxRuntimeExports.jsx(p.CommandSeparator,{...t})}function C(){const t=n.useContext(k);if(t==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return t}exports.MultiSelect=z;exports.MultiSelectContent=O;exports.MultiSelectGroup=_;exports.MultiSelectItem=T;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=P;exports.MultiSelectValue=q;

package/dist/components/multi-select.es.js

@@ -1,71 +1,72 @@
 import { j as e, c as I } from "../index-D5lmpham.js";
 import { B as z } from "../badge-Cprh3bik.js";
 import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-ev4m9IoQ.js";
-import { P as W, b as G, c as T } from "../popover-BdDS9aoy.js";
-import { SpinnerIcon as B, CheckIcon as D, CaretUpDownIcon as U, XIcon as X } from "@phosphor-icons/react";
-import { createContext as q, useState as y, useCallback as V, useEffect as k, useRef as M, useLayoutEffect as H, useContext as J } from "react";
-const R = q(null);
-function te({
+import { P as T, b as W, c as G } from "../popover-BdDS9aoy.js";
+import { CheckIcon as B, CaretUpDownIcon as D, XIcon as U } from "@phosphor-icons/react";
+import { createContext as X, useState as y, useCallback as V, useEffect as k, useRef as M, useLayoutEffect as q, useContext as H } from "react";
+import { C as J } from "../clasing-icon-XjkVWhKg.js";
+const R = X(null);
+function ne({
   children: t,
   values: r,
   defaultValues: o,
-  onValuesChange: i,
-  isLoading: u,
-  onSearchChange: a,
-  loadingText: p = "Loading...",
-  noResultsText: c = "No results found"
+  onValuesChange: a,
+  isLoading: c,
+  onSearchChange: l,
+  loadingText: f = "Loading...",
+  noResultsText: u = "No results found"
 }) {
-  const [h, m] = y(!1), [b, f] = y(
+  const [d, p] = y(!1), [b, x] = y(
     new Set(r ?? o)
-  ), [v, d] = y(/* @__PURE__ */ new Map()), [g, j] = y("");
+  ), [v, m] = y(/* @__PURE__ */ new Map()), [g, j] = y("");
   function s(n) {
-    const x = (w) => {
-      const C = new Set(w);
-      return C.has(n) ? C.delete(n) : C.add(n), C;
+    const h = (w) => {
+      const S = new Set(w);
+      return S.has(n) ? S.delete(n) : S.add(n), S;
     };
-    f(x), i?.([...x(b)]);
+    x(h), a?.([...h(b)]);
   }
-  const l = V((n, x) => {
-    d((w) => w.get(n) === x ? w : new Map(w).set(n, x));
-  }, []), S = V(
+  const i = V((n, h) => {
+    m((w) => w.get(n) === h ? w : new Map(w).set(n, h));
+  }, []), C = V(
     (n) => {
-      j(n), a?.(n);
+      j(n), l?.(n);
     },
-    [a]
+    [l]
   );
   return /* @__PURE__ */ e.jsx(
     R,
     {
       value: {
-        open: h,
-        setOpen: m,
+        open: d,
+        setOpen: p,
         selectedValues: r ? new Set(r) : b,
         toggleValue: s,
         items: v,
-        onItemAdded: l,
-        isLoading: u,
+        onItemAdded: i,
+        isLoading: c,
         searchValue: g,
-        onSearchChange: S,
-        loadingText: p,
-        noResultsText: c
+        onSearchChange: C,
+        loadingText: f,
+        noResultsText: u
       },
-      children: /* @__PURE__ */ e.jsx(W, { open: h, onOpenChange: m, children: t })
+      children: /* @__PURE__ */ e.jsx(T, { open: d, onOpenChange: p, children: t })
     }
   );
 }
-function ne({
+function re({
   className: t,
   children: r,
   size: o = "md",
-  ...i
+  ...a
 }) {
-  const { open: u } = N();
-  return /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const { open: c } = N();
+  return /* @__PURE__ */ e.jsx(G, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ...i,
-      role: i.role ?? "combobox",
-      "aria-expanded": i["aria-expanded"] ?? u,
+      ...a,
+      role: a.role ?? "combobox",
+      "aria-expanded": a["aria-expanded"] ?? c,
       "data-size": o,
       className: I(
         "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
@@ -77,69 +78,69 @@ function ne({
       ),
       children: [
         r,
-        /* @__PURE__ */ e.jsx(U, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ e.jsx(D, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   ) });
 }
-function re({
+function se({
   placeholder: t,
   clickToRemove: r = !0,
   className: o,
-  overflowBehavior: i = "wrap-when-open",
-  ...u
+  overflowBehavior: a = "wrap-when-open",
+  ...c
 }) {
-  const { selectedValues: a, toggleValue: p, items: c, open: h } = N(), [m, b] = y(0), f = M(null), v = M(null), d = M(/* @__PURE__ */ new Set()), g = i === "wrap" || i === "wrap-when-open" && h;
+  const { selectedValues: l, toggleValue: f, items: u, open: d } = N(), [p, b] = y(0), x = M(null), v = M(null), m = M(/* @__PURE__ */ new Set()), g = a === "wrap" || a === "wrap-when-open" && d;
   k(() => {
-    g && d.current.forEach((s) => s.style.removeProperty("display"));
+    g && m.current.forEach((s) => s.style.removeProperty("display"));
   }, [g]);
   const j = V(() => {
-    if (f.current == null) return;
-    const s = f.current, l = v.current;
-    l != null && (l.style.display = "none"), d.current.forEach((n) => n.style.removeProperty("display"));
-    let S = 0;
-    for (let n = d.current.size - 1; n >= 0; n--) {
-      const x = [...d.current][n];
+    if (x.current == null) return;
+    const s = x.current, i = v.current;
+    i != null && (i.style.display = "none"), m.current.forEach((n) => n.style.removeProperty("display"));
+    let C = 0;
+    for (let n = m.current.size - 1; n >= 0; n--) {
+      const h = [...m.current][n];
       if (s.scrollWidth <= s.clientWidth)
         break;
-      S = d.current.size - n, x.style.display = "none", l?.style.removeProperty("display");
+      C = m.current.size - n, h.style.display = "none", i?.style.removeProperty("display");
     }
-    b(S);
+    b(C);
   }, []);
   return k(() => {
-    if (f.current == null) return;
+    if (x.current == null) return;
     const s = new ResizeObserver(j);
-    return s.observe(f.current), () => s.disconnect();
-  }, [j]), H(() => {
+    return s.observe(x.current), () => s.disconnect();
+  }, [j]), q(() => {
     j();
-  }, [a, j]), a.size === 0 && t ? /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground font-normal", children: t }) : /* @__PURE__ */ e.jsxs(
+  }, [l, j]), l.size === 0 && t ? /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground font-normal", children: t }) : /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ...u,
-      ref: f,
+      ...c,
+      ref: x,
       className: I(
         "flex min-h-7 w-full gap-1.5 overflow-hidden",
         g && "flex-wrap",
         o
       ),
       children: [
-        [...a].filter((s) => c.has(s)).map((s) => /* @__PURE__ */ e.jsxs(
+        [...l].filter((s) => u.has(s)).map((s) => /* @__PURE__ */ e.jsxs(
           z,
           {
-            ref: (l) => {
-              if (l != null)
-                return d.current.add(l), () => {
-                  d.current.delete(l);
+            ref: (i) => {
+              if (i != null)
+                return m.current.add(i), () => {
+                  m.current.delete(i);
                 };
             },
             variant: "outline",
             className: "group flex items-center gap-1",
-            onClick: r ? (l) => {
-              l.stopPropagation(), p(s);
+            onClick: r ? (i) => {
+              i.stopPropagation(), f(s);
             } : void 0,
             children: [
-              c.get(s),
-              r && /* @__PURE__ */ e.jsx(X, { className: "text-muted-foreground group-hover:text-destructive size-2" })
+              u.get(s),
+              r && /* @__PURE__ */ e.jsx(U, { className: "text-muted-foreground group-hover:text-destructive size-2" })
             ]
           },
           s
@@ -148,13 +149,13 @@ function re({
           z,
           {
             style: {
-              display: m > 0 && !g ? "block" : "none"
+              display: p > 0 && !g ? "block" : "none"
             },
             variant: "outline",
             ref: v,
             children: [
               "+",
-              m
+              p
             ]
           }
         )
@@ -162,56 +163,56 @@ function re({
     }
   );
 }
-function se({
+function oe({
   search: t = !0,
   children: r,
   ...o
 }) {
-  const { isLoading: i, onSearchChange: u, searchValue: a, noResultsText: p } = N(), c = typeof t == "object" ? !0 : t;
+  const { isLoading: a, onSearchChange: c, searchValue: l, noResultsText: f, loadingText: u } = N(), d = typeof t == "object" ? !0 : t;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(P, { children: r }) }) }),
-    /* @__PURE__ */ e.jsx(G, { className: "min-w-(--radix-popover-trigger-width) p-0", children: /* @__PURE__ */ e.jsxs(E, { ...o, children: [
-      c ? /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(W, { className: "min-w-(--radix-popover-trigger-width) p-0", children: /* @__PURE__ */ e.jsxs(E, { ...o, children: [
+      d ? /* @__PURE__ */ e.jsx(
         O,
         {
           placeholder: typeof t == "object" ? t.placeholder : void 0,
-          value: a,
-          onValueChange: u
+          value: l,
+          onValueChange: c
         }
       ) : /* @__PURE__ */ e.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
-      /* @__PURE__ */ e.jsx(P, { children: i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-6", children: [
-        /* @__PURE__ */ e.jsx(B, { className: "text-muted-foreground size-4 animate-spin" }),
-        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground ml-2 text-sm", children: i })
+      /* @__PURE__ */ e.jsx(P, { children: a ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-6", children: [
+        /* @__PURE__ */ e.jsx(J, { className: "text-muted-foreground size-4 animate-spin" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground paragraph-sm ml-2", children: u })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        c && /* @__PURE__ */ e.jsx(_, { children: p }),
+        d && /* @__PURE__ */ e.jsx(_, { children: f }),
         r
       ] }) })
     ] }) })
   ] });
 }
-function oe({
+function ae({
   value: t,
   children: r,
   badgeLabel: o,
-  onSelect: i,
-  ...u
+  onSelect: a,
+  ...c
 }) {
-  const { toggleValue: a, selectedValues: p, onItemAdded: c } = N(), h = p.has(t);
+  const { toggleValue: l, selectedValues: f, onItemAdded: u } = N(), d = f.has(t);
   return k(() => {
-    c(t, o ?? r);
-  }, [t, r, c, o]), /* @__PURE__ */ e.jsxs(
+    u(t, o ?? r);
+  }, [t, r, u, o]), /* @__PURE__ */ e.jsxs(
     F,
     {
-      ...u,
+      ...c,
       value: t,
-      onSelect: (m) => {
-        a(m), i?.(m);
+      onSelect: (p) => {
+        l(p), a?.(p);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          D,
+          B,
           {
-            className: I("mr-2 size-4", h ? "opacity-100" : "opacity-0")
+            className: I("mr-2 size-4", d ? "opacity-100" : "opacity-0")
           }
         ),
         r
@@ -226,7 +227,7 @@ function le(t) {
   return /* @__PURE__ */ e.jsx(L, { ...t });
 }
 function N() {
-  const t = J(R);
+  const t = H(R);
   if (t == null)
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
@@ -234,11 +235,11 @@ function N() {
   return t;
 }
 export {
-  te as MultiSelect,
-  se as MultiSelectContent,
+  ne as MultiSelect,
+  oe as MultiSelectContent,
   ie as MultiSelectGroup,
-  oe as MultiSelectItem,
+  ae as MultiSelectItem,
   le as MultiSelectSeparator,
-  ne as MultiSelectTrigger,
-  re as MultiSelectValue
+  re as MultiSelectTrigger,
+  se as MultiSelectValue
 };

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("../command-CrtCQpi_.cjs"),N=require("../input-D3AVygkb.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-DjbpoQwv.js";
+import { I as P } from "../input-SV4tkGu9.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/components/toggle.d.ts

@@ -2,7 +2,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;

package/dist/entries/clasing-icon.d.ts

@@ -0,0 +1,2 @@
+import { ClasingIcon } from '../components/clasing-icon';
+export { ClasingIcon };

package/dist/{input-DeItm2eC.cjs → input-D3AVygkb.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-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;
+"use strict";const r=require("./index-9HRzXEQf.cjs"),o=require("@phosphor-icons/react"),c=require("./index-ECyCsPX0.cjs"),x=require("react"),b=require("./button-BekvnyS7.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-DjbpoQwv.js → input-SV4tkGu9.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-D6LWWLE8.js";
+import { B as c } from "./button-3Q4mqjFF.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

@@ -427,7 +427,7 @@
   @apply relative;
 
   &:before {
-    @apply text-muted-foreground right-0 mr-2 hidden size-7 items-center justify-center rounded-full text-center -indent-px font-mono text-sm font-semibold md:absolute;
+    @apply text-muted-foreground paragraph-sm right-0 mr-2 hidden size-7 items-center justify-center rounded-full text-center -indent-px font-mono font-semibold md:absolute;
     content: counter(step);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clasing/ui",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -70,6 +70,11 @@
       "require": "./dist/components/chip.umd.js",
       "types": "./dist/components/chip.d.ts"
     },
+    "./clasing-icon": {
+      "import": "./dist/components/clasing-icon.es.js",
+      "require": "./dist/components/clasing-icon.umd.js",
+      "types": "./dist/components/clasing-icon.d.ts"
+    },
     "./collapsible": {
       "import": "./dist/components/collapsible.es.js",
       "require": "./dist/components/collapsible.umd.js",
@@ -264,9 +269,11 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "express": "^5.1.0",
+    "express-basic-auth": "^1.2.1",
     "next-themes": "^0.4.6",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
@@ -296,8 +303,6 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-storybook": "^9.0.18",
-    "express": "^5.1.0",
-    "express-basic-auth": "^1.2.1",
     "jsdom": "^26.1.0",
     "prettier": "3.6.2",
     "prettier-plugin-organize-imports": "^4.2.0",

package/dist/button-BT7pXfhd.cjs

@@ -1 +0,0 @@
-"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;