@clasing/ui 2.0.6 → 2.0.8

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

@@ -1,71 +1,84 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.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-Db_44zX2.js";
-const z = L(null);
-function Y({
-  children: e,
-  values: n,
-  defaultValues: r,
-  onValuesChange: o
+import { j as e, c as z } from "../index-DBpnlzOP.js";
+import { B as E } from "../badge-B4oRxQ-G.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-C6pozFVL.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({
+  children: t,
+  values: r,
+  defaultValues: o,
+  onValuesChange: a,
+  isLoading: u,
+  onSearchChange: l,
+  loadingText: p = "Loading...",
+  noResultsText: c = "No results found"
 }) {
-  const [d, m] = y(!1), [g, p] = y(
-    new Set(n ?? r)
-  ), [w, f] = y(/* @__PURE__ */ new Map());
-  function b(a) {
-    const s = (l) => {
-      const c = new Set(l);
-      return c.has(a) ? c.delete(a) : c.add(a), c;
+  const [h, m] = y(!1), [b, f] = y(
+    new Set(r ?? o)
+  ), [v, d] = y(/* @__PURE__ */ new Map()), [g, j] = y("");
+  function s(n) {
+    const x = (w) => {
+      const C = new Set(w);
+      return C.has(n) ? C.delete(n) : C.add(n), C;
     };
-    p(s), o?.([...s(g)]);
+    f(x), a?.([...x(b)]);
   }
-  const x = V((a, s) => {
-    f((l) => l.get(a) === s ? l : new Map(l).set(a, s));
-  }, []);
-  return /* @__PURE__ */ t.jsx(
-    z,
+  const i = I((n, x) => {
+    d((w) => w.get(n) === x ? w : new Map(w).set(n, x));
+  }, []), S = I(
+    (n) => {
+      j(n), l?.(n);
+    },
+    [l]
+  );
+  return /* @__PURE__ */ e.jsx(
+    O,
     {
       value: {
-        open: d,
+        open: h,
         setOpen: m,
-        selectedValues: n ? new Set(n) : g,
-        toggleValue: b,
-        items: w,
-        onItemAdded: x
+        selectedValues: r ? new Set(r) : b,
+        toggleValue: s,
+        items: v,
+        onItemAdded: i,
+        isLoading: u,
+        searchValue: g,
+        onSearchChange: S,
+        loadingText: p,
+        noResultsText: c
       },
-      children: /* @__PURE__ */ t.jsx(F, { open: d, onOpenChange: m, children: e })
+      children: /* @__PURE__ */ e.jsx(G, { open: h, onOpenChange: m, children: t })
     }
   );
 }
-function Z({
-  className: e,
-  children: n,
-  size: r = "md",
-  ...o
+function $({
+  className: t,
+  children: r,
+  size: o = "md",
+  ...a
 }) {
-  const { open: d } = M();
-  return /* @__PURE__ */ t.jsx(B, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+  const { open: u } = M();
+  return /* @__PURE__ */ e.jsx(B, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ...o,
-      role: o.role ?? "combobox",
-      "aria-expanded": o["aria-expanded"] ?? d,
-      "data-size": r,
-      className: S(
+      ...a,
+      role: a.role ?? "combobox",
+      "aria-expanded": a["aria-expanded"] ?? u,
+      "data-size": o,
+      className: z(
         "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
+        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",
+        t
       ),
       children: [
-        n,
-        /* @__PURE__ */ t.jsx(
-          C,
+        r,
+        /* @__PURE__ */ e.jsx(
+          N,
           {
             iconName: "IconSelector",
             className: "size-4 shrink-0 opacity-50"
@@ -75,65 +88,65 @@ function Z({
     }
   ) });
 }
-function $({
-  placeholder: e,
-  clickToRemove: n = !0,
-  className: r,
-  overflowBehavior: o = "wrap-when-open",
-  ...d
+function ee({
+  placeholder: t,
+  clickToRemove: r = !0,
+  className: o,
+  overflowBehavior: a = "wrap-when-open",
+  ...u
 }) {
-  const { selectedValues: m, toggleValue: g, items: p, open: w } = M(), [f, b] = y(0), x = j(null), a = j(null), s = j(/* @__PURE__ */ new Set()), l = o === "wrap" || o === "wrap-when-open" && w;
-  v(() => {
-    l && s.current.forEach((i) => i.style.removeProperty("display"));
-  }, [l]);
-  const c = V(() => {
-    if (x.current == null) return;
-    const i = x.current, u = a.current;
-    u != null && (u.style.display = "none"), s.current.forEach((h) => h.style.removeProperty("display"));
-    let N = 0;
-    for (let h = s.current.size - 1; h >= 0; h--) {
-      const P = [...s.current][h];
-      if (i.scrollWidth <= i.clientWidth)
+  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;
+  k(() => {
+    g && d.current.forEach((s) => s.style.removeProperty("display"));
+  }, [g]);
+  const j = I(() => {
+    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"));
+    let S = 0;
+    for (let n = d.current.size - 1; n >= 0; n--) {
+      const x = [...d.current][n];
+      if (s.scrollWidth <= s.clientWidth)
         break;
-      N = s.current.size - h, P.style.display = "none", u?.style.removeProperty("display");
+      S = d.current.size - n, x.style.display = "none", i?.style.removeProperty("display");
     }
-    b(N);
+    b(S);
   }, []);
-  return v(() => {
-    if (x.current == null) return;
-    const i = new ResizeObserver(c);
-    return i.observe(x.current), () => i.disconnect();
-  }, [c]), T(() => {
-    c();
-  }, [m, c]), m.size === 0 && e ? /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-normal", children: e }) : /* @__PURE__ */ t.jsxs(
+  return k(() => {
+    if (f.current == null) return;
+    const s = new ResizeObserver(j);
+    return s.observe(f.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(
     "div",
     {
-      ...d,
-      ref: x,
-      className: S(
+      ...u,
+      ref: f,
+      className: z(
         "flex min-h-[1.75rem] w-full gap-1.5 overflow-hidden",
-        l && "flex-wrap",
-        r
+        g && "flex-wrap",
+        o
       ),
       children: [
-        [...m].filter((i) => p.has(i)).map((i) => /* @__PURE__ */ t.jsxs(
-          I,
+        [...l].filter((s) => c.has(s)).map((s) => /* @__PURE__ */ e.jsxs(
+          E,
           {
-            ref: (u) => {
-              if (u != null)
-                return s.current.add(u), () => {
-                  s.current.delete(u);
+            ref: (i) => {
+              if (i != null)
+                return d.current.add(i), () => {
+                  d.current.delete(i);
                 };
             },
             variant: "outline",
             className: "group flex items-center gap-1",
-            onClick: n ? (u) => {
-              u.stopPropagation(), g(i);
+            onClick: r ? (i) => {
+              i.stopPropagation(), p(s);
             } : void 0,
             children: [
-              p.get(i),
-              n && /* @__PURE__ */ t.jsx(
-                C,
+              c.get(s),
+              r && /* @__PURE__ */ e.jsx(
+                N,
                 {
                   iconName: "IconX",
                   className: "text-muted-foreground group-hover:text-destructive size-2"
@@ -141,19 +154,19 @@ function $({
               )
             ]
           },
-          i
+          s
         )),
-        /* @__PURE__ */ t.jsxs(
-          I,
+        /* @__PURE__ */ e.jsxs(
+          E,
           {
             style: {
-              display: f > 0 && !l ? "block" : "none"
+              display: m > 0 && !g ? "block" : "none"
             },
             variant: "outline",
-            ref: a,
+            ref: v,
             children: [
               "+",
-              f
+              m
             ]
           }
         )
@@ -161,79 +174,90 @@ function $({
     }
   );
 }
-function ee({
-  search: e = !0,
-  children: n,
-  ...r
+function te({
+  search: t = !0,
+  children: r,
+  ...o
 }) {
-  const o = typeof e == "object" ? !0 : e;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(E, { children: n }) }) }),
-    /* @__PURE__ */ t.jsx(G, { className: "min-w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ t.jsxs(k, { ...r, children: [
-      o ? /* @__PURE__ */ t.jsx(
-        O,
+  const { isLoading: a, onSearchChange: u, searchValue: l, noResultsText: p } = M(), 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: [
+      c ? /* @__PURE__ */ e.jsx(
+        _,
         {
-          placeholder: typeof e == "object" ? e.placeholder : void 0
+          placeholder: typeof t == "object" ? t.placeholder : void 0,
+          value: l,
+          onValueChange: u
         }
-      ) : /* @__PURE__ */ t.jsx("button", { autoFocus: !0, "aria-hidden": "true", className: "sr-only" }),
-      /* @__PURE__ */ t.jsxs(E, { children: [
-        o && /* @__PURE__ */ t.jsx(R, { children: typeof e == "object" ? e.emptyMessage : void 0 }),
-        n
-      ] })
+      ) : /* @__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.jsxs(e.Fragment, { children: [
+        c && /* @__PURE__ */ e.jsx(A, { children: p }),
+        r
+      ] }) })
     ] }) })
   ] });
 }
-function te({
-  value: e,
-  children: n,
-  badgeLabel: r,
-  onSelect: o,
-  ...d
+function ne({
+  value: t,
+  children: r,
+  badgeLabel: o,
+  onSelect: a,
+  ...u
 }) {
-  const { toggleValue: m, selectedValues: g, onItemAdded: p } = M(), w = g.has(e);
-  return v(() => {
-    p(e, r ?? n);
-  }, [e, n, p, r]), /* @__PURE__ */ t.jsxs(
-    A,
+  const { toggleValue: l, selectedValues: p, onItemAdded: c } = M(), h = p.has(t);
+  return k(() => {
+    c(t, o ?? r);
+  }, [t, r, c, o]), /* @__PURE__ */ e.jsxs(
+    F,
     {
-      ...d,
-      value: e,
-      onSelect: (f) => {
-        m(f), o?.(f);
+      ...u,
+      value: t,
+      onSelect: (m) => {
+        l(m), a?.(m);
       },
       children: [
-        /* @__PURE__ */ t.jsx(
-          C,
+        /* @__PURE__ */ e.jsx(
+          N,
           {
             iconName: "IconCheck",
-            className: S("mr-2 size-4", w ? "opacity-100" : "opacity-0")
+            className: z("mr-2 size-4", h ? "opacity-100" : "opacity-0")
           }
         ),
-        n
+        r
       ]
     }
   );
 }
-function ne(e) {
-  return /* @__PURE__ */ t.jsx(_, { ...e });
+function re(t) {
+  return /* @__PURE__ */ e.jsx(L, { ...t });
 }
-function re(e) {
-  return /* @__PURE__ */ t.jsx(W, { ...e });
+function se(t) {
+  return /* @__PURE__ */ e.jsx(W, { ...t });
 }
 function M() {
-  const e = X(z);
-  if (e == null)
+  const t = D(O);
+  if (t == null)
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
     );
-  return e;
+  return t;
 }
 export {
-  Y as MultiSelect,
-  ee as MultiSelectContent,
-  ne as MultiSelectGroup,
-  te as MultiSelectItem,
-  re as MultiSelectSeparator,
-  Z as MultiSelectTrigger,
-  $ as MultiSelectValue
+  Z as MultiSelect,
+  te as MultiSelectContent,
+  re as MultiSelectGroup,
+  ne as MultiSelectItem,
+  se as MultiSelectSeparator,
+  $ as MultiSelectTrigger,
+  ee as MultiSelectValue
 };

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-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;
+"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;

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

@@ -1,9 +1,8 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { j as e, c as o } from "../index-DBpnlzOP.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-Db_44zX2.js";
-function f({
+import { c as s } from "../index-CwXB7YIx.js";
+import { I as u } from "../icon-component-DGImZz3K.js";
+function v({
   className: t,
   children: a,
   viewport: i = !0,
@@ -26,7 +25,7 @@ function f({
     }
   );
 }
-function p({
+function f({
   className: t,
   ...a
 }) {
@@ -42,7 +41,7 @@ function p({
     }
   );
 }
-function x({
+function p({
   className: t,
   ...a
 }) {
@@ -58,7 +57,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 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({
+function x({
   className: t,
   children: a,
   ...i
@@ -84,7 +83,7 @@ function w({
     }
   );
 }
-function h({
+function w({
   className: t,
   ...a
 }) {
@@ -125,7 +124,7 @@ function l({
     }
   );
 }
-function b({
+function h({
   className: t,
   ...a
 }) {
@@ -141,7 +140,7 @@ function b({
     }
   );
 }
-function N({
+function b({
   className: t,
   ...a
 }) {
@@ -159,13 +158,13 @@ function N({
   );
 }
 export {
-  f as NavigationMenu,
-  h as NavigationMenuContent,
-  N as NavigationMenuIndicator,
-  x as NavigationMenuItem,
-  b as NavigationMenuLink,
-  p as NavigationMenuList,
-  w as NavigationMenuTrigger,
+  v as NavigationMenu,
+  w as NavigationMenuContent,
+  b as NavigationMenuIndicator,
+  p as NavigationMenuItem,
+  h as NavigationMenuLink,
+  f as NavigationMenuList,
+  x as NavigationMenuTrigger,
   l as NavigationMenuViewport,
   d as navigationMenuTriggerStyle
 };

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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DSjHHn1r.cjs"),c=require("../command-CHisYTN-.cjs"),N=require("../input-Dpz3zGIU.cjs"),x=require("../popover-BnLx2OY6.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;