@clasing/ui 2.5.0 → 2.7.0

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

@@ -1 +1,24 @@
-"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-Bym32_-4.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),V=require("../badge-DK9gdPpu.cjs"),p=require("../command-FBkK3fzE.cjs"),M=require("../popover-A1-x5q-F.cjs"),N=require("@phosphor-icons/react"),n=require("react"),I=require("../clasing-icon-CHt2Otn8.cjs"),k=n.createContext(null);function z({children:t,values:r,defaultValues:i,onValuesChange:u,isLoading:c,onSearchChange:a,loadingText:g="Loading...",noResultsText:d="No results found"}){const[x,f]=n.useState(!1),[b,j]=n.useState(new Set(r??i)),[y,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};j(h),u?.([...h(b)])}const l=n.useCallback((s,h)=>{m(R=>R.get(s)===h?R:new Map(R).set(s,h))},[]),w=n.useCallback(s=>{E(s),a?.(s)},[a]);return e.jsxRuntimeExports.jsx(k,{value:{open:x,setOpen:f,selectedValues:r?new Set(r):b,toggleValue:o,items:y,onItemAdded:l,isLoading:c,searchValue:S,onSearchChange:w,loadingText:g,noResultsText:d},children:e.jsxRuntimeExports.jsx(M.Popover,{open:x,onOpenChange:f,children:t})})}function P({className:t,children:r,size:i="md",...u}){const{open:c}=C();return e.jsxRuntimeExports.jsx(M.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...u,role:u.role??"combobox","aria-expanded":u["aria-expanded"]??c,"data-size":i,disabled:u.disabled??void 0,className:e.cn(`
+            flex w-fit items-center justify-between gap-2 overflow-hidden
+            rounded-md border border-input bg-transparent whitespace-nowrap
+            transition-[color,box-shadow] outline-none
+            focus-visible:border-ring focus-visible:ring-[3px]
+            focus-visible:ring-ring/50
+            disabled:cursor-not-allowed disabled:opacity-50
+            aria-invalid:border-destructive-foreground
+            aria-invalid:ring-destructive-foreground/20
+            dark:bg-input/30
+            dark:hover:bg-input/50
+            dark:aria-invalid:ring-destructive-foreground/40
+            [&_svg]:pointer-events-none [&_svg]:shrink-0
+            [&_svg:not([class*='size-'])]:size-4
+            [&_svg:not([class*='text-'])]:text-muted-foreground
+          `,i==="xs"&&`
+              h-7 px-2 py-1 label-sm
+              [&_svg:not([class*="size-"])]:size-3.5
+            `,i==="sm"&&"h-8 px-2 py-1 label-md",i==="md"&&"h-12 px-3 py-1 label-lg",i==="lg"&&"h-16 px-4 py-2 label-xl",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:u="wrap-when-open",...c}){const{selectedValues:a,toggleValue:g,items:d,open:x}=C(),[f,b]=n.useState(0),j=n.useRef(null),y=n.useRef(null),m=n.useRef(new Set),S=u==="wrap"||u==="wrap-when-open"&&x;n.useEffect(()=>{S&&m.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(j.current==null)return;const o=j.current,l=y.current;l!=null&&(l.style.display="none"),m.current.forEach(s=>s.style.removeProperty("display"));let w=0;for(let s=m.current.size-1;s>=0;s--){const h=[...m.current][s];if(o.scrollWidth<=o.clientWidth)break;w=m.current.size-s,h.style.display="none",l?.style.removeProperty("display")}b(w)},[]);return n.useEffect(()=>{if(j.current==null)return;const o=new ResizeObserver(E);return o.observe(j.current),()=>o.disconnect()},[E]),n.useLayoutEffect(()=>{E()},[a,E]),a.size===0&&t?e.jsxRuntimeExports.jsx("span",{className:"font-regular text-muted-foreground",children:t}):e.jsxRuntimeExports.jsxs("div",{...c,ref:j,className:e.cn("flex min-h-7 w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...a].filter(o=>d.has(o)).map(o=>e.jsxRuntimeExports.jsxs(V.Badge,{ref:l=>{if(l!=null)return m.current.add(l),()=>{m.current.delete(l)}},variant:"outline",className:"group flex items-center gap-1",onClick:r?l=>{l.stopPropagation(),g(o)}:void 0,children:[d.get(o),r&&e.jsxRuntimeExports.jsx(N.XIcon,{className:`\r
+                  size-2 text-muted-foreground\r
+                  group-hover:text-destructive-foreground\r
+                `})]},o)),e.jsxRuntimeExports.jsxs(V.Badge,{style:{display:f>0&&!S?"block":"none"},variant:"outline",ref:y,children:["+",f]})]})}function O({search:t=!0,children:r,...i}){const{isLoading:u,onSearchChange:c,searchValue:a,noResultsText:g,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:a,onValueChange:c}):e.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),e.jsxRuntimeExports.jsx(p.CommandList,{children:u?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx(I.ClasingIcon,{className:`\r
+                  size-4 animate-spin text-muted-foreground\r
+                `}),e.jsxRuntimeExports.jsx("span",{className:"ml-2 paragraph-sm text-muted-foreground",children:d})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x&&e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:g}),r]})})]})})]})}function T({value:t,children:r,badgeLabel:i,onSelect:u,...c}){const{toggleValue:a,selectedValues:g,onItemAdded:d}=C(),x=g.has(t);return n.useEffect(()=>{d(t,i??r)},[t,r,d,i]),e.jsxRuntimeExports.jsxs(p.CommandItem,{...c,value:t,onSelect:f=>{a(f),u?.(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,10 +1,10 @@
-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 { j as e, c as I } from "../index-CwFDnnd3.js";
+import { B as z } from "../badge-aFyTFGVU.js";
+import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-Vk11GgqU.js";
+import { P as T, b as W, c as G } from "../popover-eQq2Is-I.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";
+import { C as J } from "../clasing-icon-CJQQN554.js";
 const R = X(null);
 function ne({
   children: t,
@@ -18,16 +18,16 @@ function ne({
 }) {
   const [d, p] = y(!1), [b, x] = y(
     new Set(r ?? o)
-  ), [v, m] = y(/* @__PURE__ */ new Map()), [g, j] = y("");
+  ), [v, m] = y(/* @__PURE__ */ new Map()), [h, j] = y("");
   function s(n) {
-    const h = (w) => {
+    const g = (w) => {
       const S = new Set(w);
       return S.has(n) ? S.delete(n) : S.add(n), S;
     };
-    x(h), a?.([...h(b)]);
+    x(g), a?.([...g(b)]);
   }
-  const i = V((n, h) => {
-    m((w) => w.get(n) === h ? w : new Map(w).set(n, h));
+  const i = V((n, g) => {
+    m((w) => w.get(n) === g ? w : new Map(w).set(n, g));
   }, []), C = V(
     (n) => {
       j(n), l?.(n);
@@ -45,7 +45,7 @@ function ne({
         items: v,
         onItemAdded: i,
         isLoading: c,
-        searchValue: g,
+        searchValue: h,
         onSearchChange: C,
         loadingText: f,
         noResultsText: u
@@ -68,12 +68,31 @@ function re({
       role: a.role ?? "combobox",
       "aria-expanded": a["aria-expanded"] ?? c,
       "data-size": o,
+      disabled: a.disabled ?? void 0,
       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",
-        o === "xs" && 'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
-        o === "sm" && "label-md h-8 px-2 py-1",
-        o === "md" && "label-lg h-12 px-3 py-1",
-        o === "lg" && "label-xl h-16 px-4 py-2",
+        `
+            flex w-fit items-center justify-between gap-2 overflow-hidden
+            rounded-md border border-input bg-transparent whitespace-nowrap
+            transition-[color,box-shadow] outline-none
+            focus-visible:border-ring focus-visible:ring-[3px]
+            focus-visible:ring-ring/50
+            disabled:cursor-not-allowed disabled:opacity-50
+            aria-invalid:border-destructive-foreground
+            aria-invalid:ring-destructive-foreground/20
+            dark:bg-input/30
+            dark:hover:bg-input/50
+            dark:aria-invalid:ring-destructive-foreground/40
+            [&_svg]:pointer-events-none [&_svg]:shrink-0
+            [&_svg:not([class*='size-'])]:size-4
+            [&_svg:not([class*='text-'])]:text-muted-foreground
+          `,
+        o === "xs" && `
+              h-7 px-2 py-1 label-sm
+              [&_svg:not([class*="size-"])]:size-3.5
+            `,
+        o === "sm" && "h-8 px-2 py-1 label-md",
+        o === "md" && "h-12 px-3 py-1 label-lg",
+        o === "lg" && "h-16 px-4 py-2 label-xl",
         t
       ),
       children: [
@@ -90,20 +109,20 @@ function se({
   overflowBehavior: a = "wrap-when-open",
   ...c
 }) {
-  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;
+  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()), h = a === "wrap" || a === "wrap-when-open" && d;
   k(() => {
-    g && m.current.forEach((s) => s.style.removeProperty("display"));
-  }, [g]);
+    h && m.current.forEach((s) => s.style.removeProperty("display"));
+  }, [h]);
   const j = V(() => {
     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];
+      const g = [...m.current][n];
       if (s.scrollWidth <= s.clientWidth)
         break;
-      C = m.current.size - n, h.style.display = "none", i?.style.removeProperty("display");
+      C = m.current.size - n, g.style.display = "none", i?.style.removeProperty("display");
     }
     b(C);
   }, []);
@@ -113,14 +132,14 @@ function se({
     return s.observe(x.current), () => s.disconnect();
   }, [j]), q(() => {
     j();
-  }, [l, j]), l.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: "font-regular text-muted-foreground", children: t }) : /* @__PURE__ */ e.jsxs(
     "div",
     {
       ...c,
       ref: x,
       className: I(
         "flex min-h-7 w-full gap-1.5 overflow-hidden",
-        g && "flex-wrap",
+        h && "flex-wrap",
         o
       ),
       children: [
@@ -140,7 +159,15 @@ function se({
             } : void 0,
             children: [
               u.get(s),
-              r && /* @__PURE__ */ e.jsx(U, { className: "text-muted-foreground group-hover:text-destructive size-2" })
+              r && /* @__PURE__ */ e.jsx(
+                U,
+                {
+                  className: `\r
+                  size-2 text-muted-foreground\r
+                  group-hover:text-destructive-foreground\r
+                `
+                }
+              )
             ]
           },
           s
@@ -149,7 +176,7 @@ function se({
           z,
           {
             style: {
-              display: p > 0 && !g ? "block" : "none"
+              display: p > 0 && !h ? "block" : "none"
             },
             variant: "outline",
             ref: v,
@@ -181,8 +208,15 @@ function oe({
         }
       ) : /* @__PURE__ */ e.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
       /* @__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.jsx(
+          J,
+          {
+            className: `\r
+                  size-4 animate-spin text-muted-foreground\r
+                `
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "ml-2 paragraph-sm text-muted-foreground", children: u })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         d && /* @__PURE__ */ e.jsx(_, { children: f }),
         r

package/dist/components/navigation-menu.cjs.js

@@ -1 +1,71 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),u=require("@radix-ui/react-navigation-menu"),d=require("../index-ECyCsPX0.cjs"),c=require("@phosphor-icons/react");function g(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const o=g(u);function l({className:t,children:a,viewport:n=!0,...i}){return e.jsxRuntimeExports.jsxs(o.Root,{"data-slot":"navigation-menu","data-viewport":n,className:e.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...i,children:[a,n&&e.jsxRuntimeExports.jsx(s,{})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx(o.List,{"data-slot":"navigation-menu-list",className:e.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...a})}function v({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Item,{"data-slot":"navigation-menu-item",className:e.cn("relative",t),...a})}const r=d.cva("group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 paragraph-sm inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");function p({className:t,children:a,...n}){return e.jsxRuntimeExports.jsxs(o.Trigger,{"data-slot":"navigation-menu-trigger",className:e.cn(r(),"group",t),...n,children:[a," ",e.jsxRuntimeExports.jsx(c.CaretDownIcon,{className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"navigation-menu-content",className:e.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...a})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{className:e.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:e.jsxRuntimeExports.jsx(o.Viewport,{"data-slot":"navigation-menu-viewport",className:e.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--radix-navigation-menu-viewport-width)",t),...a})})}function x({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Link,{"data-slot":"navigation-menu-link",className:e.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm flex flex-col gap-1 rounded-sm p-2 transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...a})}function b({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Indicator,{"data-slot":"navigation-menu-indicator",className:e.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden",t),...a,children:e.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=l;exports.NavigationMenuContent=f;exports.NavigationMenuIndicator=b;exports.NavigationMenuItem=v;exports.NavigationMenuLink=x;exports.NavigationMenuList=m;exports.NavigationMenuTrigger=p;exports.NavigationMenuViewport=s;exports.navigationMenuTriggerStyle=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),u=require("@radix-ui/react-navigation-menu"),d=require("../index-BmhzhLcV.cjs"),c=require("@phosphor-icons/react");function g(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const o=g(u);function l({className:t,children:a,viewport:n=!0,...i}){return e.jsxRuntimeExports.jsxs(o.Root,{"data-slot":"navigation-menu","data-viewport":n,className:e.cn(`
+          group/navigation-menu relative flex max-w-max flex-1 items-center
+          justify-center
+        `,t),...i,children:[a,n&&e.jsxRuntimeExports.jsx(s,{})]})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx(o.List,{"data-slot":"navigation-menu-list",className:e.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...a})}function v({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Item,{"data-slot":"navigation-menu-item",className:e.cn("relative",t),...a})}const r=d.cva(`
+    group inline-flex h-9 w-max items-center justify-center rounded-md
+    bg-background px-4 py-2 paragraph-sm font-medium
+    transition-[color,box-shadow] outline-none
+    hover:bg-accent hover:text-accent-foreground
+    focus:bg-accent focus:text-accent-foreground
+    focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1
+    disabled:pointer-events-none disabled:opacity-50
+    data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground
+    data-[state=open]:hover:bg-accent
+    data-[state=open]:focus:bg-accent
+  `);function p({className:t,children:a,...n}){return e.jsxRuntimeExports.jsxs(o.Trigger,{"data-slot":"navigation-menu-trigger",className:e.cn(r(),"group",t),...n,children:[a," ",e.jsxRuntimeExports.jsx(c.CaretDownIcon,{className:`\r
+          relative top-px ml-1 size-3 transition duration-300\r
+          group-data-[state=open]:rotate-180\r
+        `,"aria-hidden":"true"})]})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Content,{"data-slot":"navigation-menu-content",className:e.cn(`
+          top-0 left-0 w-full p-2 pr-2.5
+          data-[motion=from-end]:slide-in-from-right-52
+          data-[motion=from-start]:slide-in-from-left-52
+          data-[motion=to-end]:slide-out-to-right-52
+          data-[motion=to-start]:slide-out-to-left-52
+          data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in
+          data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out
+          md:absolute md:w-auto
+        `,`
+          group-data-[viewport=false]/navigation-menu:top-full
+          group-data-[viewport=false]/navigation-menu:mt-1.5
+          group-data-[viewport=false]/navigation-menu:overflow-hidden
+          group-data-[viewport=false]/navigation-menu:rounded-md
+          group-data-[viewport=false]/navigation-menu:border
+          group-data-[viewport=false]/navigation-menu:bg-popover
+          group-data-[viewport=false]/navigation-menu:text-popover-foreground
+          group-data-[viewport=false]/navigation-menu:shadow-sm
+          group-data-[viewport=false]/navigation-menu:duration-200
+          **:data-[slot=navigation-menu-link]:focus:ring-0
+          **:data-[slot=navigation-menu-link]:focus:outline-none
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95
+        `,t),...a})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{className:e.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:e.jsxRuntimeExports.jsx(o.Viewport,{"data-slot":"navigation-menu-viewport",className:e.cn(`
+            relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full
+            origin-top overflow-hidden rounded-md border bg-popover
+            text-popover-foreground shadow-sm
+            data-[state=closed]:animate-out data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:zoom-in-90
+            md:w-(--radix-navigation-menu-viewport-width)
+          `,t),...a})})}function x({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Link,{"data-slot":"navigation-menu-link",className:e.cn(`
+          flex flex-col gap-1 rounded-sm p-2 paragraph-sm transition-all
+          outline-none
+          hover:bg-accent hover:text-accent-foreground
+          focus:bg-accent focus:text-accent-foreground
+          focus-visible:ring-[3px] focus-visible:ring-ring/50
+          focus-visible:outline-1
+          data-[active=true]:bg-accent/50
+          data-[active=true]:text-accent-foreground
+          data-[active=true]:hover:bg-accent
+          data-[active=true]:focus:bg-accent
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+        `,t),...a})}function b({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Indicator,{"data-slot":"navigation-menu-indicator",className:e.cn(`
+          top-full z-1 flex h-1.5 items-end justify-center overflow-hidden
+          data-[state=hidden]:animate-out data-[state=hidden]:fade-out
+          data-[state=visible]:animate-in data-[state=visible]:fade-in
+        `,t),...a,children:e.jsxRuntimeExports.jsx("div",{className:`\r
+          relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\r
+        `})})}exports.NavigationMenu=l;exports.NavigationMenuContent=f;exports.NavigationMenuIndicator=b;exports.NavigationMenuItem=v;exports.NavigationMenuLink=x;exports.NavigationMenuList=m;exports.NavigationMenuTrigger=p;exports.NavigationMenuViewport=s;exports.navigationMenuTriggerStyle=r;

package/dist/components/navigation-menu.es.js

@@ -1,6 +1,6 @@
-import { j as e, c as o } from "../index-BCEGphus.js";
+import { j as e, c as o } from "../index-CwFDnnd3.js";
 import * as n from "@radix-ui/react-navigation-menu";
-import { c as s } from "../index-DEha_UuN.js";
+import { c as s } from "../index-CnqageB2.js";
 import { CaretDownIcon as u } from "@phosphor-icons/react";
 function v({
   className: t,
@@ -14,7 +14,10 @@ function v({
       "data-slot": "navigation-menu",
       "data-viewport": i,
       className: o(
-        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        `
+          group/navigation-menu relative flex max-w-max flex-1 items-center
+          justify-center
+        `,
         t
       ),
       ...r,
@@ -55,7 +58,18 @@ function p({
   );
 }
 const d = s(
-  "group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 paragraph-sm inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50"
+  `
+    group inline-flex h-9 w-max items-center justify-center rounded-md
+    bg-background px-4 py-2 paragraph-sm font-medium
+    transition-[color,box-shadow] outline-none
+    hover:bg-accent hover:text-accent-foreground
+    focus:bg-accent focus:text-accent-foreground
+    focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1
+    disabled:pointer-events-none disabled:opacity-50
+    data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground
+    data-[state=open]:hover:bg-accent
+    data-[state=open]:focus:bg-accent
+  `
 );
 function x({
   className: t,
@@ -74,7 +88,10 @@ function x({
         /* @__PURE__ */ e.jsx(
           u,
           {
-            className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            className: `\r
+          relative top-px ml-1 size-3 transition duration-300\r
+          group-data-[state=open]:rotate-180\r
+        `,
             "aria-hidden": "true"
           }
         )
@@ -91,8 +108,35 @@ function w({
     {
       "data-slot": "navigation-menu-content",
       className: o(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
-        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        `
+          top-0 left-0 w-full p-2 pr-2.5
+          data-[motion=from-end]:slide-in-from-right-52
+          data-[motion=from-start]:slide-in-from-left-52
+          data-[motion=to-end]:slide-out-to-right-52
+          data-[motion=to-start]:slide-out-to-left-52
+          data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in
+          data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out
+          md:absolute md:w-auto
+        `,
+        `
+          group-data-[viewport=false]/navigation-menu:top-full
+          group-data-[viewport=false]/navigation-menu:mt-1.5
+          group-data-[viewport=false]/navigation-menu:overflow-hidden
+          group-data-[viewport=false]/navigation-menu:rounded-md
+          group-data-[viewport=false]/navigation-menu:border
+          group-data-[viewport=false]/navigation-menu:bg-popover
+          group-data-[viewport=false]/navigation-menu:text-popover-foreground
+          group-data-[viewport=false]/navigation-menu:shadow-sm
+          group-data-[viewport=false]/navigation-menu:duration-200
+          **:data-[slot=navigation-menu-link]:focus:ring-0
+          **:data-[slot=navigation-menu-link]:focus:outline-none
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0
+          group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0
+          group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95
+        `,
         t
       ),
       ...a
@@ -114,7 +158,14 @@ function l({
         {
           "data-slot": "navigation-menu-viewport",
           className: o(
-            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--radix-navigation-menu-viewport-width)",
+            `
+            relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full
+            origin-top overflow-hidden rounded-md border bg-popover
+            text-popover-foreground shadow-sm
+            data-[state=closed]:animate-out data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:zoom-in-90
+            md:w-(--radix-navigation-menu-viewport-width)
+          `,
             t
           ),
           ...a
@@ -132,7 +183,20 @@ function b({
     {
       "data-slot": "navigation-menu-link",
       className: o(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm flex flex-col gap-1 rounded-sm p-2 transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        `
+          flex flex-col gap-1 rounded-sm p-2 paragraph-sm transition-all
+          outline-none
+          hover:bg-accent hover:text-accent-foreground
+          focus:bg-accent focus:text-accent-foreground
+          focus-visible:ring-[3px] focus-visible:ring-ring/50
+          focus-visible:outline-1
+          data-[active=true]:bg-accent/50
+          data-[active=true]:text-accent-foreground
+          data-[active=true]:hover:bg-accent
+          data-[active=true]:focus:bg-accent
+          [&_svg:not([class*='size-'])]:size-4
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+        `,
         t
       ),
       ...a
@@ -148,11 +212,22 @@ function h({
     {
       "data-slot": "navigation-menu-indicator",
       className: o(
-        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden",
+        `
+          top-full z-1 flex h-1.5 items-end justify-center overflow-hidden
+          data-[state=hidden]:animate-out data-[state=hidden]:fade-out
+          data-[state=visible]:animate-in data-[state=visible]:fade-in
+        `,
         t
       ),
       ...a,
-      children: /* @__PURE__ */ e.jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `\r
+          relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\r
+        `
+        }
+      )
     }
   );
 }

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

@@ -1 +1,21 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),m=require("../command-FBkK3fzE.cjs"),D=require("../input-u-OTHOPe.cjs"),C=require("../popover-A1-x5q-F.cjs"),M=require("../scroll-area-DFyIQG6Z.cjs"),S=require("@phosphor-icons/react"),F=require("react"),L=require("react-phone-number-input"),H=require("react-phone-number-input/flags"),G=require("react-phone-number-input/locale/en"),W=require("react-phone-number-input/locale/es"),$=require("react-phone-number-input/locale/fr");function N(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const s=N(F),I=N(L);function z(t,r){const[n,o]=s.useState(t);return s.useEffect(()=>{const l=setTimeout(()=>{o(t)},r);return()=>{clearTimeout(l)}},[t,r]),n}const P=s.forwardRef(({className:t,onChange:r,value:n,size:o="md",rounded:l="default",locale:c="en",...u},d)=>e.jsxRuntimeExports.jsx(I.default,{ref:d,className:e.cn("flex",t),flagComponent:B,countrySelectComponent:O,inputComponent:q,smartCaret:!1,labels:c==="es"?W:c==="fr"?$:G,value:n||void 0,onChange:f=>r?.(f||""),countrySelectProps:{size:o,rounded:l,...u},numberInputProps:{size:o,rounded:l,...u},...u}));P.displayName="PhoneInput";const q=s.forwardRef(({className:t,rounded:r="default",size:n,...o},l)=>{const{"data-country":c,...u}=o;return e.jsxRuntimeExports.jsx(D.Input,{size:n,className:e.cn("w-full",{"rounded-s-none rounded-e-lg":r!=="full","rounded-s-none rounded-e-full":r==="full","rounded-e-sm":n==="sm","rounded-e-md":n==="md","rounded-e-lg":n==="lg"},t),...u,ref:l})});q.displayName="InputComponent";const O=s.memo(({disabled:t,value:r,options:n,onChange:o,size:l="md",rounded:c="default",...u})=>{const d=s.useRef(null),[f,E]=s.useState(""),[b,R]=s.useState(!1),[y,v]=s.useState(20),x=z(f,100),p=s.useMemo(()=>x?n.filter(({label:a,value:i})=>i&&(a.toLowerCase().includes(x.toLowerCase())||i.toLowerCase().includes(x.toLowerCase()))):n,[n,x]),g=s.useMemo(()=>p.slice(0,y),[p,y]);return s.useEffect(()=>{v(20)},[x]),s.useEffect(()=>{if(!b)return;const a=setTimeout(()=>{if(!d.current)return;const h=d.current.querySelector("[data-radix-scroll-area-viewport]");if(!h)return;const w=()=>{const{scrollTop:_,scrollHeight:V,clientHeight:k}=h;_+k>=V-100&&v(A=>Math.min(A+20,p.length))};h.addEventListener("scroll",w,{passive:!0}),window.__scrollCleanup=()=>{h.removeEventListener("scroll",w)}},100);return()=>{clearTimeout(a);const i=window.__scrollCleanup;i&&i()}},[b,p.length]),e.jsxRuntimeExports.jsxs(C.Popover,{open:b,modal:!0,onOpenChange:a=>{R(a),a&&E("")},children:[e.jsxRuntimeExports.jsx(C.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button","aria-invalid":u["aria-invalid"],className:e.cn(`
+                flex w-fit min-w-0 items-center justify-center border border-r-0
+                border-input bg-transparent paragraph-md
+                transition-[color,box-shadow] outline-none
+                selection:bg-primary selection:text-primary-foreground
+                file:inline-flex file:border-0 file:bg-transparent
+                file:paragraph-sm file:font-semibold file:text-foreground
+                placeholder:text-muted-foreground
+                focus-visible:z-1 focus-visible:border-ring
+                focus-visible:ring-[3px] focus-visible:ring-ring/50
+                disabled:pointer-events-none disabled:cursor-not-allowed
+                disabled:opacity-50
+                aria-invalid:border-destructive-foreground
+                aria-invalid:ring-destructive-foreground/20
+                md:paragraph-sm
+                dark:bg-input/30
+                dark:aria-invalid:ring-destructive-foreground/40
+              `,c==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"h-8 rounded-s-sm px-2 py-1 label-md":l==="sm","h-12 rounded-s-md px-3 py-1 label-lg":l==="md","h-16 rounded-s-lg px-4 py-2 label-xl":l==="lg"}),disabled:t,...u,children:[e.jsxRuntimeExports.jsx(j,{country:r,countryName:r,disabled:t}),e.jsxRuntimeExports.jsx(S.CaretDownIcon,{className:e.cn("-mr-2 size-4 opacity-50",t?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(C.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(m.Command,{children:[e.jsxRuntimeExports.jsx(m.CommandInput,{value:f,onValueChange:a=>{E(a),setTimeout(()=>{if(d.current){const i=d.current.querySelector("[data-radix-scroll-area-viewport]");i&&(i.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(m.CommandList,{children:e.jsxRuntimeExports.jsxs(M.ScrollArea,{ref:d,className:"h-72",children:[e.jsxRuntimeExports.jsx(m.CommandEmpty,{children:g.length===0&&n.length>20?"Too many results. Please refine your search.":"No country found."}),e.jsxRuntimeExports.jsxs(m.CommandGroup,{children:[g.map(({value:a,label:i})=>a?e.jsxRuntimeExports.jsx(T,{country:a,countryName:i,selectedCountry:r,onChange:o,onSelectComplete:()=>R(!1)},a):null),g.length<p.length&&e.jsxRuntimeExports.jsxs(m.CommandItem,{disabled:!0,className:"paragraph-xs text-muted-foreground",children:["Showing ",g.length," of"," ",p.length," countries"]})]})]})})]})})]})});O.displayName="CountrySelect";const T=s.memo(({country:t,countryName:r,selectedCountry:n,onChange:o,onSelectComplete:l})=>{const c=s.useCallback(()=>{o(t),l()},[t,o,l]);return e.jsxRuntimeExports.jsxs(m.CommandItem,{className:"gap-2",onSelect:c,children:[e.jsxRuntimeExports.jsx(j,{country:t,countryName:r}),e.jsxRuntimeExports.jsx("span",{className:"flex-1 paragraph-sm",children:r}),e.jsxRuntimeExports.jsx("span",{className:"paragraph-sm text-foreground/50",children:`+${I.getCountryCallingCode(t)}`}),e.jsxRuntimeExports.jsx(S.CheckIcon,{className:e.cn("ml-auto size-4",t===n?"opacity-100":"opacity-0")})]})});T.displayName="CountrySelectOption";const j=s.memo(({country:t,countryName:r,disabled:n})=>{const o=H[t];return e.jsxRuntimeExports.jsx("span",{className:e.cn(`
+            flex h-4 w-6 overflow-hidden rounded-[4px] bg-foreground/20
+            [&_svg:not([class*='size-'])]:size-full
+          `,{"opacity-50":n}),children:o?e.jsxRuntimeExports.jsx(o,{title:r}):null})}),B=t=>e.jsxRuntimeExports.jsx(j,{...t});j.displayName="FlagComponent";exports.PhoneInput=P;