@alfadocs/ui-kit-debug 0.68.0 → 0.69.0

package/dist/_chunks/{multi-select-BcPylvHR.js → multi-select-BdHHDrRN.js}

@@ -1,75 +1,117 @@
 import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as Me, useContext as Pe, useState as K, useRef as k, useMemo as F, useEffect as U, useCallback as je } from "react";
-import * as D from "@radix-ui/react-popover";
+import { forwardRef as Ke, useContext as Me, useState as B, useRef as I, useMemo as V, useEffect as U, useCallback as je } from "react";
+import * as q from "@radix-ui/react-popover";
 import { _ as u } from "./index-4xgbg-sn.js";
-import { c as de } from "./index-D2ZczOXr.js";
-import { useTranslation as $e } from "react-i18next";
-import { u as Be, F as Ke } from "./form-field-context-B3APVHKx.js";
+import { c as le } from "./index-D2ZczOXr.js";
+import { useTranslation as Pe } from "react-i18next";
+import { u as $e, F as Be } from "./form-field-context-B3APVHKx.js";
 import { T as oe } from "./tooltip-DvmfrNvB.js";
 import { c as Ue } from "./compose-refs-C0k0tdqF.js";
 import { u as Qe } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Ye } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { g as Ge } from "./group-options-BvKhQ3xb.js";
 import { b as Q, c as He } from "./input-surface-xyERuLU_.js";
-import { u as Xe } from "./registry-nPAVE19X.js";
+import { u as Xe } from "./registry-DvAUVLHh.js";
 import { X as Je } from "./x-CCcI3eJp.js";
 import { C as We } from "./check-DPdL_Sm7.js";
 const Ze = {
   id: "multi-select",
+  // Persisted multi-choice (selection state + set_selection) → select_multiple,
+  // plus type-to-filter and open/close of the option list.
   capabilities: ["select_multiple", "filter", "open", "close"],
   state: {
     selection: {
       type: "string[]",
+      descriptionKey: "ui.agent.multiSelect.state.selection",
       description: "Values of currently-selected options.",
-      read: (i) => i.getSelection()
+      read: (a) => a.getSelection()
     },
     query: {
       type: "string",
+      descriptionKey: "ui.agent.multiSelect.state.query",
       description: "Current filter query.",
-      read: (i) => i.getQuery()
+      read: (a) => a.getQuery()
     },
     isOpen: {
       type: "boolean",
+      descriptionKey: "ui.agent.multiSelect.state.isOpen",
       description: "True when the option list is visible.",
-      read: (i) => i.getIsOpen()
+      read: (a) => a.getIsOpen()
     }
   },
   actions: {
     set_selection: {
-      safety: "read",
+      // Persists the user's chosen options — reversible via the same UI.
+      safety: "write",
       argsType: "{ values: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          values: {
+            type: "array",
+            items: { type: "string" },
+            description: "Option values to select (replaces the current selection)."
+          }
+        },
+        required: ["values"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.multiSelect.actions.setSelection",
       description: "Replace the current selection with the given list of values.",
-      invoke: (i, c) => {
-        i.setSelection(c.values);
+      examples: [
+        {
+          args: { values: ["a", "b"] },
+          note: 'Select exactly options "a" and "b".'
+        }
+      ],
+      invoke: (a, c) => {
+        a.setSelection(c.values);
       }
     },
     clear_selection: {
-      safety: "read",
+      // Discards the persisted selection — destructive (loses the choices).
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.multiSelect.actions.clearSelection",
       description: "Clear the current selection.",
-      invoke: (i) => {
-        i.clearSelection();
+      invoke: (a) => {
+        a.clearSelection();
       }
     },
     apply_filter: {
+      // Pure ephemeral filter of the visible options — no persisted change.
       safety: "read",
       argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          query: { type: "string", description: "Filter text for the list." }
+        },
+        required: ["query"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.multiSelect.actions.applyFilter",
       description: "Set the filter query for the option list.",
-      invoke: (i, c) => {
-        i.setQuery(c.query);
+      invoke: (a, c) => {
+        a.setQuery(c.query);
       }
     },
     open: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.multiSelect.actions.open",
       description: "Open the option list.",
-      invoke: (i) => {
-        i.open();
+      invoke: (a) => {
+        a.open();
       }
     },
     close: {
       safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.multiSelect.actions.close",
       description: "Close the option list.",
-      invoke: (i) => {
-        i.close();
+      invoke: (a) => {
+        a.close();
       }
     }
   },
@@ -85,7 +127,7 @@ const Ze = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, et = de(
+}, et = le(
   [
     "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
     He,
@@ -102,7 +144,7 @@ const Ze = {
     },
     defaultVariants: { size: "md" }
   }
-), ie = de(
+), ie = le(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
@@ -154,22 +196,22 @@ const Ze = {
   "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",
   "ds:data-[selected=true]:bg-muted"
-].join(" "), nt = "__ui-multiselect-select-all__", ot = "__ui-multiselect-clear-all__", le = Me(
+].join(" "), nt = "__ui-multiselect-select-all__", ot = "__ui-multiselect-clear-all__", de = Ke(
   function({
     options: c,
     value: ce,
     defaultValue: ue,
-    onChange: fe,
-    onComplete: L,
+    onChange: pe,
+    onComplete: O,
     placeholder: me,
-    maxSelections: b,
+    maxSelections: v,
     allowSelectAll: Y = !1,
     allowClear: G = !1,
-    filter: O,
+    filter: D,
     size: R = "md",
-    disabled: pe,
-    className: he,
-    id: z,
+    disabled: fe,
+    className: ge,
+    id: L,
     // Pull `aria-label` out of the div spread so it names the combobox
     // INPUT (the interactive control) rather than the wrapper div. Lets a
     // consumer give the trigger a meaningful name when there's no visible
@@ -178,90 +220,90 @@ const Ze = {
     // ONLY set this when the control has no visible / FormField label —
     // `aria-label` wins over an associated `<label>`, so passing both would
     // silently override the visible text (WCAG 2.5.3 Label in Name).
-    "aria-label": ge,
-    ...be
-  }, ve) {
-    const { t: f } = $e(), v = Be(), y = Pe(Ke) !== null, [ye, q] = Qe({
+    "aria-label": he,
+    ...ve
+  }, be) {
+    const { t: p } = Pe(), b = $e(), y = Me(Be) !== null, [ye, z] = Qe({
       value: ce,
       defaultValue: ue ?? [],
-      onChange: fe
-    }), r = ye ?? [], [C, m] = K(!1), [p, M] = K(""), w = k(null), I = k([]), H = k(null), we = Ue(ve, H), g = y && v.disabled || !!pe, Ie = y && v.required, X = y && v.invalid, xe = y && v.describedBy ? v.describedBy : void 0, ke = z ?? (y ? v.id : void 0), Ce = F(() => {
+      onChange: pe
+    }), r = ye ?? [], [k, m] = B(!1), [f, K] = B(""), S = I(null), w = I([]), H = I(null), Se = Ue(be, H), h = y && b.disabled || !!fe, we = y && b.required, X = y && b.invalid, xe = y && b.describedBy ? b.describedBy : void 0, Ie = L ?? (y ? b.id : void 0), ke = V(() => {
       const e = /* @__PURE__ */ new Map();
       for (const t of c) e.set(t.value, t.label);
       return e;
-    }, [c]), J = typeof b == "number" && r.length >= b, S = (e) => {
-      q(e);
-    }, Se = (e) => {
+    }, [c]), J = typeof v == "number" && r.length >= v, C = (e) => {
+      z(e);
+    }, Ce = (e) => {
       if (r.includes(e)) {
-        S(r.filter((t) => t !== e));
+        C(r.filter((t) => t !== e));
         return;
       }
-      J || S([...r, e]);
-    }, P = (e) => {
+      J || C([...r, e]);
+    }, M = (e) => {
       const t = r.filter((s, o) => o !== e);
-      return S(t), t;
+      return C(t), t;
     }, Ae = () => {
-      const e = c.filter((s) => !s.disabled).map((s) => s.value), t = typeof b == "number" ? b : e.length;
-      S(e.slice(0, t));
+      const e = c.filter((s) => !s.disabled).map((s) => s.value), t = typeof v == "number" ? v : e.length;
+      C(e.slice(0, t));
     }, Ne = () => {
-      S([]);
-    }, W = k(r);
+      C([]);
+    }, W = I(r);
     U(() => {
       W.current = r;
     }, [r]);
-    const Z = k(p);
+    const Z = I(f);
     U(() => {
-      Z.current = p;
-    }, [p]);
-    const ee = k(C);
+      Z.current = f;
+    }, [f]);
+    const ee = I(k);
     U(() => {
-      ee.current = C;
-    }, [C]);
+      ee.current = k;
+    }, [k]);
     const j = je(
       (e) => {
-        q(e);
+        z(e);
       },
-      [q]
-    ), _e = F(
+      [z]
+    ), _e = V(
       () => ({
         getSelection: () => [...W.current],
         getQuery: () => Z.current,
         getIsOpen: () => ee.current,
         setSelection: (e) => j(e),
         clearSelection: () => j([]),
-        setQuery: (e) => M(e),
+        setQuery: (e) => K(e),
         open: () => m(!0),
         close: () => m(!1)
       }),
       [j]
     );
-    Xe(Ze, _e, z);
-    const te = me ?? f("inputs.multiSelect.placeholder", "Select…"), se = F(() => {
-      if (!p) return c;
-      const e = p.toLowerCase();
-      return c.filter((t) => O ? O(p, t) : t.label.toLowerCase().includes(e));
-    }, [c, p, O]), Re = F(
+    Xe(Ze, _e, L);
+    const te = me ?? p("inputs.multiSelect.placeholder", "Select…"), se = V(() => {
+      if (!f) return c;
+      const e = f.toLowerCase();
+      return c.filter((t) => D ? D(f, t) : t.label.toLowerCase().includes(e));
+    }, [c, f, D]), Re = V(
       () => Ge(se),
       [se]
     ), Te = (e) => {
       var o;
       const t = e.currentTarget;
-      if (e.key === "Backspace" && p === "" && r.length > 0) {
+      if (e.key === "Backspace" && f === "" && r.length > 0) {
         e.preventDefault();
-        const a = r.length - 1, l = P(a).length - 1;
-        l >= 0 && requestAnimationFrame(() => {
-          var h;
-          (h = I.current[l]) == null || h.focus();
+        const i = r.length - 1, d = M(i).length - 1;
+        d >= 0 && requestAnimationFrame(() => {
+          var g;
+          (g = w.current[d]) == null || g.focus();
         });
         return;
       }
       const s = t.selectionStart === 0 && t.selectionEnd === 0;
       if ((e.key === "ArrowLeft" || e.key === "ArrowRight") && s && r.length > 0) {
-        const a = document.dir === "rtl" || t.dir === "rtl";
-        if (a && e.key === "ArrowRight" || !a && e.key === "ArrowLeft") {
+        const i = document.dir === "rtl" || t.dir === "rtl";
+        if (i && e.key === "ArrowRight" || !i && e.key === "ArrowLeft") {
           e.preventDefault();
-          const l = r.length - 1;
-          (o = I.current[l]) == null || o.focus();
+          const d = r.length - 1;
+          (o = w.current[d]) == null || o.focus();
         }
         return;
       }
@@ -269,39 +311,39 @@ const Ze = {
         m(!1);
         return;
       }
-      !C && (e.key === "ArrowDown" || e.key === "Enter") && m(!0);
+      !k && (e.key === "ArrowDown" || e.key === "Enter") && m(!0);
     }, Ee = (e) => (t) => {
-      var d, l, h, N;
+      var l, d, g, N;
       if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
         t.preventDefault(), t.stopPropagation();
-        const V = P(e);
-        if (V.length === 0) {
+        const F = M(e);
+        if (F.length === 0) {
           requestAnimationFrame(() => {
             var _;
-            return (_ = w.current) == null ? void 0 : _.focus();
+            return (_ = S.current) == null ? void 0 : _.focus();
           });
           return;
         }
-        const qe = Math.min(e, V.length - 1);
+        const ze = Math.min(e, F.length - 1);
         requestAnimationFrame(() => {
           var _;
-          (_ = I.current[qe]) == null || _.focus();
+          (_ = w.current[ze]) == null || _.focus();
         });
         return;
       }
-      const s = document.dir === "rtl", o = s ? "ArrowRight" : "ArrowLeft", a = s ? "ArrowLeft" : "ArrowRight";
+      const s = document.dir === "rtl", o = s ? "ArrowRight" : "ArrowLeft", i = s ? "ArrowLeft" : "ArrowRight";
       if (t.key === o) {
         t.preventDefault();
-        const V = Math.max(0, e - 1);
-        (d = I.current[V]) == null || d.focus();
+        const F = Math.max(0, e - 1);
+        (l = w.current[F]) == null || l.focus();
         return;
       }
-      if (t.key === a) {
-        t.preventDefault(), e < r.length - 1 ? (l = I.current[e + 1]) == null || l.focus() : (h = w.current) == null || h.focus();
+      if (t.key === i) {
+        t.preventDefault(), e < r.length - 1 ? (d = w.current[e + 1]) == null || d.focus() : (g = S.current) == null || g.focus();
         return;
       }
-      t.key === "Escape" && (m(!1), (N = w.current) == null || N.focus());
-    }, [T, $] = K(
+      t.key === "Escape" && (m(!1), (N = S.current) == null || N.focus());
+    }, [T, P] = B(
       Number.POSITIVE_INFINITY
     );
     Ye(() => {
@@ -312,15 +354,15 @@ const Ze = {
           e.querySelectorAll('[data-ui-chip="true"]')
         );
         if (o.length === 0) {
-          $(Number.POSITIVE_INFINITY);
+          P(Number.POSITIVE_INFINITY);
           return;
         }
-        const a = o[0].offsetTop;
-        let d = 0;
-        for (const l of o)
-          if (l.offsetTop === a) d++;
+        const i = o[0].offsetTop;
+        let l = 0;
+        for (const d of o)
+          if (d.offsetTop === i) l++;
           else break;
-        d === o.length ? $(Number.POSITIVE_INFINITY) : $(Math.max(1, d - 1));
+        l === o.length ? P(Number.POSITIVE_INFINITY) : P(Math.max(1, l - 1));
       };
       t();
       const s = new ResizeObserver(t);
@@ -328,46 +370,46 @@ const Ze = {
     }, [r.length, R]);
     const E = r.map((e) => ({
       value: e,
-      label: Ce.get(e) ?? e
-    })), re = T === Number.POSITIVE_INFINITY || T >= E.length, Ve = re ? E : E.slice(0, T), ne = re ? [] : E.slice(T), A = ne.length, Fe = (e) => {
+      label: ke.get(e) ?? e
+    })), re = T === Number.POSITIVE_INFINITY || T >= E.length, Fe = re ? E : E.slice(0, T), ne = re ? [] : E.slice(T), A = ne.length, Ve = (e) => {
       var s;
-      if (g) return;
+      if (h) return;
       const t = e.target;
-      t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (m(!0), (s = w.current) == null || s.focus());
-    }, De = (e) => {
-      if (g) {
+      t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (m(!0), (s = S.current) == null || s.focus());
+    }, qe = (e) => {
+      if (h) {
         m(!1);
         return;
       }
-      m(e), e || (M(""), L == null || L(r));
-    }, Le = Y || G, Oe = f("inputs.multiSelect.selected", {
+      m(e), e || (K(""), O == null || O(r));
+    }, Oe = Y || G, De = p("inputs.multiSelect.selected", {
       count: r.length,
       defaultValue: `${r.length} selected`
-    }), { onClick: B, ...ze } = be;
-    return /* @__PURE__ */ n(u, { shouldFilter: !1, label: Oe, children: /* @__PURE__ */ x(D.Root, { open: C, onOpenChange: De, children: [
-      /* @__PURE__ */ n(D.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
+    }), { onClick: $, ...Le } = ve;
+    return /* @__PURE__ */ n(u, { shouldFilter: !1, label: De, children: /* @__PURE__ */ x(q.Root, { open: k, onOpenChange: qe, children: [
+      /* @__PURE__ */ n(q.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
         "div",
         {
-          ref: we,
-          className: et({ size: R, className: he }),
-          "aria-disabled": g || void 0,
+          ref: Se,
+          className: et({ size: R, className: ge }),
+          "aria-disabled": h || void 0,
           "aria-invalid": X || void 0,
           "data-component": "multi-select",
-          "data-component-id": z,
+          "data-component-id": L,
           onClick: (e) => {
-            B == null || B(e), Fe(e);
+            $ == null || $(e), Ve(e);
           },
-          ...ze,
+          ...Le,
           children: [
-            Ve.map((e, t) => (
+            Fe.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__ */ x(
                 "span",
                 {
                   ref: (s) => {
-                    I.current[t] = s;
+                    w.current[t] = s;
                   },
-                  tabIndex: g ? -1 : 0,
+                  tabIndex: h ? -1 : 0,
                   "data-ui-chip": "true",
                   className: ie({ size: R }),
                   onKeyDown: Ee(t),
@@ -380,15 +422,15 @@ const Ze = {
                         type: "button",
                         tabIndex: -1,
                         "data-ui-chip-dismiss": "true",
-                        "aria-label": f("inputs.multiSelect.remove", {
+                        "aria-label": p("inputs.multiSelect.remove", {
                           label: e.label,
                           defaultValue: `Remove ${e.label}`
                         }),
-                        disabled: g,
+                        disabled: h,
                         onClick: (s) => {
-                          s.stopPropagation(), P(t), requestAnimationFrame(() => {
+                          s.stopPropagation(), M(t), requestAnimationFrame(() => {
                             var o;
-                            return (o = w.current) == null ? void 0 : o.focus();
+                            return (o = S.current) == null ? void 0 : o.focus();
                           });
                         },
                         className: tt,
@@ -411,11 +453,11 @@ const Ze = {
                     className: ie({ size: R }),
                     tabIndex: 0,
                     role: "button",
-                    "aria-label": f("inputs.multiSelect.overflow", {
+                    "aria-label": p("inputs.multiSelect.overflow", {
                       count: A,
                       defaultValue: `+${A} more`
                     }),
-                    children: /* @__PURE__ */ n("span", { children: f("inputs.multiSelect.overflow", {
+                    children: /* @__PURE__ */ n("span", { children: p("inputs.multiSelect.overflow", {
                       count: A,
                       defaultValue: `+${A} more`
                     }) })
@@ -426,20 +468,20 @@ const Ze = {
             /* @__PURE__ */ n(
               u.Input,
               {
-                ref: w,
-                value: p,
-                onValueChange: M,
+                ref: S,
+                value: f,
+                onValueChange: K,
                 onKeyDown: Te,
                 onFocus: () => {
-                  g || m(!0);
+                  h || m(!0);
                 },
                 placeholder: r.length === 0 ? te : "",
-                id: ke,
-                "aria-label": y ? void 0 : ge,
+                id: Ie,
+                "aria-label": y ? void 0 : he,
                 "aria-describedby": xe,
                 "aria-invalid": X || void 0,
-                "aria-required": Ie || void 0,
-                disabled: g,
+                "aria-required": we || void 0,
+                disabled: h,
                 className: [
                   "ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none",
                   "ds:placeholder:text-muted-foreground ds:text-start",
@@ -450,8 +492,8 @@ const Ze = {
           ]
         }
       ) }),
-      /* @__PURE__ */ n(D.Portal, { children: /* @__PURE__ */ n(
-        D.Content,
+      /* @__PURE__ */ n(q.Portal, { children: /* @__PURE__ */ n(
+        q.Content,
         {
           onOpenAutoFocus: (e) => e.preventDefault(),
           onCloseAutoFocus: (e) => e.preventDefault(),
@@ -466,14 +508,14 @@ const Ze = {
               "aria-label": te,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                Le ? /* @__PURE__ */ x(u.Group, { children: [
+                Oe ? /* @__PURE__ */ x(u.Group, { children: [
                   Y ? /* @__PURE__ */ n(
                     u.Item,
                     {
                       value: nt,
                       onSelect: Ae,
                       className: ae,
-                      children: f("inputs.multiSelect.selectAll", "Select all")
+                      children: p("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
                   G ? /* @__PURE__ */ n(
@@ -482,23 +524,24 @@ const Ze = {
                       value: ot,
                       onSelect: Ne,
                       className: ae,
-                      children: f("inputs.multiSelect.clearAll", "Clear all")
+                      children: p("inputs.multiSelect.clearAll", "Clear all")
                     }
                   ) : null
                 ] }) : null,
-                /* @__PURE__ */ n(u.Empty, { className: "ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground", children: f("inputs.multiSelect.noOptions", "No options found") }),
+                /* @__PURE__ */ n(u.Empty, { className: "ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground", children: p("inputs.multiSelect.noOptions", "No options found") }),
                 Re.map(({ group: e, items: t }, s) => {
-                  const o = t.map((a) => {
-                    const d = r.includes(a.value), l = !d && J, h = !!a.disabled || l, N = /* @__PURE__ */ x(
+                  const o = t.map((i) => {
+                    const l = r.includes(i.value), d = !l && J, g = !!i.disabled || d, N = /* @__PURE__ */ x(
                       u.Item,
                       {
-                        value: a.value,
-                        disabled: h,
+                        value: i.value,
+                        "data-option-id": i.value,
+                        disabled: g,
                         onSelect: () => {
-                          h || Se(a.value);
+                          g || Ce(i.value);
                         },
-                        "aria-selected": d,
-                        "aria-disabled": h || void 0,
+                        "aria-selected": l,
+                        "aria-disabled": g || void 0,
                         className: rt,
                         children: [
                           /* @__PURE__ */ n(
@@ -507,28 +550,28 @@ const Ze = {
                               className: [
                                 "ds:inline-flex ds:items-center ds:justify-center ds:me-2 ds:shrink-0",
                                 "ds:size-4 ds:rounded-[var(--radius-sm)] ds:border ds:border-border",
-                                d ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background"
+                                l ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background"
                               ].join(" "),
                               "aria-hidden": "true",
-                              children: d ? /* @__PURE__ */ n(We, { className: "ds:size-3.5" }) : null
+                              children: l ? /* @__PURE__ */ n(We, { className: "ds:size-3.5" }) : null
                             }
                           ),
-                          /* @__PURE__ */ n("span", { className: "ds:flex-1 ds:text-start", children: a.label })
+                          /* @__PURE__ */ n("span", { className: "ds:flex-1 ds:text-start", children: i.label })
                         ]
                       },
-                      a.value
+                      i.value
                     );
-                    return l ? /* @__PURE__ */ n(
+                    return d ? /* @__PURE__ */ n(
                       oe,
                       {
-                        label: f("inputs.multiSelect.maxReached", {
-                          count: b,
-                          defaultValue: `Maximum ${b} selections`
+                        label: p("inputs.multiSelect.maxReached", {
+                          count: v,
+                          defaultValue: `Maximum ${v} selections`
                         }),
                         delayDuration: 200,
                         children: N
                       },
-                      a.value
+                      i.value
                     ) : N;
                   });
                   return e ? /* @__PURE__ */ n(
@@ -549,11 +592,11 @@ const Ze = {
     ] }) });
   }
 );
-le.displayName = "MultiSelect";
-const It = le;
+de.displayName = "MultiSelect";
+const wt = de;
 export {
-  It as M,
+  wt as M,
   et as a,
   Ze as m
 };
-//# sourceMappingURL=multi-select-BcPylvHR.js.map
+//# sourceMappingURL=multi-select-BdHHDrRN.js.map