@clasing/ui 2.1.0 → 2.2.0

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

@@ -1,17 +1,17 @@
-import { j as e, c as z } from "../index-DBpnlzOP.js";
-import { B as E } from "../badge-Ds17GJH4.js";
-import { C as P, f as R, d as _, b as A, c as L, e as F, g as W } from "../command-CGUB58ej.js";
-import { P as G, b as T, c as B } from "../popover-Dvf9oQaX.js";
-import { createContext as X, useState as y, useCallback as I, useEffect as k, useRef as V, useLayoutEffect as q, useContext as D } from "react";
-import { I as N } from "../icon-component-DGImZz3K.js";
-const O = X(null);
-function Z({
+import { j as e, c as I } from "../index-D5lmpham.js";
+import { B as z } from "../badge-Cprh3bik.js";
+import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-ev4m9IoQ.js";
+import { P as W, b as G, c as T } from "../popover-BdDS9aoy.js";
+import { SpinnerIcon as B, CheckIcon as D, CaretUpDownIcon as U, XIcon as X } from "@phosphor-icons/react";
+import { createContext as q, useState as y, useCallback as V, useEffect as k, useRef as M, useLayoutEffect as H, useContext as J } from "react";
+const R = q(null);
+function te({
   children: t,
   values: r,
   defaultValues: o,
-  onValuesChange: a,
+  onValuesChange: i,
   isLoading: u,
-  onSearchChange: l,
+  onSearchChange: a,
   loadingText: p = "Loading...",
   noResultsText: c = "No results found"
 }) {
@@ -23,18 +23,18 @@ function Z({
       const C = new Set(w);
       return C.has(n) ? C.delete(n) : C.add(n), C;
     };
-    f(x), a?.([...x(b)]);
+    f(x), i?.([...x(b)]);
   }
-  const i = I((n, x) => {
+  const l = V((n, x) => {
     d((w) => w.get(n) === x ? w : new Map(w).set(n, x));
-  }, []), S = I(
+  }, []), S = V(
     (n) => {
-      j(n), l?.(n);
+      j(n), a?.(n);
     },
-    [l]
+    [a]
   );
   return /* @__PURE__ */ e.jsx(
-    O,
+    R,
     {
       value: {
         open: h,
@@ -42,32 +42,32 @@ function Z({
         selectedValues: r ? new Set(r) : b,
         toggleValue: s,
         items: v,
-        onItemAdded: i,
+        onItemAdded: l,
         isLoading: u,
         searchValue: g,
         onSearchChange: S,
         loadingText: p,
         noResultsText: c
       },
-      children: /* @__PURE__ */ e.jsx(G, { open: h, onOpenChange: m, children: t })
+      children: /* @__PURE__ */ e.jsx(W, { open: h, onOpenChange: m, children: t })
     }
   );
 }
-function $({
+function ne({
   className: t,
   children: r,
   size: o = "md",
-  ...a
+  ...i
 }) {
-  const { open: u } = M();
-  return /* @__PURE__ */ e.jsx(B, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const { open: u } = N();
+  return /* @__PURE__ */ e.jsx(T, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ...a,
-      role: a.role ?? "combobox",
-      "aria-expanded": a["aria-expanded"] ?? u,
+      ...i,
+      role: i.role ?? "combobox",
+      "aria-expanded": i["aria-expanded"] ?? u,
       "data-size": o,
-      className: z(
+      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",
@@ -77,38 +77,32 @@ function $({
       ),
       children: [
         r,
-        /* @__PURE__ */ e.jsx(
-          N,
-          {
-            iconName: "IconSelector",
-            className: "size-4 shrink-0 opacity-50"
-          }
-        )
+        /* @__PURE__ */ e.jsx(U, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   ) });
 }
-function ee({
+function re({
   placeholder: t,
   clickToRemove: r = !0,
   className: o,
-  overflowBehavior: a = "wrap-when-open",
+  overflowBehavior: i = "wrap-when-open",
   ...u
 }) {
-  const { selectedValues: l, toggleValue: p, items: c, open: h } = M(), [m, b] = y(0), f = V(null), v = V(null), d = V(/* @__PURE__ */ new Set()), g = a === "wrap" || a === "wrap-when-open" && h;
+  const { selectedValues: a, toggleValue: p, items: c, open: h } = N(), [m, b] = y(0), f = M(null), v = M(null), d = M(/* @__PURE__ */ new Set()), g = i === "wrap" || i === "wrap-when-open" && h;
   k(() => {
     g && d.current.forEach((s) => s.style.removeProperty("display"));
   }, [g]);
-  const j = I(() => {
+  const j = V(() => {
     if (f.current == null) return;
-    const s = f.current, i = v.current;
-    i != null && (i.style.display = "none"), d.current.forEach((n) => n.style.removeProperty("display"));
+    const s = f.current, l = v.current;
+    l != null && (l.style.display = "none"), d.current.forEach((n) => n.style.removeProperty("display"));
     let S = 0;
     for (let n = d.current.size - 1; n >= 0; n--) {
       const x = [...d.current][n];
       if (s.scrollWidth <= s.clientWidth)
         break;
-      S = d.current.size - n, x.style.display = "none", i?.style.removeProperty("display");
+      S = d.current.size - n, x.style.display = "none", l?.style.removeProperty("display");
     }
     b(S);
   }, []);
@@ -116,48 +110,42 @@ function ee({
     if (f.current == null) return;
     const s = new ResizeObserver(j);
     return s.observe(f.current), () => s.disconnect();
-  }, [j]), q(() => {
+  }, [j]), H(() => {
     j();
-  }, [l, j]), l.size === 0 && t ? /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground font-normal", children: t }) : /* @__PURE__ */ e.jsxs(
+  }, [a, j]), a.size === 0 && t ? /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground font-normal", children: t }) : /* @__PURE__ */ e.jsxs(
     "div",
     {
       ...u,
       ref: f,
-      className: z(
-        "flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",
+      className: I(
+        "flex min-h-7 w-full gap-1.5 overflow-hidden",
         g && "flex-wrap",
         o
       ),
       children: [
-        [...l].filter((s) => c.has(s)).map((s) => /* @__PURE__ */ e.jsxs(
-          E,
+        [...a].filter((s) => c.has(s)).map((s) => /* @__PURE__ */ e.jsxs(
+          z,
           {
-            ref: (i) => {
-              if (i != null)
-                return d.current.add(i), () => {
-                  d.current.delete(i);
+            ref: (l) => {
+              if (l != null)
+                return d.current.add(l), () => {
+                  d.current.delete(l);
                 };
             },
             variant: "outline",
             className: "group flex items-center gap-1",
-            onClick: r ? (i) => {
-              i.stopPropagation(), p(s);
+            onClick: r ? (l) => {
+              l.stopPropagation(), p(s);
             } : void 0,
             children: [
               c.get(s),
-              r && /* @__PURE__ */ e.jsx(
-                N,
-                {
-                  iconName: "IconX",
-                  className: "text-muted-foreground group-hover:text-destructive size-2"
-                }
-              )
+              r && /* @__PURE__ */ e.jsx(X, { className: "text-muted-foreground group-hover:text-destructive size-2" })
             ]
           },
           s
         )),
         /* @__PURE__ */ e.jsxs(
-          E,
+          z,
           {
             style: {
               display: m > 0 && !g ? "block" : "none"
@@ -174,47 +162,41 @@ function ee({
     }
   );
 }
-function te({
+function se({
   search: t = !0,
   children: r,
   ...o
 }) {
-  const { isLoading: a, onSearchChange: u, searchValue: l, noResultsText: p } = M(), c = typeof t == "object" ? !0 : t;
+  const { isLoading: i, onSearchChange: u, searchValue: a, noResultsText: p } = N(), c = typeof t == "object" ? !0 : t;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(R, { children: r }) }) }),
-    /* @__PURE__ */ e.jsx(T, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ e.jsxs(P, { ...o, children: [
+    /* @__PURE__ */ e.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(P, { children: r }) }) }),
+    /* @__PURE__ */ e.jsx(G, { className: "min-w-(--radix-popover-trigger-width) p-0", children: /* @__PURE__ */ e.jsxs(E, { ...o, children: [
       c ? /* @__PURE__ */ e.jsx(
-        _,
+        O,
         {
           placeholder: typeof t == "object" ? t.placeholder : void 0,
-          value: l,
+          value: a,
           onValueChange: u
         }
       ) : /* @__PURE__ */ e.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
-      /* @__PURE__ */ e.jsx(R, { children: a ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-6", children: [
-        /* @__PURE__ */ e.jsx(
-          N,
-          {
-            iconName: "IconLoader2",
-            className: "text-muted-foreground size-4 animate-spin"
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground ml-2 text-sm", children: a })
+      /* @__PURE__ */ e.jsx(P, { children: i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center py-6", children: [
+        /* @__PURE__ */ e.jsx(B, { className: "text-muted-foreground size-4 animate-spin" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground ml-2 text-sm", children: i })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        c && /* @__PURE__ */ e.jsx(A, { children: p }),
+        c && /* @__PURE__ */ e.jsx(_, { children: p }),
         r
       ] }) })
     ] }) })
   ] });
 }
-function ne({
+function oe({
   value: t,
   children: r,
   badgeLabel: o,
-  onSelect: a,
+  onSelect: i,
   ...u
 }) {
-  const { toggleValue: l, selectedValues: p, onItemAdded: c } = M(), h = p.has(t);
+  const { toggleValue: a, selectedValues: p, onItemAdded: c } = N(), h = p.has(t);
   return k(() => {
     c(t, o ?? r);
   }, [t, r, c, o]), /* @__PURE__ */ e.jsxs(
@@ -223,14 +205,13 @@ function ne({
       ...u,
       value: t,
       onSelect: (m) => {
-        l(m), a?.(m);
+        a(m), i?.(m);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          N,
+          D,
           {
-            iconName: "IconCheck",
-            className: z("mr-2 size-4", h ? "opacity-100" : "opacity-0")
+            className: I("mr-2 size-4", h ? "opacity-100" : "opacity-0")
           }
         ),
         r
@@ -238,14 +219,14 @@ function ne({
     }
   );
 }
-function re(t) {
-  return /* @__PURE__ */ e.jsx(L, { ...t });
+function ie(t) {
+  return /* @__PURE__ */ e.jsx(A, { ...t });
 }
-function se(t) {
-  return /* @__PURE__ */ e.jsx(W, { ...t });
+function le(t) {
+  return /* @__PURE__ */ e.jsx(L, { ...t });
 }
-function M() {
-  const t = D(O);
+function N() {
+  const t = J(R);
   if (t == null)
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
@@ -253,11 +234,11 @@ function M() {
   return t;
 }
 export {
-  Z as MultiSelect,
-  te as MultiSelectContent,
-  re as MultiSelectGroup,
-  ne as MultiSelectItem,
-  se as MultiSelectSeparator,
-  $ as MultiSelectTrigger,
-  ee as MultiSelectValue
+  te as MultiSelect,
+  se as MultiSelectContent,
+  ie as MultiSelectGroup,
+  oe as MultiSelectItem,
+  le as MultiSelectSeparator,
+  ne as MultiSelectTrigger,
+  re as MultiSelectValue
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),u=require("@radix-ui/react-navigation-menu"),d=require("../index-BVmT9wZC.cjs"),c=require("../icon-component-DTlgy__B.cjs");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.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] 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-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--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-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;

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

@@ -1,7 +1,7 @@
-import { j as e, c as o } from "../index-DBpnlzOP.js";
+import { j as e, c as o } from "../index-D5lmpham.js";
 import * as n from "@radix-ui/react-navigation-menu";
-import { c as s } from "../index-CwXB7YIx.js";
-import { I as u } from "../icon-component-DGImZz3K.js";
+import { c as s } from "../index-DN28Pf0m.js";
+import { CaretDownIcon as u } from "@phosphor-icons/react";
 function v({
   className: t,
   children: a,
@@ -74,8 +74,7 @@ function x({
         /* @__PURE__ */ e.jsx(
           u,
           {
-            iconName: "IconChevronDown",
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -115,7 +114,7 @@ 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-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+            "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
@@ -124,7 +123,7 @@ function l({
     }
   );
 }
-function h({
+function b({
   className: t,
   ...a
 }) {
@@ -140,7 +139,7 @@ function h({
     }
   );
 }
-function b({
+function h({
   className: t,
   ...a
 }) {
@@ -149,7 +148,7 @@ function b({
     {
       "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",
+        "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,
@@ -160,9 +159,9 @@ function b({
 export {
   v as NavigationMenu,
   w as NavigationMenuContent,
-  b as NavigationMenuIndicator,
+  h as NavigationMenuIndicator,
   p as NavigationMenuItem,
-  h as NavigationMenuLink,
+  b as NavigationMenuLink,
   f as NavigationMenuList,
   x 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("../index-DSjHHn1r.cjs"),c=require("../command-CHisYTN-.cjs"),N=require("../input-BqT_fuUN.cjs"),x=require("../popover-DifOajI4.cjs"),S=require("../scroll-area-CJpVshOm.cjs"),I=require("react"),w=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"),h=require("../icon-component-DTlgy__B.cjs");function b(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=b(I),R=b(w),y=d.forwardRef(({className:n,onChange:t,value:o,size:r="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:o||void 0,onChange:u=>t?.(u||""),countrySelectProps:{size:r,rounded:s},numberInputProps:{size:r,rounded:s},...i}));y.displayName="PhoneInput";const C=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(N.Input,{size:s,className:e.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})});C.displayName="InputComponent";const T=({disabled:n,value:t,options:o,onChange:r,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.IconComponent,{iconName:"IconChevronDown",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:o.map(({value:a,label:m})=>a?e.jsxRuntimeExports.jsx(k,{country:a,countryName:m,selectedCountry:t,onChange:r,onSelectComplete:()=>g(!1)},a):null)})]})})]})})]})},k=({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(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.IconComponent,{iconName:"IconCheck",className:`ml-auto size-4 ${n===o?"opacity-100":"opacity-0"}`})]})},f=({country:n,countryName:t,disabled:o})=>{const r=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":o}),children:r&&e.jsxRuntimeExports.jsx(r,{title:t})})};exports.PhoneInput=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),c=require("../command-CrtCQpi_.cjs"),N=require("../input-C144z_Is.cjs"),x=require("../popover-CeOAAwBQ.cjs"),S=require("../scroll-area-D74XszlE.cjs"),h=require("@phosphor-icons/react"),w=require("react"),I=require("react-phone-number-input"),P=require("react-phone-number-input/flags"),q=require("react-phone-number-input/locale/en"),O=require("react-phone-number-input/locale/es"),_=require("react-phone-number-input/locale/fr");function b(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const d=b(w),R=b(I),y=d.forwardRef(({className:n,onChange:t,value:r,size:o="md",rounded:s="default",locale:l="en",...i},p)=>e.jsxRuntimeExports.jsx(R.default,{ref:p,className:e.cn("flex",n),flagComponent:f,countrySelectComponent:T,inputComponent:C,smartCaret:!1,labels:l==="es"?O:l==="fr"?_:q,value:r||void 0,onChange:u=>t?.(u||""),countrySelectProps:{size:o,rounded:s},numberInputProps:{size:o,rounded:s},...i}));y.displayName="PhoneInput";const C=d.forwardRef(({className:n,rounded:t="default",error:r,touched:o,size:s,...l},i)=>{const{"data-country":p,...u}=l;return e.jsxRuntimeExports.jsx(N.Input,{size:s,className:e.cn("w-full",{"border-destructive":r&&o,"border-blue-800":o&&!r,"rounded-s-none rounded-e-lg":t!=="full","rounded-s-none rounded-e-full":t==="full","rounded-e-sm":s==="sm","rounded-e-md":s==="md","rounded-e-lg":s==="lg"},n),...u,ref:i})});C.displayName="InputComponent";const T=({disabled:n,value:t,options:r,onChange:o,size:s="md",rounded:l="default",error:i,touched:p})=>{const u=d.useRef(null),[E,j]=d.useState(""),[v,g]=d.useState(!1);return e.jsxRuntimeExports.jsxs(x.Popover,{open:v,modal:!0,onOpenChange:a=>{g(a),a&&j("")},children:[e.jsxRuntimeExports.jsx(x.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 file:paragraph-sm md:paragraph-sm paragraph-md flex w-fit min-w-0 items-center justify-center border border-r-0 bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-semibold focus-visible:z-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",l==="default"?"rounded-e-none":"rounded-s-full rounded-e-none",{"outline-destructive":i&&p,"outline-blue-800":p&&!i,"label-md h-8 rounded-s-sm px-2 py-1":s==="sm","label-lg h-12 rounded-s-md px-3 py-1":s==="md","label-xl h-16 rounded-s-lg px-4 py-2":s==="lg"}),disabled:n,children:[e.jsxRuntimeExports.jsx(f,{country:t,countryName:t,disabled:n}),e.jsxRuntimeExports.jsx(h.CaretDownIcon,{className:e.cn("-mr-2 size-4 opacity-50",n?"hidden":"opacity-100")})]})}),e.jsxRuntimeExports.jsx(x.PopoverContent,{className:"w-[300px] p-0",children:e.jsxRuntimeExports.jsxs(c.Command,{children:[e.jsxRuntimeExports.jsx(c.CommandInput,{value:E,onValueChange:a=>{j(a),setTimeout(()=>{if(u.current){const m=u.current.querySelector("[data-radix-scroll-area-viewport]");m&&(m.scrollTop=0)}},0)},placeholder:"Search country..."}),e.jsxRuntimeExports.jsx(c.CommandList,{children:e.jsxRuntimeExports.jsxs(S.ScrollArea,{ref:u,className:"h-72",children:[e.jsxRuntimeExports.jsx(c.CommandEmpty,{children:"No country found."}),e.jsxRuntimeExports.jsx(c.CommandGroup,{children:r.map(({value:a,label:m})=>a?e.jsxRuntimeExports.jsx(k,{country:a,countryName:m,selectedCountry:t,onChange:o,onSelectComplete:()=>g(!1)},a):null)})]})})]})})]})},k=({country:n,countryName:t,selectedCountry:r,onChange:o,onSelectComplete:s})=>{const l=()=>{o(n),s()};return e.jsxRuntimeExports.jsxs(c.CommandItem,{className:"gap-2",onSelect:l,children:[e.jsxRuntimeExports.jsx(f,{country:n,countryName:t}),e.jsxRuntimeExports.jsx("span",{className:"paragraph-sm flex-1",children:t}),e.jsxRuntimeExports.jsx("span",{className:"text-foreground/50 paragraph-sm",children:`+${R.getCountryCallingCode(n)}`}),e.jsxRuntimeExports.jsx(h.CheckIcon,{className:`ml-auto size-4 ${n===r?"opacity-100":"opacity-0"}`})]})},f=({country:n,countryName:t,disabled:r})=>{const o=P[n];return e.jsxRuntimeExports.jsx("span",{className:e.cn("bg-foreground/20 flex h-4 w-6 overflow-hidden rounded-[4px] [&_svg:not([class*='size-'])]:size-full",{"opacity-50":r}),children:o&&e.jsxRuntimeExports.jsx(o,{title:t})})};exports.PhoneInput=y;