@alfadocs/ui-kit-debug 1.80.0 → 1.82.0

package/dist/_chunks/{multi-select-BOad3za9.js → multi-select-i5MFRpXg.js}

@@ -1,22 +1,22 @@
-import { jsx as r, jsxs as b, Fragment as Ze } from "react/jsx-runtime";
-import { forwardRef as et, useContext as tt, useState as D, useRef as y, useId as st, useMemo as R, useEffect as X, useCallback as pe } from "react";
-import * as q from "@radix-ui/react-popover";
+import { jsx as r, jsxs as g, Fragment as tt } from "react/jsx-runtime";
+import { forwardRef as st, useContext as rt, useState as R, useRef as S, useId as nt, useMemo as T, useEffect as W, useCallback as fe } from "react";
+import * as z from "@radix-ui/react-popover";
 import { _ as c } from "./index-4xgbg-sn.js";
-import { c as be } from "./index-D2ZczOXr.js";
-import { useTranslation as rt } from "react-i18next";
-import { u as nt, F as it, b as at } from "./form-field-context-DtiROUJV.js";
-import { T as fe } from "./tooltip-uEBdD1-5.js";
-import { c as ot } from "./compose-refs-C0k0tdqF.js";
-import { u as lt } from "./use-controllable-state-BiY4xTzM.js";
-import { u as M } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { g as dt } from "./group-options-BvKhQ3xb.js";
-import { b as ve } from "./menu-row-BAr8bx1I.js";
-import { O as ct, a as ut, o as mt, b as pt, c as ft } from "./option-row-Dc7BrbK8.js";
-import { b as J, c as ht } from "./input-surface-iBmxVBfr.js";
-import { u as gt } from "./registry-DvAUVLHh.js";
-import { X as bt } from "./x-B5YnXwCz.js";
-import { C as vt } from "./check-DrFSN__t.js";
-const yt = {
+import { c as ve } from "./index-D2ZczOXr.js";
+import { useTranslation as it } from "react-i18next";
+import { u as at, F as ot, b as lt } from "./form-field-context-DtiROUJV.js";
+import { T as he } from "./tooltip-uEBdD1-5.js";
+import { c as dt } from "./compose-refs-C0k0tdqF.js";
+import { u as ct } from "./use-controllable-state-BiY4xTzM.js";
+import { u as E } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { g as ut } from "./group-options-BvKhQ3xb.js";
+import { b as ye } from "./menu-row-BAr8bx1I.js";
+import { O as mt, a as pt, o as ft, b as ht, c as bt } from "./option-row-Dc7BrbK8.js";
+import { b as X, c as gt } from "./input-surface-iBmxVBfr.js";
+import { u as vt } from "./registry-DvAUVLHh.js";
+import { X as yt } from "./x-B5YnXwCz.js";
+import { C as St } from "./check-DrFSN__t.js";
+const It = {
   id: "multi-select",
   // Persisted multi-choice (selection state + set_selection) → select_multiple,
   // plus type-to-filter and open/close of the option list.
@@ -129,24 +129,24 @@ const yt = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, St = be(
+}, xt = ve(
   [
     "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
-    ht,
+    gt,
     "ds:aria-[invalid=true]:border-destructive",
     "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50"
   ],
   {
     variants: {
       size: {
-        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${J.sm}`,
-        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${J.md}`,
-        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${J.lg}`
+        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${X.sm}`,
+        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${X.md}`,
+        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${X.lg}`
       }
     },
     defaultVariants: { size: "md" }
   }
-), he = be(
+), be = ve(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
@@ -166,7 +166,7 @@ const yt = {
     },
     defaultVariants: { size: "md" }
   }
-), xt = [
+), Nt = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:rounded-[var(--radius-sm)]",
   "ds:text-muted-foreground ds:hover:text-foreground",
@@ -175,7 +175,7 @@ const yt = {
   "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:size-4",
   'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""]'
-].join(" "), It = [
+].join(" "), wt = [
   "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
   // At least as wide as the field, at most as wide as the screen allows: a
   // long option wraps or ends in an ellipsis instead of running off the
@@ -190,34 +190,34 @@ const yt = {
   "ds:data-[side=bottom]:slide-in-from-top-2",
   "ds:data-[side=top]:slide-in-from-bottom-2",
   "ds:motion-reduce:animate-none"
-].join(" "), Nt = [
+].join(" "), Ct = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center",
   "ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5",
   "ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none",
-  ve.selected,
+  ye.selected,
   "ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50",
   "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50"
 ].join(" "), ge = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center",
   "ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5",
   "ds:text-[var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none",
-  ve.selected
-].join(" "), wt = "__ui-multiselect-select-all__", Ct = "__ui-multiselect-clear-all__", ye = et(
+  ye.selected
+].join(" "), At = "__ui-multiselect-select-all__", _t = "__ui-multiselect-clear-all__", Se = st(
   function({
     options: l,
-    value: Se,
+    value: Ie,
     defaultValue: xe,
-    onChange: Ie,
-    onComplete: z,
-    placeholder: Ne,
-    maxSelections: I,
-    allowSelectAll: Z = !1,
-    allowClear: ee = !1,
-    filter: P,
-    size: T = "md",
-    disabled: we,
-    wrapOptionLabels: te = !1,
-    className: Ce,
+    onChange: Ne,
+    onComplete: P,
+    placeholder: we,
+    maxSelections: x,
+    allowSelectAll: J = !1,
+    allowClear: Z = !1,
+    filter: B,
+    size: O = "md",
+    disabled: Ce,
+    wrapOptionLabels: ee = !1,
+    className: Ae,
     id: j,
     // Pull `aria-label` out of the div spread so it names the combobox
     // INPUT (the interactive control) rather than the wrapper div. Lets a
@@ -226,86 +226,93 @@ const yt = {
     // after its column). Untouched callers fall back to the placeholder.
     // Inside a FormField the field's label names the input and this is
     // ignored, so it can never override the visible text (WCAG 2.5.3).
-    "aria-label": se,
-    ...Ae
-  }, _e) {
-    const { t: u } = rt("ui"), m = nt(), S = tt(it) !== null, [ke, B] = lt({
-      value: Se,
+    "aria-label": te,
+    ..._e
+  }, ke) {
+    const { t: u } = it("ui"), m = at(), I = rt(ot) !== null, [Re, K] = ct({
+      value: Ie,
       defaultValue: xe ?? [],
-      onChange: Ie
-    }), i = ke ?? [], [w, p] = D(!1), [f, K] = D(""), v = y(null), re = `${st()}-count`, N = y([]), $ = y(null), Re = ot(_e, $), x = S && m.disabled || !!we, Te = S && m.required, ne = S && m.invalid, Ee = S && m.describedBy ? m.describedBy : void 0, Oe = j ?? (S ? m.id : void 0);
-    at(m, v);
-    const Fe = R(() => {
+      onChange: Ne
+    }), i = Re ?? [], [w, p] = R(!1), [f, $] = R(""), v = S(null), se = `${nt()}-count`, N = S([]), F = S(null), Te = dt(ke, F), [Ee, Oe] = R(!1);
+    E(() => {
+      var e;
+      Oe(
+        !!((e = F.current) != null && e.closest("fieldset:disabled"))
+      );
+    });
+    const y = I && m.disabled || !!Ce || Ee, Fe = I && m.required, re = I && m.invalid, Ve = I && m.describedBy ? m.describedBy : void 0, Le = j ?? (I ? m.id : void 0);
+    lt(m, v);
+    const De = T(() => {
       const e = /* @__PURE__ */ new Map();
       for (const t of l) e.set(t.value, t.label);
       return e;
-    }, [l]), Ve = R(() => {
+    }, [l]), qe = T(() => {
       const e = /* @__PURE__ */ new Map();
       for (const t of l) e.set(t.value, t.dir);
       return e;
-    }, [l]), ie = typeof I == "number" && i.length >= I, C = (e) => {
-      B(e);
-    }, Le = (e) => {
+    }, [l]), ne = typeof x == "number" && i.length >= x, C = (e) => {
+      K(e);
+    }, Me = (e) => {
       if (i.includes(e)) {
         C(i.filter((t) => t !== e));
         return;
       }
-      ie || C([...i, e]);
+      ne || C([...i, e]);
     }, U = (e) => {
       const t = i.filter((n, a) => a !== e);
       return C(t), t;
-    }, De = () => {
-      const e = l.filter((n) => !n.disabled).map((n) => n.value), t = typeof I == "number" ? I : e.length;
+    }, ze = () => {
+      const e = l.filter((n) => !n.disabled).map((n) => n.value), t = typeof x == "number" ? x : e.length;
       C(e.slice(0, t));
-    }, qe = () => {
+    }, Pe = () => {
       C([]);
-    }, ae = y(i);
-    X(() => {
-      ae.current = i;
+    }, ie = S(i);
+    W(() => {
+      ie.current = i;
     }, [i]);
-    const oe = y(f);
-    X(() => {
-      oe.current = f;
+    const ae = S(f);
+    W(() => {
+      ae.current = f;
     }, [f]);
-    const le = y(w);
-    X(() => {
-      le.current = w;
+    const oe = S(w);
+    W(() => {
+      oe.current = w;
     }, [w]);
-    const H = pe(
+    const H = fe(
       (e) => {
-        B(e);
+        K(e);
       },
-      [B]
-    ), Me = R(
+      [K]
+    ), Be = T(
       () => ({
-        getSelection: () => [...ae.current],
-        getQuery: () => oe.current,
-        getIsOpen: () => le.current,
+        getSelection: () => [...ie.current],
+        getQuery: () => ae.current,
+        getIsOpen: () => oe.current,
         setSelection: (e) => H(e),
         clearSelection: () => H([]),
-        setQuery: (e) => K(e),
+        setQuery: (e) => $(e),
         open: () => p(!0),
         close: () => p(!1)
       }),
       [H]
     );
-    gt(yt, Me, j);
-    const Y = Ne ?? u("inputs.multiSelect.placeholder", "Select…"), de = R(() => {
+    vt(It, Be, j);
+    const le = we ?? u("inputs.multiSelect.placeholder", "Select…"), de = T(() => {
       if (!f) return l;
       const e = f.toLowerCase();
-      return l.filter((t) => P ? P(f, t) : t.label.toLowerCase().includes(e));
-    }, [l, f, P]), ze = R(
-      () => dt(de),
+      return l.filter((t) => B ? B(f, t) : t.label.toLowerCase().includes(e));
+    }, [l, f, B]), je = T(
+      () => ut(de),
       [de]
-    ), Pe = (e) => {
+    ), Ke = (e) => {
       var a;
       const t = e.currentTarget;
       if (e.key === "Backspace" && f === "" && i.length > 0) {
         e.preventDefault();
         const s = i.length - 1, d = U(s).length - 1;
         d >= 0 && requestAnimationFrame(() => {
-          var g;
-          (g = N.current[d]) == null || g.focus();
+          var b;
+          (b = N.current[d]) == null || b.focus();
         });
         return;
       }
@@ -324,50 +331,50 @@ const yt = {
         return;
       }
       !w && (e.key === "ArrowDown" || e.key === "Enter") && p(!0);
-    }, je = (e) => (t) => {
-      var h, d, g, _;
+    }, $e = (e) => (t) => {
+      var h, d, b, _;
       if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
         t.preventDefault(), t.stopPropagation();
-        const L = U(e);
-        if (L.length === 0) {
+        const M = U(e);
+        if (M.length === 0) {
           requestAnimationFrame(() => {
             var k;
             return (k = v.current) == null ? void 0 : k.focus();
           });
           return;
         }
-        const Je = Math.min(e, L.length - 1);
+        const et = Math.min(e, M.length - 1);
         requestAnimationFrame(() => {
           var k;
-          (k = N.current[Je]) == null || k.focus();
+          (k = N.current[et]) == null || k.focus();
         });
         return;
       }
       const n = document.dir === "rtl", a = n ? "ArrowRight" : "ArrowLeft", s = n ? "ArrowLeft" : "ArrowRight";
       if (t.key === a) {
         t.preventDefault();
-        const L = Math.max(0, e - 1);
-        (h = N.current[L]) == null || h.focus();
+        const M = Math.max(0, e - 1);
+        (h = N.current[M]) == null || h.focus();
         return;
       }
       if (t.key === s) {
-        t.preventDefault(), e < i.length - 1 ? (d = N.current[e + 1]) == null || d.focus() : (g = v.current) == null || g.focus();
+        t.preventDefault(), e < i.length - 1 ? (d = N.current[e + 1]) == null || d.focus() : (b = v.current) == null || b.focus();
         return;
       }
       t.key === "Escape" && (p(!1), (_ = v.current) == null || _.focus());
-    }, [E, G] = D(
+    }, [V, Y] = R(
       Number.POSITIVE_INFINITY
-    ), [Be, Ke] = D(0), ce = y(-1), O = pe(() => {
-      G(Number.POSITIVE_INFINITY), Ke((e) => e + 1);
+    ), [Ue, He] = R(0), ce = S(-1), L = fe(() => {
+      Y(Number.POSITIVE_INFINITY), He((e) => e + 1);
     }, []);
-    M(() => {
-      const e = $.current;
+    E(() => {
+      const e = F.current;
       if (!e) return;
       const t = Array.from(
         e.querySelectorAll('[data-ui-chip="true"]')
       );
       if (t.length === 0) {
-        G(Number.POSITIVE_INFINITY);
+        Y(Number.POSITIVE_INFINITY);
         return;
       }
       const n = t[0].offsetTop;
@@ -375,81 +382,81 @@ const yt = {
       for (const s of t)
         if (s.offsetTop === n) a++;
         else break;
-      G(
+      Y(
         a === t.length ? Number.POSITIVE_INFINITY : Math.max(1, a - 1)
       );
-    }, [Be]), M(() => {
-      O();
-    }, [i.length, T, O]), M(() => {
-      const e = $.current;
+    }, [Ue]), E(() => {
+      L();
+    }, [i.length, O, L]), E(() => {
+      const e = F.current;
       if (!e) return;
       const t = new ResizeObserver((n) => {
         var s;
         const a = Math.round(
           ((s = n[0]) == null ? void 0 : s.contentRect.width) ?? e.clientWidth
         );
-        a !== ce.current && (ce.current = a, O());
+        a !== ce.current && (ce.current = a, L());
       });
       return t.observe(e), () => t.disconnect();
-    }, [O]);
-    const F = i.map((e) => ({
+    }, [L]);
+    const D = i.map((e) => ({
       value: e,
-      label: Fe.get(e) ?? e
-    })), ue = E === Number.POSITIVE_INFINITY || E >= F.length, $e = ue ? F : F.slice(0, E), me = ue ? [] : F.slice(E), A = me.length, Ue = (e) => {
+      label: De.get(e) ?? e
+    })), ue = V === Number.POSITIVE_INFINITY || V >= D.length, Ye = ue ? D : D.slice(0, V), me = ue ? [] : D.slice(V), A = me.length, Ge = (e) => {
       var n;
-      if (x) return;
+      if (y) return;
       const t = e.target;
       t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (p(!0), (n = v.current) == null || n.focus());
-    }, He = (e) => {
-      if (x) {
+    }, Qe = (e) => {
+      if (y) {
         p(!1);
         return;
       }
-      p(e), e || (K(""), z == null || z(i));
-    }, Ye = Z || ee, Ge = u("inputs.multiSelect.selected", {
+      p(e), e || ($(""), P == null || P(i));
+    }, We = J || Z, Xe = u("inputs.multiSelect.selected", {
       count: i.length,
       defaultValue: `${i.length} selected`
-    }), Qe = S && m.label || se || Y, We = [re, Ee].filter(Boolean).join(" "), Q = S ? `${m.id}-label` : void 0, V = y(null);
-    M(() => {
+    }), pe = I && m.label || te || le, Je = [se, Ve].filter(Boolean).join(" "), G = I ? `${m.id}-label` : void 0, q = S(null);
+    E(() => {
       const e = v.current;
       if (!e) return;
       const t = e.getAttribute("aria-labelledby");
-      if (Q) {
-        if (t === Q) return;
-        V.current = t, e.setAttribute("aria-labelledby", Q);
-      } else V.current !== null && (e.setAttribute("aria-labelledby", V.current), V.current = null);
+      if (G) {
+        if (t === G) return;
+        q.current = t, e.setAttribute("aria-labelledby", G);
+      } else q.current !== null && (e.setAttribute("aria-labelledby", q.current), q.current = null);
     });
-    const { onClick: W, ...Xe } = Ae;
-    return /* @__PURE__ */ r(c, { shouldFilter: !1, label: Qe, children: /* @__PURE__ */ b(q.Root, { open: w, onOpenChange: He, children: [
-      /* @__PURE__ */ r(q.Anchor, { asChild: !0, children: /* @__PURE__ */ b(
+    const { onClick: Q, ...Ze } = _e;
+    return /* @__PURE__ */ r(c, { shouldFilter: !1, label: pe, children: /* @__PURE__ */ g(z.Root, { open: w, onOpenChange: Qe, children: [
+      /* @__PURE__ */ r(z.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
         "div",
         {
-          ref: Re,
-          className: St({ size: T, className: Ce }),
-          "aria-disabled": x || void 0,
-          "aria-invalid": ne || void 0,
+          ref: Te,
+          className: xt({ size: O, className: Ae }),
+          "aria-disabled": y || void 0,
+          "aria-invalid": re || void 0,
           "data-component": "multi-select",
           "data-component-id": j,
           onClick: (e) => {
-            W == null || W(e), Ue(e);
+            Q == null || Q(e), Ge(e);
           },
-          ...Xe,
+          ...Ze,
           children: [
-            $e.map((e, t) => (
+            Ye.map((e, t) => (
               // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- chip pill receives focus via roving tabindex; chip removal uses an inner button
-              /* @__PURE__ */ b(
+              /* @__PURE__ */ g(
                 "span",
                 {
                   ref: (n) => {
                     N.current[t] = n;
                   },
-                  tabIndex: x ? -1 : 0,
+                  tabIndex: y ? -1 : 0,
                   "data-ui-chip": "true",
-                  className: he({ size: T }),
-                  onKeyDown: je(t),
+                  className: be({ size: O }),
+                  onKeyDown: $e(t),
                   "aria-label": e.label,
                   children: [
-                    /* @__PURE__ */ r("span", { dir: Ve.get(e.value), children: e.label }),
+                    /* @__PURE__ */ r("span", { dir: qe.get(e.value), children: e.label }),
                     /* @__PURE__ */ r(
                       "button",
                       {
@@ -460,15 +467,15 @@ const yt = {
                           label: e.label,
                           defaultValue: `Remove ${e.label}`
                         }),
-                        disabled: x,
+                        disabled: y,
                         onClick: (n) => {
                           n.stopPropagation(), U(t), requestAnimationFrame(() => {
                             var a;
                             return (a = v.current) == null ? void 0 : a.focus();
                           });
                         },
-                        className: xt,
-                        children: /* @__PURE__ */ r(bt, { "aria-hidden": "true", className: "ds:size-3.5" })
+                        className: Nt,
+                        children: /* @__PURE__ */ r(yt, { "aria-hidden": "true", className: "ds:size-3.5" })
                       }
                     )
                   ]
@@ -477,15 +484,15 @@ const yt = {
               )
             )),
             A > 0 ? /* @__PURE__ */ r(
-              fe,
+              he,
               {
                 label: me.map((e) => e.label).join(", "),
                 delayDuration: 200,
                 children: /* @__PURE__ */ r(
                   "span",
                   {
-                    className: he({ size: T }),
-                    tabIndex: 0,
+                    className: be({ size: O }),
+                    tabIndex: y ? -1 : 0,
                     role: "button",
                     "aria-label": u("inputs.multiSelect.overflow", {
                       count: A,
@@ -504,17 +511,17 @@ const yt = {
               {
                 ref: v,
                 value: f,
-                onValueChange: K,
-                onKeyDown: Pe,
+                onValueChange: $,
+                onKeyDown: Ke,
                 onFocus: () => {
-                  x || p(!0);
+                  y || p(!0);
                 },
-                placeholder: i.length === 0 ? Y : "",
-                id: Oe,
-                "aria-describedby": We,
-                "aria-invalid": ne || void 0,
-                "aria-required": Te || void 0,
-                disabled: x,
+                placeholder: i.length === 0 ? le : "",
+                id: Le,
+                "aria-describedby": Je,
+                "aria-invalid": re || void 0,
+                "aria-required": Fe || void 0,
+                disabled: y,
                 className: [
                   "ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none",
                   "ds:placeholder:text-muted-foreground ds:text-start",
@@ -522,12 +529,12 @@ const yt = {
                 ].join(" ")
               }
             ),
-            /* @__PURE__ */ r("span", { id: re, hidden: !0, children: Ge })
+            /* @__PURE__ */ r("span", { id: se, hidden: !0, children: Xe })
           ]
         }
       ) }),
-      /* @__PURE__ */ r(q.Portal, { children: /* @__PURE__ */ r(
-        q.Content,
+      /* @__PURE__ */ r(z.Portal, { children: /* @__PURE__ */ r(
+        z.Content,
         {
           "data-component": "multi-select-list",
           onOpenAutoFocus: (e) => e.preventDefault(),
@@ -535,50 +542,50 @@ const yt = {
           align: "start",
           sideOffset: 4,
           collisionPadding: 8,
-          className: It,
-          children: /* @__PURE__ */ b(
+          className: wt,
+          children: /* @__PURE__ */ g(
             c.List,
             {
               role: "listbox",
               "aria-multiselectable": "true",
-              "aria-label": Y,
+              label: pe,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                Ye ? /* @__PURE__ */ b(c.Group, { children: [
-                  Z ? /* @__PURE__ */ r(
+                We ? /* @__PURE__ */ g(c.Group, { children: [
+                  J ? /* @__PURE__ */ r(
                     c.Item,
                     {
-                      value: wt,
-                      onSelect: De,
+                      value: At,
+                      onSelect: ze,
                       className: ge,
                       children: u("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
-                  ee ? /* @__PURE__ */ r(
+                  Z ? /* @__PURE__ */ r(
                     c.Item,
                     {
-                      value: Ct,
-                      onSelect: qe,
+                      value: _t,
+                      onSelect: Pe,
                       className: ge,
                       children: u("inputs.multiSelect.clearAll", "Clear all")
                     }
                   ) : null
                 ] }) : null,
                 /* @__PURE__ */ r(c.Empty, { className: "ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground", children: u("inputs.multiSelect.noOptions", "No options found") }),
-                ze.map(({ group: e, items: t }, n) => {
+                je.map(({ group: e, items: t }, n) => {
                   const a = t.map((s) => {
-                    const h = i.includes(s.value), d = !h && ie, g = !!s.disabled || d, _ = /* @__PURE__ */ b(
+                    const h = i.includes(s.value), d = !h && ne, b = !!s.disabled || d, _ = /* @__PURE__ */ g(
                       c.Item,
                       {
                         value: s.value,
                         "data-option-id": s.value,
-                        disabled: g,
+                        disabled: b,
                         onSelect: () => {
-                          g || Le(s.value);
+                          b || Me(s.value);
                         },
                         "aria-selected": h,
-                        "aria-disabled": g || void 0,
-                        className: Nt,
+                        "aria-disabled": b || void 0,
+                        className: Ct,
                         children: [
                           /* @__PURE__ */ r(
                             "span",
@@ -589,7 +596,7 @@ const yt = {
                                 h ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background ds:border-[color:var(--control-border)]"
                               ].join(" "),
                               "aria-hidden": "true",
-                              children: h ? /* @__PURE__ */ r(vt, { className: "ds:size-3.5" }) : null
+                              children: h ? /* @__PURE__ */ r(St, { className: "ds:size-3.5" }) : null
                             }
                           ),
                           s.startAdornment ? (
@@ -604,18 +611,18 @@ const yt = {
                               }
                             )
                           ) : null,
-                          s.description || te ? (
+                          s.description || ee ? (
                             // Stacked, as in Combobox: the label and its end
                             // content on one row, the description under them.
                             // The option's name reads in that order.
-                            /* @__PURE__ */ b("span", { className: ct, children: [
-                              /* @__PURE__ */ b("span", { className: ut, children: [
+                            /* @__PURE__ */ g("span", { className: mt, children: [
+                              /* @__PURE__ */ g("span", { className: pt, children: [
                                 /* @__PURE__ */ r(
                                   "span",
                                   {
                                     dir: s.dir,
-                                    className: mt({
-                                      wrap: te,
+                                    className: ft({
+                                      wrap: ee,
                                       className: "ds:flex-1 ds:text-start"
                                     }),
                                     children: s.label
@@ -623,13 +630,13 @@ const yt = {
                                 ),
                                 s.endContent ? (
                                   // Announced, as below.
-                                  /* @__PURE__ */ r("span", { className: pt, children: s.endContent })
+                                  /* @__PURE__ */ r("span", { className: ht, children: s.endContent })
                                 ) : null
                               ] }),
                               s.description ? /* @__PURE__ */ r(
                                 "span",
                                 {
-                                  className: ft({
+                                  className: bt({
                                     tone: s.descriptionTone,
                                     className: "ds:text-start"
                                   }),
@@ -637,7 +644,7 @@ const yt = {
                                 }
                               ) : null
                             ] })
-                          ) : /* @__PURE__ */ b(Ze, { children: [
+                          ) : /* @__PURE__ */ g(tt, { children: [
                             /* @__PURE__ */ r(
                               "span",
                               {
@@ -660,11 +667,11 @@ const yt = {
                       s.value
                     );
                     return d ? /* @__PURE__ */ r(
-                      fe,
+                      he,
                       {
                         label: u("inputs.multiSelect.maxReached", {
-                          count: I,
-                          defaultValue: `Maximum ${I} selections`
+                          count: x,
+                          defaultValue: `Maximum ${x} selections`
                         }),
                         delayDuration: 200,
                         children: _
@@ -690,11 +697,11 @@ const yt = {
     ] }) });
   }
 );
-ye.displayName = "MultiSelect";
-const Kt = ye;
+Se.displayName = "MultiSelect";
+const Ut = Se;
 export {
-  Kt as M,
-  St as a,
-  yt as m
+  Ut as M,
+  xt as a,
+  It as m
 };
-//# sourceMappingURL=multi-select-BOad3za9.js.map
+//# sourceMappingURL=multi-select-i5MFRpXg.js.map