@clasing/ui 2.3.0 → 2.5.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 { j as e, c as I } from "../index-BCEGphus.js";
+import { B as z } from "../badge-C29hQNIG.js";
+import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-CGrOI2Z9.js";
+import { P as T, b as W, c as G } from "../popover-1_WpciTS.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-BIYMLc8o.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/navigation-menu.es.js

@@ -1,6 +1,6 @@
-import { j as e, c as o } from "../index-D5lmpham.js";
+import { j as e, c as o } from "../index-BCEGphus.js";
 import * as n from "@radix-ui/react-navigation-menu";
-import { c as s } from "../index-DN28Pf0m.js";
+import { c as s } from "../index-DEha_UuN.js";
 import { CaretDownIcon as u } from "@phosphor-icons/react";
 function v({
   className: t,

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-Dtd0sjiW.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,8 +1,8 @@
-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 { P as R, c as O, b as E } from "../popover-BdDS9aoy.js";
-import { S as T } from "../scroll-area-oS6ZJIMN.js";
+import { j as e, c as u } from "../index-BCEGphus.js";
+import { C as y, d as v, f as N, b as S, c as w, e as I } from "../command-CGrOI2Z9.js";
+import { I as P } from "../input-BvfRiqqw.js";
+import { P as R, c as O, b as E } from "../popover-1_WpciTS.js";
+import { S as T } from "../scroll-area-CxpVQq0v.js";
 import { CaretDownIcon as V, CheckIcon as k } from "@phosphor-icons/react";
 import * as p from "react";
 import * as h from "react-phone-number-input";

package/dist/components/popover.es.js

@@ -1,4 +1,4 @@
-import { P as e, a, b as p, c as P } from "../popover-BdDS9aoy.js";
+import { P as e, a, b as p, c as P } from "../popover-1_WpciTS.js";
 export {
   e as Popover,
   a as PopoverAnchor,

package/dist/components/progress.es.js

@@ -1,4 +1,4 @@
-import { j as r, c as l } from "../index-D5lmpham.js";
+import { j as r, c as l } from "../index-BCEGphus.js";
 import * as s from "@radix-ui/react-progress";
 function i({
   className: o,

package/dist/components/resizable.es.js

@@ -1,4 +1,4 @@
-import { j as a, c as i } from "../index-D5lmpham.js";
+import { j as a, c as i } from "../index-BCEGphus.js";
 import * as t from "react-resizable-panels";
 import { DotsSixVerticalIcon as n } from "@phosphor-icons/react";
 function c({

package/dist/components/scroll-area.es.js

@@ -1,4 +1,4 @@
-import { S as l, a as o } from "../scroll-area-oS6ZJIMN.js";
+import { S as l, a as o } from "../scroll-area-CxpVQq0v.js";
 export {
   l as ScrollArea,
   o as ScrollBar

package/dist/components/select.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as r } from "../index-D5lmpham.js";
+import { j as e, c as r } from "../index-BCEGphus.js";
 import * as s from "@radix-ui/react-select";
 import { CheckIcon as d, CaretDownIcon as n, CaretUpIcon as c } from "@phosphor-icons/react";
 function g({

package/dist/components/sheet.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as s } from "../index-D5lmpham.js";
+import { j as e, c as s } from "../index-BCEGphus.js";
 import * as o from "@radix-ui/react-dialog";
 import { XIcon as i } from "@phosphor-icons/react";
 function f({ ...t }) {

package/dist/components/skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as n, c as s } from "../index-D5lmpham.js";
+import { j as n, c as s } from "../index-BCEGphus.js";
 function o({ className: e, ...t }) {
   return /* @__PURE__ */ n.jsx(
     "div",

package/dist/components/slider.es.js

@@ -1,4 +1,4 @@
-import { j as r, c as n } from "../index-D5lmpham.js";
+import { j as r, c as n } from "../index-BCEGphus.js";
 import * as o from "@radix-ui/react-slider";
 import * as h from "react";
 function u({

package/dist/components/sonner.es.js

@@ -1,4 +1,4 @@
-import { j as y, c as v } from "../index-D5lmpham.js";
+import { j as y, c as v } from "../index-BCEGphus.js";
 import * as m from "react";
 import { Toaster as w } from "sonner";
 var S = (t, n, l, s, a, r, d, u) => {

package/dist/components/switch.es.js

@@ -1,5 +1,5 @@
-import { j as o, c as m } from "../index-D5lmpham.js";
-import { c as r } from "../index-DN28Pf0m.js";
+import { j as o, c as m } from "../index-BCEGphus.js";
+import { c as r } from "../index-DEha_UuN.js";
 import { forwardRef as b, useState as x } from "react";
 const g = r(
   "border-neutral-000 focus-visible:ring-ring-default inline-flex shrink-0 cursor-pointer items-center rounded-full border bg-white transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-800 data-[state=unchecked]:bg-white",

package/dist/components/table.es.js

@@ -1,4 +1,4 @@
-import { j as e, c as o } from "../index-D5lmpham.js";
+import { j as e, c as o } from "../index-BCEGphus.js";
 function r({ className: t, ...a }) {
   return /* @__PURE__ */ e.jsx(
     "div",

package/dist/components/textarea.es.js

@@ -1,5 +1,5 @@
-import { j as r, c as t } from "../index-D5lmpham.js";
-import { c as v } from "../index-DN28Pf0m.js";
+import { j as r, c as t } from "../index-BCEGphus.js";
+import { c as v } from "../index-DEha_UuN.js";
 const c = v(
   "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {

package/dist/components/toggle-group.es.js

@@ -1,7 +1,7 @@
-import { j as i, c as s } from "../index-D5lmpham.js";
+import { j as i, c as s } from "../index-BCEGphus.js";
 import * as d from "@radix-ui/react-toggle-group";
 import * as l from "react";
-import { t as m } from "../toggle-BNzrNg1r.js";
+import { t as m } from "../toggle-99EXLQgX.js";
 const u = l.createContext({
   size: "md",
   variant: "default"

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/components/toggle.es.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../toggle-BNzrNg1r.js";
+import { T as o, t } from "../toggle-99EXLQgX.js";
 export {
   o as Toggle,
   t as toggleVariants

package/dist/components/tooltip.es.js

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

package/dist/{dialog-CXbzQHxn.js → dialog-CH4VxKX4.js}

@@ -1,4 +1,4 @@
-import { j as t, c as s } from "./index-D5lmpham.js";
+import { j as t, c as s } from "./index-BCEGphus.js";
 import * as e from "@radix-ui/react-dialog";
 import { XIcon as i } from "@phosphor-icons/react";
 function u({

package/dist/divider-BMxVoyPg.js

@@ -0,0 +1,20 @@
+import { j as i, c as t } from "./index-BCEGphus.js";
+import { forwardRef as l } from "react";
+const o = l(
+  ({ className: a, orientation: r = "horizontal", ...s }, e) => /* @__PURE__ */ i.jsx(
+    "span",
+    {
+      ref: e,
+      className: t("bg-neutral-050", a, {
+        "h-px! w-full": r === "horizontal",
+        "h-full w-px!": r === "vertical"
+      }),
+      ...s
+    }
+  )
+);
+o.displayName = "Divider";
+const m = o;
+export {
+  m as D
+};

package/dist/divider-BcIwJzm7.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./index-9HRzXEQf.cjs"),a=require("react"),i=a.forwardRef(({className:s,orientation:e="horizontal",...t},n)=>r.jsxRuntimeExports.jsx("span",{ref:n,className:r.cn("bg-neutral-050",s,{"h-px! w-full":e==="horizontal","h-full w-px!":e==="vertical"}),...t}));i.displayName="Divider";const l=i;exports.Divider=l;

package/dist/entries/button-group.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroup, ButtonGroupDivider, ButtonGroupText, buttonGroupVariants } from '../components/button-group';
+export { ButtonGroup, ButtonGroupDivider, ButtonGroupText, buttonGroupVariants };

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

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

package/dist/entries/kbd.d.ts

@@ -0,0 +1,2 @@
+import { Kbd, KbdGroup } from '../components/kbd';
+export { Kbd, KbdGroup };

package/dist/{index-D5lmpham.js → index-BCEGphus.js}

@@ -4,7 +4,7 @@ var ge;
 function Le() {
   if (ge) return re;
   ge = 1;
-  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
   function t(o, s, c) {
     var i = null;
     if (c !== void 0 && (i = "" + c), s.key !== void 0 && (i = "" + s.key), "key" in s) {
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function E(r) {
       return typeof r == "object" && r !== null && r.$$typeof === C;
     }
-    var T = Ge, C = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), G = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, Q = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var T = Ge, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), F = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, Q = Array.isArray, P = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {

package/dist/{index-DN28Pf0m.js → index-DEha_UuN.js}

@@ -1,4 +1,4 @@
-import { a as O } from "./index-D5lmpham.js";
+import { a as O } from "./index-BCEGphus.js";
 const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
   var u;
   if (l?.variants == null) return y(e, n?.class, n?.className);

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

@@ -1,8 +1,8 @@
-import { j as e, c as n } from "./index-D5lmpham.js";
+import { j as e, c as n } from "./index-BCEGphus.js";
 import { EyeSlashIcon as f, EyeIcon as b } from "@phosphor-icons/react";
-import { c as m } from "./index-DN28Pf0m.js";
+import { c as m } from "./index-DEha_UuN.js";
 import * as x from "react";
-import { B as c } from "./button-D6LWWLE8.js";
+import { B as c } from "./button-Bn-b-nVw.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/{input-DeItm2eC.cjs → input-Dtd0sjiW.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-C7U_D8vv.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/{label-DDxTPxHk.js → label-Bl6V6esj.js}

@@ -1,4 +1,4 @@
-import { j as t, c as o } from "./index-D5lmpham.js";
+import { j as t, c as o } from "./index-BCEGphus.js";
 import * as l from "@radix-ui/react-label";
 function s({
   className: e,