@clasing/ui 2.2.0 → 2.4.0

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-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-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-fvzEG6zH.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-C144z_Is.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-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-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-fvzEG6zH.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-CUrfGF3Y.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

@@ -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);
@@ -429,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);
   }
 }
@@ -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;