@clasing/ui 2.0.3 → 2.0.5

package/dist/components/menubar.es.js

@@ -1,8 +1,8 @@
 import { j as t } from "../jsx-runtime-DywqP_6a.js";
 import * as n from "@radix-ui/react-menubar";
-import { c as r } from "../index-CRiPKpXj.js";
-import { I as d } from "../icon-component-CxQsODCa.js";
-function f({
+import { c as o } from "../index-CRiPKpXj.js";
+import { I as d } from "../icon-component-Db_44zX2.js";
+function p({
   className: e,
   ...a
 }) {
@@ -10,7 +10,7 @@ function f({
     n.Root,
     {
       "data-slot": "menubar",
-      className: r(
+      className: o(
         "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
         e
       ),
@@ -18,12 +18,12 @@ function f({
     }
   );
 }
-function b({
+function f({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Menu, { "data-slot": "menubar-menu", ...e });
 }
-function p({
+function b({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "menubar-group", ...e });
@@ -33,12 +33,12 @@ function u({
 }) {
   return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "menubar-portal", ...e });
 }
-function x({
+function g({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
 }
-function g({
+function x({
   className: e,
   ...a
 }) {
@@ -46,8 +46,8 @@ function g({
     n.Trigger,
     {
       "data-slot": "menubar-trigger",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex items-center rounded-sm px-2 py-1 font-medium outline-hidden select-none",
         e
       ),
       ...a
@@ -57,7 +57,7 @@ function g({
 function v({
   className: e,
   align: a = "start",
-  alignOffset: o = -4,
+  alignOffset: r = -4,
   sideOffset: s = 8,
   ...i
 }) {
@@ -66,9 +66,9 @@ function v({
     {
       "data-slot": "menubar-content",
       align: a,
-      alignOffset: o,
+      alignOffset: r,
       sideOffset: s,
-      className: r(
+      className: o(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
         e
       ),
@@ -79,7 +79,7 @@ function v({
 function h({
   className: e,
   inset: a,
-  variant: o = "default",
+  variant: r = "default",
   ...s
 }) {
   return /* @__PURE__ */ t.jsx(
@@ -87,9 +87,9 @@ function h({
     {
       "data-slot": "menubar-item",
       "data-inset": a,
-      "data-variant": o,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "data-variant": r,
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...s
@@ -99,18 +99,18 @@ function h({
 function j({
   className: e,
   children: a,
-  checked: o,
+  checked: r,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
-      checked: o,
+      checked: r,
       ...s,
       children: [
         /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { iconName: "IconCheck", className: "size-4" }) }) }),
@@ -122,17 +122,17 @@ function j({
 function M({
   className: e,
   children: a,
-  ...o
+  ...r
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.RadioItem,
     {
       "data-slot": "menubar-radio-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
-      ...o,
+      ...r,
       children: [
         /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(
           d,
@@ -149,18 +149,18 @@ function M({
 function N({
   className: e,
   inset: a,
-  ...o
+  ...r
 }) {
   return /* @__PURE__ */ t.jsx(
     n.Label,
     {
       "data-slot": "menubar-label",
       "data-inset": a,
-      className: r(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+      className: o(
+        "paragraph-sm px-2 py-1.5 font-medium data-[inset]:pl-8",
         e
       ),
-      ...o
+      ...r
     }
   );
 }
@@ -172,7 +172,7 @@ function z({
     n.Separator,
     {
       "data-slot": "menubar-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
+      className: o("bg-border -mx-1 my-1 h-px", e),
       ...a
     }
   );
@@ -185,8 +185,8 @@ function I({
     "span",
     {
       "data-slot": "menubar-shortcut",
-      className: r(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+      className: o(
+        "text-muted-foreground paragraph-xs ml-auto tracking-widest",
         e
       ),
       ...a
@@ -201,7 +201,7 @@ function y({
 function k({
   className: e,
   inset: a,
-  children: o,
+  children: r,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
@@ -209,13 +209,13 @@ function k({
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": a,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-none select-none data-[inset]:pl-8",
         e
       ),
       ...s,
       children: [
-        o,
+        r,
         /* @__PURE__ */ t.jsx(d, { iconName: "IconChevronRight", className: "ml-auto h-4 w-4" })
       ]
     }
@@ -229,7 +229,7 @@ function C({
     n.SubContent,
     {
       "data-slot": "menubar-sub-content",
-      className: r(
+      className: o(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         e
       ),
@@ -238,20 +238,20 @@ function C({
   );
 }
 export {
-  f as Menubar,
+  p as Menubar,
   j as MenubarCheckboxItem,
   v as MenubarContent,
-  p as MenubarGroup,
+  b as MenubarGroup,
   h as MenubarItem,
   N as MenubarLabel,
-  b as MenubarMenu,
+  f as MenubarMenu,
   u as MenubarPortal,
-  x as MenubarRadioGroup,
+  g as MenubarRadioGroup,
   M as MenubarRadioItem,
   z as MenubarSeparator,
   I as MenubarShortcut,
   y as MenubarSub,
   C as MenubarSubContent,
   k as MenubarSubTrigger,
-  g as MenubarTrigger
+  x as MenubarTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),M=require("../badge-DknEN5GE.cjs"),x=require("../command-C4Y6Ixrp.cjs"),b=require("../popover-4V87msIT.cjs"),w=require("../index-DoxiiusW.cjs"),s=require("react"),R=require("../icon-component-D5YssRbR.cjs"),I=s.createContext(null);function k({children:e,values:n,defaultValues:r,onValuesChange:o}){const[m,p]=s.useState(!1),[h,f]=s.useState(new Set(n??r)),[y,j]=s.useState(new Map);function E(c){const i=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};f(i),o?.([...i(h)])}const g=s.useCallback((c,i)=>{j(l=>l.get(c)===i?l:new Map(l).set(c,i))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:m,setOpen:p,selectedValues:n?new Set(n):h,toggleValue:E,items:y,onItemAdded:g},children:t.jsxRuntimeExports.jsx(b.Popover,{open:m,onOpenChange:p,children:e})})}function V({className:e,children:n,size:r="md",...o}){const{open:m}=v();return t.jsxRuntimeExports.jsx(b.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...o,role:o.role??"combobox","aria-expanded":o["aria-expanded"]??m,"data-size":r,className:w.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",r==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',r==="sm"&&"text-label-md h-8 px-2 py-1",r==="md"&&"text-label-lg h-12 px-3 py-1",r==="lg"&&"text-label-xl h-16 px-4 py-2",e),children:[n,t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:r,overflowBehavior:o="wrap-when-open",...m}){const{selectedValues:p,toggleValue:h,items:f,open:y}=v(),[j,E]=s.useState(0),g=s.useRef(null),c=s.useRef(null),i=s.useRef(new Set),l=o==="wrap"||o==="wrap-when-open"&&y;s.useEffect(()=>{l&&i.current.forEach(u=>u.style.removeProperty("display"))},[l]);const a=s.useCallback(()=>{if(g.current==null)return;const u=g.current,d=c.current;d!=null&&(d.style.display="none"),i.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=i.current.size-1;S>=0;S--){const N=[...i.current][S];if(u.scrollWidth<=u.clientWidth)break;C=i.current.size-S,N.style.display="none",d?.style.removeProperty("display")}E(C)},[]);return s.useEffect(()=>{if(g.current==null)return;const u=new ResizeObserver(a);return u.observe(g.current),()=>u.disconnect()},[a]),s.useLayoutEffect(()=>{a()},[p,a]),p.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...m,ref:g,className:w.cn("flex w-full gap-1.5 overflow-hidden min-h-[1.75rem]",l&&"flex-wrap",r),children:[[...p].filter(u=>f.has(u)).map(u=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return i.current.add(d),()=>{i.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(u)}:void 0,children:[f.get(u),n&&t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},u)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:j>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",j]})]})}function P({search:e=!0,children:n,...r}){const o=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(b.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...r,children:[o?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[o&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:r,onSelect:o,...m}){const{toggleValue:p,selectedValues:h,onItemAdded:f}=v(),y=h.has(e);return s.useEffect(()=>{f(e,r??n)},[e,n,f,r]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...m,value:e,onSelect:j=>{p(j),o?.(j)},children:[t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconCheck",className:w.cn("mr-2 size-4",y?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function _(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function v(){const e=s.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BuHQgaKs.cjs"),M=require("../badge-DuEEk3J_.cjs"),x=require("../command-B7wbtmbM.cjs"),b=require("../popover-4V87msIT.cjs"),w=require("../index-DoxiiusW.cjs"),s=require("react"),R=require("../icon-component-4lyl8wE_.cjs"),I=s.createContext(null);function k({children:e,values:n,defaultValues:r,onValuesChange:o}){const[m,p]=s.useState(!1),[h,f]=s.useState(new Set(n??r)),[y,j]=s.useState(new Map);function E(c){const i=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};f(i),o?.([...i(h)])}const g=s.useCallback((c,i)=>{j(l=>l.get(c)===i?l:new Map(l).set(c,i))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:m,setOpen:p,selectedValues:n?new Set(n):h,toggleValue:E,items:y,onItemAdded:g},children:t.jsxRuntimeExports.jsx(b.Popover,{open:m,onOpenChange:p,children:e})})}function V({className:e,children:n,size:r="md",...o}){const{open:m}=v();return t.jsxRuntimeExports.jsx(b.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...o,role:o.role??"combobox","aria-expanded":o["aria-expanded"]??m,"data-size":r,className:w.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",r==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',r==="sm"&&"label-md h-8 px-2 py-1",r==="md"&&"label-lg h-12 px-3 py-1",r==="lg"&&"label-xl h-16 px-4 py-2",e),children:[n,t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:r,overflowBehavior:o="wrap-when-open",...m}){const{selectedValues:p,toggleValue:h,items:f,open:y}=v(),[j,E]=s.useState(0),g=s.useRef(null),c=s.useRef(null),i=s.useRef(new Set),l=o==="wrap"||o==="wrap-when-open"&&y;s.useEffect(()=>{l&&i.current.forEach(u=>u.style.removeProperty("display"))},[l]);const a=s.useCallback(()=>{if(g.current==null)return;const u=g.current,d=c.current;d!=null&&(d.style.display="none"),i.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=i.current.size-1;S>=0;S--){const N=[...i.current][S];if(u.scrollWidth<=u.clientWidth)break;C=i.current.size-S,N.style.display="none",d?.style.removeProperty("display")}E(C)},[]);return s.useEffect(()=>{if(g.current==null)return;const u=new ResizeObserver(a);return u.observe(g.current),()=>u.disconnect()},[a]),s.useLayoutEffect(()=>{a()},[p,a]),p.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...m,ref:g,className:w.cn("flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",l&&"flex-wrap",r),children:[[...p].filter(u=>f.has(u)).map(u=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return i.current.add(d),()=>{i.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(u)}:void 0,children:[f.get(u),n&&t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},u)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:j>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",j]})]})}function P({search:e=!0,children:n,...r}){const o=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(b.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...r,children:[o?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[o&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:r,onSelect:o,...m}){const{toggleValue:p,selectedValues:h,onItemAdded:f}=v(),y=h.has(e);return s.useEffect(()=>{f(e,r??n)},[e,n,f,r]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...m,value:e,onSelect:j=>{p(j),o?.(j)},children:[t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconCheck",className:w.cn("mr-2 size-4",y?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function _(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function v(){const e=s.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;

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

@@ -1,10 +1,10 @@
 import { j as t } from "../jsx-runtime-DywqP_6a.js";
-import { B as I } from "../badge-CJxUpkWv.js";
-import { C as k, f as E, d as O, b as R, c as _, e as A, g as W } from "../command-pED95x7-.js";
+import { B as I } from "../badge-DgjaD6g5.js";
+import { C as k, f as E, d as O, b as R, c as _, e as A, g as W } from "../command-RWDkdfba.js";
 import { P as F, b as G, c as B } from "../popover-CHAUhJda.js";
 import { c as S } from "../index-CRiPKpXj.js";
 import { createContext as L, useState as y, useCallback as V, useEffect as v, useRef as j, useLayoutEffect as T, useContext as X } from "react";
-import { I as C } from "../icon-component-CxQsODCa.js";
+import { I as C } from "../icon-component-Db_44zX2.js";
 const z = L(null);
 function Y({
   children: e,
@@ -56,10 +56,10 @@ function Z({
       "data-size": r,
       className: S(
         "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",
-        r === "xs" && 'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
-        r === "sm" && "text-label-md h-8 px-2 py-1",
-        r === "md" && "text-label-lg h-12 px-3 py-1",
-        r === "lg" && "text-label-xl h-16 px-4 py-2",
+        r === "xs" && 'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
+        r === "sm" && "label-md h-8 px-2 py-1",
+        r === "md" && "label-lg h-12 px-3 py-1",
+        r === "lg" && "label-xl h-16 px-4 py-2",
         e
       ),
       children: [
@@ -111,7 +111,7 @@ function $({
       ...d,
       ref: x,
       className: S(
-        "flex w-full gap-1.5 overflow-hidden min-h-[1.75rem]",
+        "flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",
         l && "flex-wrap",
         r
       ),

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-D5YssRbR.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=l(d);function m({className:t,children:e,viewport:n=!0,...r}){return a.jsxRuntimeExports.jsxs(i.Root,{"data-slot":"navigation-menu","data-viewport":n,className:o.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[e,n&&a.jsxRuntimeExports.jsx(u,{})]})}function v({className:t,...e}){return a.jsxRuntimeExports.jsx(i.List,{"data-slot":"navigation-menu-list",className:o.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Item,{"data-slot":"navigation-menu-item",className:o.cn("relative",t),...e})}const s=c.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 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");function f({className:t,children:e,...n}){return a.jsxRuntimeExports.jsxs(i.Trigger,{"data-slot":"navigation-menu-trigger",className:o.cn(s(),"group",t),...n,children:[e," ",a.jsxRuntimeExports.jsx(g.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function x({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Content,{"data-slot":"navigation-menu-content",className:o.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),...e})}function u({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{className:o.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:a.jsxRuntimeExports.jsx(i.Viewport,{"data-slot":"navigation-menu-viewport",className:o.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-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Link,{"data-slot":"navigation-menu-link",className:o.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 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e})}function w({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Indicator,{"data-slot":"navigation-menu-indicator",className:o.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),...e,children:a.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=m;exports.NavigationMenuContent=x;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=p;exports.NavigationMenuLink=b;exports.NavigationMenuList=v;exports.NavigationMenuTrigger=f;exports.NavigationMenuViewport=u;exports.navigationMenuTriggerStyle=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BuHQgaKs.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-4lyl8wE_.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=l(d);function m({className:t,children:e,viewport:n=!0,...r}){return a.jsxRuntimeExports.jsxs(i.Root,{"data-slot":"navigation-menu","data-viewport":n,className:o.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[e,n&&a.jsxRuntimeExports.jsx(u,{})]})}function v({className:t,...e}){return a.jsxRuntimeExports.jsx(i.List,{"data-slot":"navigation-menu-list",className:o.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Item,{"data-slot":"navigation-menu-item",className:o.cn("relative",t),...e})}const s=c.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 f({className:t,children:e,...n}){return a.jsxRuntimeExports.jsxs(i.Trigger,{"data-slot":"navigation-menu-trigger",className:o.cn(s(),"group",t),...n,children:[e," ",a.jsxRuntimeExports.jsx(g.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function x({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Content,{"data-slot":"navigation-menu-content",className:o.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),...e})}function u({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{className:o.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:a.jsxRuntimeExports.jsx(i.Viewport,{"data-slot":"navigation-menu-viewport",className:o.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-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Link,{"data-slot":"navigation-menu-link",className:o.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),...e})}function w({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Indicator,{"data-slot":"navigation-menu-indicator",className:o.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),...e,children:a.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=m;exports.NavigationMenuContent=x;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=p;exports.NavigationMenuLink=b;exports.NavigationMenuList=v;exports.NavigationMenuTrigger=f;exports.NavigationMenuViewport=u;exports.navigationMenuTriggerStyle=s;

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

@@ -2,7 +2,7 @@ import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as n from "@radix-ui/react-navigation-menu";
 import { c as s } from "../index-BqtVL8d-.js";
 import { c as o } from "../index-CRiPKpXj.js";
-import { I as u } from "../icon-component-CxQsODCa.js";
+import { I as u } from "../icon-component-Db_44zX2.js";
 function f({
   className: t,
   children: a,
@@ -56,7 +56,7 @@ function x({
   );
 }
 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 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50"
+  "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 w({
   className: t,
@@ -84,7 +84,7 @@ function w({
     }
   );
 }
-function b({
+function h({
   className: t,
   ...a
 }) {
@@ -125,7 +125,7 @@ function l({
     }
   );
 }
-function h({
+function b({
   className: t,
   ...a
 }) {
@@ -134,7 +134,7 @@ function h({
     {
       "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 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "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
@@ -160,10 +160,10 @@ function N({
 }
 export {
   f as NavigationMenu,
-  b as NavigationMenuContent,
+  h as NavigationMenuContent,
   N as NavigationMenuIndicator,
   x as NavigationMenuItem,
-  h as NavigationMenuLink,
+  b as NavigationMenuLink,
   p as NavigationMenuList,
   w as NavigationMenuTrigger,
   l as NavigationMenuViewport,

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

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

package/dist/components/phone-input.d.ts

@@ -4,12 +4,7 @@ type PhoneInputProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value'
     onChange?: (value: RPNInput.Value) => void;
     size?: 'sm' | 'md' | 'lg';
     rounded?: 'default' | 'full';
-    label?: string;
-    helperText?: string;
     locale?: 'en' | 'es' | 'fr';
-    error?: string;
-    touched?: boolean;
-    containerClassName?: string;
 };
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps>;
 export { PhoneInput };