laif-ds 0.2.52 → 0.2.53

package/dist/components/ui/app-select.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as s, jsx as l, Fragment as re } from "react/jsx-runtime";
-import { Badge as ne } from "./badge.js";
-import { Command as ae, CommandInput as te, CommandList as se, CommandEmpty as ie, CommandGroup as A, CommandItem as B } from "./command.js";
+import { jsxs as s, jsx as l, Fragment as ae } from "react/jsx-runtime";
+import { Badge as re } from "./badge.js";
+import { Command as ne, CommandInput as te, CommandList as se, CommandEmpty as ie, CommandGroup as R, CommandItem as A } from "./command.js";
 import { Label as oe } from "./label.js";
-import { designTokens as p } from "../../lib/design-tokens.js";
-import { cn as N } from "../../lib/utils.js";
-import { useState as h, useRef as de, useMemo as y, useCallback as ce, useEffect as ue } from "react";
+import { designTokens as d } from "../../lib/design-tokens.js";
+import { cn as y } from "../../lib/utils.js";
+import { useState as h, useRef as de, useMemo as S, useCallback as ce, useEffect as ue } from "react";
 import { Checkbox as me } from "./checkbox.js";
-import { Icon as S } from "./icon.js";
+import { Icon as z } from "./icon.js";
 import { Popover as fe, PopoverTrigger as pe, PopoverContent as he } from "./popover.js";
 import ge from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const ve = {
-  sm: p.sizes.sm,
-  default: p.sizes.default,
-  lg: p.sizes.lg
+  sm: d.sizes.sm,
+  default: d.sizes.default,
+  lg: d.sizes.lg
 };
-function Ve(z) {
+function Ve(P) {
   const {
-    multiple: n = !1,
-    options: d,
-    value: R,
+    multiple: r = !1,
+    options: c,
+    value: B,
     defaultValue: T,
-    onValueChange: X,
+    onValueChange: W,
     onClear: g,
-    placeholder: E = "Seleziona...",
-    emptyPlaceholder: F = "Nessun risultato",
-    searchPlaceholder: L = "Cerca...",
-    addItemPlaceholder: W = "Aggiungi",
+    placeholder: X = "Seleziona...",
+    emptyPlaceholder: E = "Nessun risultato",
+    searchPlaceholder: F = "Cerca...",
+    addItemPlaceholder: L = "Aggiungi",
     itemCountMessage: $ = (e) => `${e} elementi selezionati`,
     maxSelectedMessage: G = (e) => `Puoi selezionare fino a ${e} elementi`,
-    label: P,
+    label: D,
     className: q = "",
     wrpClassName: H = "",
-    searchable: D = !1,
+    searchable: O = !1,
     creatable: J = !1,
     groupBy: v = "group",
     maxSelected: o,
@@ -40,63 +40,65 @@ function Ve(z) {
     disabled: b,
     size: Q = "default",
     isSingleSelectClearable: U = !1
-  } = z, [O, x] = h(!1), [c, C] = h(""), w = de(null), [V, Y] = h(0), k = z.hasOwnProperty("value"), [Z, _] = h(T), i = k ? R : Z, u = (e) => {
-    k || _(e), X?.(e);
-  }, a = y(() => n ? Array.isArray(i) ? i : [] : i != null ? [i] : [], [i, n]), m = y(() => {
-    const e = d.filter((t) => a.includes(t.value));
-    if (n) {
-      const t = a.filter((r) => !e.find((f) => f.value === r)).map((r) => ({ value: r, label: r }));
+  } = P, [x, C] = h(!1), [u, w] = h(""), N = de(null), [V, Y] = h(0), k = P.hasOwnProperty("value"), [Z, _] = h(T), i = k ? B : Z, m = (e) => {
+    k || _(e), W?.(e);
+  }, n = S(() => r ? Array.isArray(i) ? i : [] : i != null ? [i] : [], [i, r]), f = S(() => {
+    const e = c.filter((t) => n.includes(t.value));
+    if (r) {
+      const t = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
       return [...e, ...t];
-    } else if (a.length && !e.length)
-      return [{ value: a[0], label: a[0] }];
+    } else if (n.length && !e.length)
+      return [{ value: n[0], label: n[0] }];
     return e;
-  }, [d, a, n]), I = (e) => {
+  }, [c, n, r]), I = (e) => {
     if (!e.disabled)
-      if (n) {
-        const t = a.includes(e.value);
-        if (!t && o !== void 0 && a.length >= o)
+      if (r) {
+        const t = n.includes(e.value);
+        if (!t && o !== void 0 && n.length >= o)
           return;
-        u(
-          t ? a.filter((r) => r !== e.value) : [...a, e.value]
+        m(
+          t ? n.filter((a) => a !== e.value) : [...n, e.value]
         );
       } else
-        u(e.value), x(!1);
+        m(e.value), C(!1);
   }, j = ce(() => {
-    u(n ? [] : void 0), C(""), g && g();
-  }, [u, g, n]), ee = y(() => v ? d.reduce(
+    m(r ? [] : void 0), w(""), g && g();
+  }, [m, g, r]), ee = S(() => v ? c.reduce(
     (e, t) => {
-      const r = t[v] || "";
-      return e[r] = e[r] || [], e[r].push(t), e;
+      const a = t[v] || "";
+      return e[a] = e[a] || [], e[a].push(t), e;
     },
     {}
-  ) : { "": d }, [d, v]);
+  ) : { "": c }, [c, v]);
   return ue(() => {
-    w.current && Y(w.current.getBoundingClientRect().width);
-  }, [O, a, d]), /* @__PURE__ */ s("div", { className: N("flex flex-col gap-2", H), children: [
-    P && /* @__PURE__ */ l(oe, { children: P }),
+    N.current && Y(N.current.getBoundingClientRect().width);
+  }, [x, n, c]), /* @__PURE__ */ s("div", { className: y("flex flex-col gap-1.5", H), children: [
+    D && /* @__PURE__ */ l(oe, { children: D }),
     /* @__PURE__ */ s(
       fe,
       {
-        open: b ? !1 : O,
-        onOpenChange: (e) => !b && x(e),
+        open: b ? !1 : x,
+        onOpenChange: (e) => !b && C(e),
         modal: !0,
         children: [
           /* @__PURE__ */ l(pe, { asChild: !0, children: /* @__PURE__ */ s(
             "div",
             {
-              ref: w,
-              className: N(
-                p.input.base,
-                p.radius.default,
-                "focus-within:ring-d-ring/50 focus-within:border-d-ring flex w-full min-w-[100px] cursor-pointer items-center justify-between gap-2 focus-within:ring-[3px]",
+              ref: N,
+              className: y(
+                d.input.base,
+                d.radius.default,
+                d.focusRingWithin,
+                "flex w-full min-w-[100px] cursor-pointer items-center justify-between gap-2",
+                x && d.activeRing,
                 ve[Q],
                 b && "cursor-not-allowed opacity-50",
                 q
               ),
               children: [
-                m.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: E }) : n ? /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: K ? /* @__PURE__ */ l(re, { children: m.map((e) => /* @__PURE__ */ s(
-                    ne,
+                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : r ? /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: K ? /* @__PURE__ */ l(ae, { children: f.map((e) => /* @__PURE__ */ s(
+                    re,
                     {
                       variant: "secondary",
                       className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
@@ -105,12 +107,12 @@ function Ve(z) {
                       },
                       children: [
                         e.label,
-                        !e.fixed && /* @__PURE__ */ l(S, { name: "X", size: "xs" })
+                        !e.fixed && /* @__PURE__ */ l(z, { name: "X", size: "xs" })
                       ]
                     },
                     e.value
-                  )) }) : /* @__PURE__ */ l("div", { children: $(m.length) }) }),
-                  n && /* @__PURE__ */ l(
+                  )) }) : /* @__PURE__ */ l("div", { children: $(f.length) }) }),
+                  r && /* @__PURE__ */ l(
                     "div",
                     {
                       className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
@@ -120,7 +122,7 @@ function Ve(z) {
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        S,
+                        z,
                         {
                           name: "X",
                           size: "xs",
@@ -130,7 +132,7 @@ function Ve(z) {
                     }
                   )
                 ] }) : /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 truncate", children: typeof m[0]?.label == "string" ? /* @__PURE__ */ l("span", { children: m[0]?.label }) : m[0]?.label }),
+                  /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 truncate", children: typeof f[0]?.label == "string" ? /* @__PURE__ */ l("span", { children: f[0]?.label }) : f[0]?.label }),
                   U && i !== void 0 && i !== null && /* @__PURE__ */ l(
                     "div",
                     {
@@ -141,7 +143,7 @@ function Ve(z) {
                       onMouseDown: (e) => e.preventDefault(),
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ l(
-                        S,
+                        z,
                         {
                           name: "X",
                           size: "xs",
@@ -162,55 +164,55 @@ function Ve(z) {
               style: { width: V > 0 ? V : "auto" },
               align: "start",
               sideOffset: 4,
-              children: /* @__PURE__ */ s(ae, { shouldFilter: !!D, className: "w-full", children: [
-                D && /* @__PURE__ */ l(
+              children: /* @__PURE__ */ s(ne, { shouldFilter: !!O, className: "w-full", children: [
+                O && /* @__PURE__ */ l(
                   te,
                   {
-                    placeholder: L,
+                    placeholder: F,
                     className: "placeholder:text-d-muted-foreground",
-                    value: c,
-                    onValueChange: C
+                    value: u,
+                    onValueChange: w
                   }
                 ),
                 /* @__PURE__ */ s(se, { className: "max-h-60 overflow-auto overscroll-contain", children: [
-                  /* @__PURE__ */ l(ie, { children: F }),
-                  J && c && /* @__PURE__ */ l(A, { children: /* @__PURE__ */ l(
-                    B,
+                  /* @__PURE__ */ l(ie, { children: E }),
+                  J && u && /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+                    A,
                     {
                       className: "cursor-pointer",
                       onSelect: () => {
-                        c && (u(n ? [...a, c] : c), C(""), !n && x(!1));
+                        u && (m(r ? [...n, u] : u), w(""), !r && C(!1));
                       },
                       children: /* @__PURE__ */ s("div", { className: "text-d-foreground text-xs", children: [
-                        W,
+                        L,
                         " “",
-                        c,
+                        u,
                         "”"
                       ] })
                     }
                   ) }),
-                  Object.entries(ee).map(([e, t]) => /* @__PURE__ */ l(A, { heading: e || void 0, children: t.map((r) => {
-                    const f = a.includes(r.value), le = n && o !== void 0 && !f && a.length >= o, M = r.disabled || le;
+                  Object.entries(ee).map(([e, t]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: t.map((a) => {
+                    const p = n.includes(a.value), le = r && o !== void 0 && !p && n.length >= o, M = a.disabled || le;
                     return /* @__PURE__ */ s(
-                      B,
+                      A,
                       {
-                        value: typeof r.label == "string" ? r.label : String(r.value),
-                        onSelect: () => !M && I(r),
-                        className: N(
+                        value: typeof a.label == "string" ? a.label : String(a.value),
+                        onSelect: () => !M && I(a),
+                        className: y(
                           "cursor-pointer",
                           M && "cursor-not-allowed opacity-50",
-                          !n && f && "bg-d-accent/75 text-d-accent-foreground"
+                          !r && p && "bg-d-accent/75 text-d-accent-foreground"
                         ),
                         children: [
-                          n && /* @__PURE__ */ l(me, { checked: f, className: "mr-1" }),
-                          typeof r.label == "string" ? /* @__PURE__ */ l("span", { children: r.label }) : r.label
+                          r && /* @__PURE__ */ l(me, { checked: p, className: "mr-1" }),
+                          typeof a.label == "string" ? /* @__PURE__ */ l("span", { children: a.label }) : a.label
                         ]
                       },
-                      r.value
+                      a.value
                     );
                   }) }, e))
                 ] }),
-                n && o !== void 0 && a.length >= o && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: G(o) })
+                r && o !== void 0 && n.length >= o && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: G(o) })
               ] })
             }
           )

package/dist/components/ui/async-select.js

@@ -2,10 +2,10 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { useDebounce as de } from "../../hooks/use-debounce.js";
 import { cva as ie } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as M from "react";
-import { useState as p, useEffect as N, useCallback as j } from "react";
-import { designTokens as b } from "../../lib/design-tokens.js";
-import { cn as k } from "../../lib/utils.js";
+import * as R from "react";
+import { useState as p, useEffect as b, useCallback as j } from "react";
+import { designTokens as x } from "../../lib/design-tokens.js";
+import { cn as M } from "../../lib/utils.js";
 import { Checkbox as fe } from "./checkbox.js";
 import { Command as me, CommandInput as ue, CommandList as he, CommandEmpty as ge, CommandGroup as O, CommandItem as V } from "./command.js";
 import { Icon as _ } from "./icon.js";
@@ -14,10 +14,10 @@ import { Popover as xe, PopoverTrigger as we, PopoverContent as ye } from "./pop
 import Ne from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import be from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const Ce = ie(
-  k(
-    b.input.base,
-    b.radius.default,
-    b.interaction.disabled,
+  M(
+    x.input.base,
+    x.radius.default,
+    x.interaction.disabled,
     "flex items-center justify-between whitespace-nowrap transition-all [&>span]:line-clamp-1",
     "data-[placeholder]:text-d-muted-foreground",
     "focus:outline-none"
@@ -25,9 +25,9 @@ const Ce = ie(
   {
     variants: {
       size: {
-        default: b.sizes.default,
-        sm: b.sizes.sm,
-        lg: b.sizes.lg
+        default: x.sizes.default,
+        sm: x.sizes.sm,
+        lg: x.sizes.lg
       }
     },
     defaultVariants: {
@@ -38,27 +38,27 @@ const Ce = ie(
 function Be({
   fetcher: i,
   initialOptions: t,
-  debounce: x = 300,
+  debounce: w = 300,
   renderOptionItem: C,
   resolveOptionValue: a,
   renderSelectedValue: s,
   notFound: h,
-  label: y,
+  label: N,
   placeholder: f = "Select...",
   value: n,
   onChange: g,
   disabled: A = !1,
-  className: v,
-  wrpClassName: D,
+  className: D,
+  wrpClassName: v,
   noResultsMessage: E,
   clearable: S = !0,
   multiple: l = !1,
   size: ee
 }) {
-  const [m, L] = p(!1), P = M.useRef(null), F = M.useRef(null), re = M.useRef(null), [ne, I] = p({ loading: !1, error: null }), [X, te] = p(""), W = de(X, x), [B, q] = p(/* @__PURE__ */ new Map()), [$, G] = p([]), [H, se] = p(0), [J, Q] = p(() => t?.length ? new Map(
+  const [m, L] = p(!1), P = R.useRef(null), F = R.useRef(null), re = R.useRef(null), [ne, I] = p({ loading: !1, error: null }), [X, te] = p(""), W = de(X, w), [B, q] = p(/* @__PURE__ */ new Map()), [$, G] = p([]), [H, se] = p(0), [J, Q] = p(() => t?.length ? new Map(
     t.map((e) => [a(e), e])
   ) : /* @__PURE__ */ new Map());
-  N(() => {
+  b(() => {
     t?.length && (q((e) => {
       const o = new Map(e);
       return o.has("") || o.set("", t), o;
@@ -67,15 +67,15 @@ function Be({
       return t.forEach((c) => o.set(a(c), c)), o;
     }));
   }, [t, a]);
-  const [R, Y] = p([]), z = j(
+  const [k, Y] = p([]), z = j(
     (e) => {
       if (!e) {
         Y([]);
         return;
       }
       const c = (Array.isArray(e) ? e : [e]).map((d) => {
-        const w = J.get(d);
-        if (w) return w;
+        const y = J.get(d);
+        if (y) return y;
         if (t?.length) {
           const T = t.find(
             (le) => a(le) === d
@@ -90,11 +90,11 @@ function Be({
     },
     [J, a, t, $]
   );
-  N(() => {
+  b(() => {
     z(n);
   }, [n, z]);
-  const K = M.useMemo(() => l ? null : R[0] ?? null, [l, R]);
-  N(() => {
+  const K = R.useMemo(() => l ? null : k[0] ?? null, [l, k]);
+  b(() => {
     if (!m) return;
     const e = W || "";
     if (B.has(e)) {
@@ -106,8 +106,8 @@ function Be({
         I({ loading: !0, error: null });
         const c = await i(W);
         q((d) => new Map(d).set(e, c)), G(c), Q((d) => {
-          const w = new Map(d);
-          return c.forEach((U) => w.set(a(U), U)), w;
+          const y = new Map(d);
+          return c.forEach((U) => y.set(a(U), U)), y;
         });
       } catch (c) {
         I({
@@ -118,11 +118,11 @@ function Be({
         I((c) => ({ ...c, loading: !1 }));
       }
     })();
-  }, [m, W, B, i, a]), N(() => {
+  }, [m, W, B, i, a]), b(() => {
     m && z(n);
-  }, [m, z, n]), N(() => {
+  }, [m, z, n]), b(() => {
     m && P.current && P.current.focus();
-  }, [m]), N(() => {
+  }, [m]), b(() => {
     if (!m || !F.current) return;
     const e = F.current.getBoundingClientRect();
     se(e.width);
@@ -137,7 +137,7 @@ function Be({
       if (!l) return;
       const o = Array.isArray(n) ? n : [], c = o.includes(e);
       let d;
-      c ? d = o.filter((w) => w !== e) : d = [...o, e], g?.(d);
+      c ? d = o.filter((y) => y !== e) : d = [...o, e], g?.(d);
     },
     [n, g, l]
   ), oe = j(
@@ -145,9 +145,9 @@ function Be({
       e.stopPropagation(), e.preventDefault(), g?.(l ? [] : ""), L(!1);
     },
     [g]
-  ), Z = M.useId();
-  return /* @__PURE__ */ u("div", { className: k("flex flex-col gap-2", D), children: [
-    y && /* @__PURE__ */ r(pe, { htmlFor: Z, children: y }),
+  ), Z = R.useId();
+  return /* @__PURE__ */ u("div", { className: M("flex flex-col gap-1.5", v), children: [
+    N && /* @__PURE__ */ r(pe, { htmlFor: Z, children: N }),
     /* @__PURE__ */ u(xe, { open: m, onOpenChange: L, children: [
       /* @__PURE__ */ r(we, { asChild: !0, children: /* @__PURE__ */ r(
         "button",
@@ -156,18 +156,19 @@ function Be({
           ref: F,
           type: "button",
           disabled: A,
-          className: k(
+          className: M(
             Ce({ size: ee }),
             "!border-d-border/50 border !shadow-none",
             A && "cursor-not-allowed opacity-50",
             "font-normal",
             "w-full",
-            "focus-visible:ring-d-ring focus-visible:ring-1",
-            m && "ring-d-ring ring-1",
-            v
+            "w-full",
+            x.focusRing,
+            m && x.activeRing,
+            D
           ),
           children: /* @__PURE__ */ u("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
-            l ? Array.isArray(n) && n.length > 0 ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: n.length === 1 ? R[0] && s(R[0]) : `${n.length} elementi selezionati` }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }) : K ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: s(K) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }),
+            l ? Array.isArray(n) && n.length > 0 ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: n.length === 1 ? k[0] && s(k[0]) : `${n.length} elementi selezionati` }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }) : K ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: s(K) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }),
             /* @__PURE__ */ u("div", { className: "flex flex-shrink-0 items-center justify-end gap-1", children: [
               S && (l && Array.isArray(n) && n.length > 0 || !l && K) && /* @__PURE__ */ r(
                 "div",
@@ -201,7 +202,7 @@ function Be({
       /* @__PURE__ */ r(
         ye,
         {
-          className: k("p-0"),
+          className: M("p-0"),
           style: { width: H ? `${H}px` : void 0 },
           align: "start",
           side: "bottom",
@@ -237,20 +238,20 @@ function Be({
 function Ae({
   option: i,
   multiple: t,
-  value: x,
+  value: w,
   resolveOptionValue: C,
   renderSelectedValue: a,
   renderOptionItem: s,
   onSelect: h,
-  onSelectMultiple: y
+  onSelectMultiple: N
 }) {
   const f = C(i);
   let n = !1;
-  return t ? n = Array.isArray(x) && x.includes(f) : n = x === f, /* @__PURE__ */ r(
+  return t ? n = Array.isArray(w) && w.includes(f) : n = w === f, /* @__PURE__ */ r(
     V,
     {
       value: f,
-      onSelect: t ? y : h,
+      onSelect: t ? N : h,
       className: "cursor-pointer",
       children: /* @__PURE__ */ u("div", { className: "flex w-full items-center justify-between overflow-hidden", children: [
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
@@ -260,7 +261,7 @@ function Ae({
         /* @__PURE__ */ r(
           be,
           {
-            className: k(
+            className: M(
               "ml-2 h-4 w-4 flex-shrink-0",
               n ? "opacity-100" : "opacity-0"
             )
@@ -274,18 +275,18 @@ function Ae({
 function Se({
   inputRef: i,
   commandListRef: t,
-  placeholder: x,
+  placeholder: w,
   searchTerm: C,
   onSearchTermChange: a,
   fetchState: s,
   options: h,
-  notFound: y,
+  notFound: N,
   noResultsMessage: f,
   multiple: n,
   value: g,
   resolveOptionValue: A,
-  renderSelectedValue: v,
-  renderOptionItem: D,
+  renderSelectedValue: D,
+  renderOptionItem: v,
   onSelect: E,
   onSelectMultiple: S
 }) {
@@ -294,7 +295,7 @@ function Se({
       ue,
       {
         ref: i,
-        placeholder: x,
+        placeholder: w,
         className: "placeholder:text-d-muted-foreground",
         value: C,
         onValueChange: a
@@ -303,8 +304,8 @@ function Se({
     s.loading && h.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ r(Ne, { className: "h-4 w-4 animate-spin" }) }),
     /* @__PURE__ */ u(he, { ref: t, children: [
       s.error && /* @__PURE__ */ r("div", { className: "text-d-destructive p-3 text-center", children: s.error }),
-      s.loading && h.length === 0 && /* @__PURE__ */ r(Me, {}),
-      !s.loading && !s.error && h.length === 0 && (y || /* @__PURE__ */ r(ge, { children: f || "No results found." })),
+      s.loading && h.length === 0 && /* @__PURE__ */ r(Re, {}),
+      !s.loading && !s.error && h.length === 0 && (N || /* @__PURE__ */ r(ge, { children: f || "No results found." })),
       !s.loading && !s.error && h.length > 0 && /* @__PURE__ */ r(O, { children: h.map((l) => /* @__PURE__ */ r(
         Ae,
         {
@@ -312,8 +313,8 @@ function Se({
           multiple: n,
           value: g,
           resolveOptionValue: A,
-          renderSelectedValue: v,
-          renderOptionItem: D,
+          renderSelectedValue: D,
+          renderOptionItem: v,
           onSelect: E,
           onSelectMultiple: S
         },
@@ -322,7 +323,7 @@ function Se({
     ] })
   ] });
 }
-function Me() {
+function Re() {
   return /* @__PURE__ */ r(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ r(V, { disabled: !0, children: /* @__PURE__ */ u("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ r("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
     /* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-1", children: [