@alfadocs/ui-kit 1.81.0 → 1.83.0

package/dist/_chunks/{multi-select-IOVnOGlP.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 W, useCallback as fe } 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 ve } 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 { 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 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 { 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 ct, a as ut, o as mt, b as pt, c as ft } from "./option-row-Dc7BrbK8.js";
-import { b as X, 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 { 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,10 +129,10 @@ const yt = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, St = ve(
+}, 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"
   ],
@@ -146,7 +146,7 @@ const yt = {
     },
     defaultVariants: { size: "md" }
   }
-), ge = ve(
+), 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,31 +190,31 @@ 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",
   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(" "), be = [
+].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",
   ye.selected
-].join(" "), wt = "__ui-multiselect-select-all__", Ct = "__ui-multiselect-clear-all__", Se = et(
+].join(" "), At = "__ui-multiselect-select-all__", _t = "__ui-multiselect-clear-all__", Se = st(
   function({
     options: l,
-    value: xe,
-    defaultValue: Ie,
+    value: Ie,
+    defaultValue: xe,
     onChange: Ne,
-    onComplete: z,
+    onComplete: P,
     placeholder: we,
-    maxSelections: I,
+    maxSelections: x,
     allowSelectAll: J = !1,
     allowClear: Z = !1,
-    filter: P,
-    size: T = "md",
+    filter: B,
+    size: O = "md",
     disabled: Ce,
     wrapOptionLabels: ee = !1,
     className: Ae,
@@ -229,23 +229,30 @@ const yt = {
     "aria-label": te,
     ..._e
   }, ke) {
-    const { t: u } = rt("ui"), m = nt(), S = tt(it) !== null, [Re, B] = lt({
-      value: xe,
-      defaultValue: Ie ?? [],
+    const { t: u } = it("ui"), m = at(), I = rt(ot) !== null, [Re, K] = ct({
+      value: Ie,
+      defaultValue: xe ?? [],
       onChange: Ne
-    }), i = Re ?? [], [w, p] = D(!1), [f, K] = D(""), v = y(null), se = `${st()}-count`, N = y([]), $ = y(null), Te = ot(ke, $), x = S && m.disabled || !!Ce, Ee = S && m.required, re = S && m.invalid, Oe = S && m.describedBy ? m.describedBy : void 0, Fe = j ?? (S ? m.id : void 0);
-    at(m, v);
-    const Ve = R(() => {
+    }), 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]), Le = R(() => {
+    }, [l]), qe = T(() => {
       const e = /* @__PURE__ */ new Map();
       for (const t of l) e.set(t.value, t.dir);
       return e;
-    }, [l]), ne = typeof I == "number" && i.length >= I, C = (e) => {
-      B(e);
-    }, De = (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;
@@ -254,58 +261,58 @@ const yt = {
     }, U = (e) => {
       const t = i.filter((n, a) => a !== e);
       return C(t), t;
-    }, qe = () => {
-      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));
-    }, Me = () => {
+    }, Pe = () => {
       C([]);
-    }, ie = y(i);
+    }, ie = S(i);
     W(() => {
       ie.current = i;
     }, [i]);
-    const ae = y(f);
+    const ae = S(f);
     W(() => {
       ae.current = f;
     }, [f]);
-    const oe = y(w);
+    const oe = S(w);
     W(() => {
       oe.current = w;
     }, [w]);
     const H = fe(
       (e) => {
-        B(e);
+        K(e);
       },
-      [B]
-    ), ze = R(
+      [K]
+    ), Be = T(
       () => ({
         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, ze, j);
-    const le = we ?? 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]), Pe = R(
-      () => dt(de),
+      return l.filter((t) => B ? B(f, t) : t.label.toLowerCase().includes(e));
+    }, [l, f, B]), je = T(
+      () => ut(de),
       [de]
-    ), je = (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,44 +331,44 @@ const yt = {
         return;
       }
       !w && (e.key === "ArrowDown" || e.key === "Enter") && p(!0);
-    }, Be = (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, Y] = D(
+    }, [V, Y] = R(
       Number.POSITIVE_INFINITY
-    ), [Ke, $e] = D(0), ce = y(-1), O = fe(() => {
-      Y(Number.POSITIVE_INFINITY), $e((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"]')
@@ -378,78 +385,78 @@ const yt = {
       Y(
         a === t.length ? Number.POSITIVE_INFINITY : Math.max(1, a - 1)
       );
-    }, [Ke]), 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: Ve.get(e) ?? e
-    })), ue = E === Number.POSITIVE_INFINITY || E >= F.length, Ue = ue ? F : F.slice(0, E), me = ue ? [] : F.slice(E), A = me.length, He = (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());
-    }, Ye = (e) => {
-      if (x) {
+    }, Qe = (e) => {
+      if (y) {
         p(!1);
         return;
       }
-      p(e), e || (K(""), z == null || z(i));
-    }, Ge = J || Z, Qe = 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`
-    }), pe = S && m.label || te || le, We = [se, Oe].filter(Boolean).join(" "), G = 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 (G) {
         if (t === G) return;
-        V.current = t, e.setAttribute("aria-labelledby", G);
-      } else V.current !== null && (e.setAttribute("aria-labelledby", V.current), V.current = null);
+        q.current = t, e.setAttribute("aria-labelledby", G);
+      } else q.current !== null && (e.setAttribute("aria-labelledby", q.current), q.current = null);
     });
-    const { onClick: Q, ...Xe } = _e;
-    return /* @__PURE__ */ r(c, { shouldFilter: !1, label: pe, children: /* @__PURE__ */ b(q.Root, { open: w, onOpenChange: Ye, 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: Te,
-          className: St({ size: T, className: Ae }),
-          "aria-disabled": x || void 0,
+          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) => {
-            Q == null || Q(e), He(e);
+            Q == null || Q(e), Ge(e);
           },
-          ...Xe,
+          ...Ze,
           children: [
-            Ue.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: ge({ size: T }),
-                  onKeyDown: Be(t),
+                  className: be({ size: O }),
+                  onKeyDown: $e(t),
                   "aria-label": e.label,
                   children: [
-                    /* @__PURE__ */ r("span", { dir: Le.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" })
                       }
                     )
                   ]
@@ -484,8 +491,8 @@ const yt = {
                 children: /* @__PURE__ */ r(
                   "span",
                   {
-                    className: ge({ 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: je,
+                onValueChange: $,
+                onKeyDown: Ke,
                 onFocus: () => {
-                  x || p(!0);
+                  y || p(!0);
                 },
                 placeholder: i.length === 0 ? le : "",
-                id: Fe,
-                "aria-describedby": We,
+                id: Le,
+                "aria-describedby": Je,
                 "aria-invalid": re || void 0,
-                "aria-required": Ee || void 0,
-                disabled: x,
+                "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: se, hidden: !0, children: Qe })
+            /* @__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,8 +542,8 @@ const yt = {
           align: "start",
           sideOffset: 4,
           collisionPadding: 8,
-          className: It,
-          children: /* @__PURE__ */ b(
+          className: wt,
+          children: /* @__PURE__ */ g(
             c.List,
             {
               role: "listbox",
@@ -544,41 +551,41 @@ const yt = {
               label: pe,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                Ge ? /* @__PURE__ */ b(c.Group, { children: [
+                We ? /* @__PURE__ */ g(c.Group, { children: [
                   J ? /* @__PURE__ */ r(
                     c.Item,
                     {
-                      value: wt,
-                      onSelect: qe,
-                      className: be,
+                      value: At,
+                      onSelect: ze,
+                      className: ge,
                       children: u("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
                   Z ? /* @__PURE__ */ r(
                     c.Item,
                     {
-                      value: Ct,
-                      onSelect: Me,
-                      className: be,
+                      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") }),
-                Pe.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 && ne, 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 || De(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 ? (
@@ -608,13 +615,13 @@ const yt = {
                             // 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({
+                                    className: ft({
                                       wrap: ee,
                                       className: "ds:flex-1 ds:text-start"
                                     }),
@@ -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",
                               {
@@ -663,8 +670,8 @@ const yt = {
                       he,
                       {
                         label: u("inputs.multiSelect.maxReached", {
-                          count: I,
-                          defaultValue: `Maximum ${I} selections`
+                          count: x,
+                          defaultValue: `Maximum ${x} selections`
                         }),
                         delayDuration: 200,
                         children: _
@@ -691,10 +698,10 @@ const yt = {
   }
 );
 Se.displayName = "MultiSelect";
-const Kt = Se;
+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-IOVnOGlP.js.map
+//# sourceMappingURL=multi-select-i5MFRpXg.js.map