@alfadocs/ui-kit-debug 0.17.1 → 0.17.2

package/dist/_chunks/{multi-select-DooDzQIp.js → multi-select-CyspR5ZF.js}

@@ -1,14 +1,15 @@
 import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as Me, useContext as Pe, useState as L, useRef as k, useMemo as O, useEffect as Q, useCallback as je, useLayoutEffect as $e } from "react";
-import * as z from "@radix-ui/react-popover";
+import { forwardRef as qe, useContext as Me, useState as K, useRef as I, useMemo as F, useEffect as U, useCallback as Pe, useLayoutEffect as je } from "react";
+import * as D from "@radix-ui/react-popover";
 import { _ as u } from "./index-4xgbg-sn.js";
-import { c as ue } from "./index-D2ZczOXr.js";
-import { useTranslation as Be } from "react-i18next";
-import { u as Ke, F as Ue } from "./form-field-context-B3APVHKx.js";
-import { T as de } from "./tooltip-DHik5yRI.js";
-import { c as Qe } from "./compose-refs-C0k0tdqF.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 { T as oe } from "./tooltip-DHik5yRI.js";
+import { c as Ue } from "./compose-refs-C0k0tdqF.js";
+import { u as Qe } from "./use-controllable-state-BiY4xTzM.js";
 import { g as Ye } from "./group-options-BvKhQ3xb.js";
-import { b as Y, c as Ge } from "./input-surface-xyERuLU_.js";
+import { b as Q, c as Ge } from "./input-surface-xyERuLU_.js";
 import { u as He } from "./registry-C9nwlNyL.js";
 import { X as Xe } from "./x-CCcI3eJp.js";
 import { C as Je } from "./check-DPdL_Sm7.js";
@@ -83,7 +84,7 @@ const We = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, Ze = ue(
+}, Ze = de(
   [
     "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
     Ge,
@@ -93,14 +94,14 @@ const We = {
   {
     variants: {
       size: {
-        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${Y.sm}`,
-        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${Y.md}`,
-        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${Y.lg}`
+        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${Q.sm}`,
+        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${Q.md}`,
+        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${Q.lg}`
       }
     },
     defaultVariants: { size: "md" }
   }
-), le = ue(
+), ie = de(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
@@ -147,98 +148,100 @@ const We = {
   "ds:data-[selected=true]:bg-muted ds:data-[selected=true]:text-foreground",
   "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(" "), ce = [
+].join(" "), ae = [
   "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",
   "ds:data-[selected=true]:bg-muted"
-].join(" "), rt = "__ui-multiselect-select-all__", nt = "__ui-multiselect-clear-all__", fe = Me(
+].join(" "), rt = "__ui-multiselect-select-all__", nt = "__ui-multiselect-clear-all__", le = qe(
   function({
     options: c,
-    value: G,
-    defaultValue: me,
-    onChange: v,
-    onComplete: q,
-    placeholder: pe,
-    maxSelections: b,
-    allowSelectAll: H = !1,
-    allowClear: X = !1,
-    filter: M,
-    size: T = "md",
-    disabled: he,
-    className: ve,
-    id: P,
+    value: ce,
+    defaultValue: ue,
+    onChange: fe,
+    onComplete: L,
+    placeholder: me,
+    maxSelections: v,
+    allowSelectAll: Y = !1,
+    allowClear: G = !1,
+    filter: O,
+    size: R = "md",
+    disabled: pe,
+    className: he,
+    id: z,
     ...ge
-  }, be) {
-    const { t: f } = Be(), y = Ke(), S = Pe(Ue) !== null, [ye, J] = L(
-      me ?? []
-    ), E = G !== void 0, r = E ? G : ye, [A, m] = L(!1), [p, j] = L(""), w = k(null), I = k([]), W = k(null), we = Qe(be, W), g = S && y.disabled || !!he, Ie = S && y.required, Z = S && y.invalid, xe = S && y.describedBy ? y.describedBy : void 0, ke = P ?? (S ? y.id : void 0), Se = O(() => {
+  }, ve) {
+    const { t: f } = $e(), b = Be(), k = Me(Ke) !== null, [be, q] = Qe({
+      value: ce,
+      defaultValue: ue ?? [],
+      onChange: fe
+    }), r = be ?? [], [C, m] = K(!1), [p, M] = K(""), y = I(null), w = I([]), H = I(null), ye = Ue(ve, H), g = k && b.disabled || !!pe, we = k && b.required, X = k && b.invalid, xe = k && b.describedBy ? b.describedBy : void 0, Ie = z ?? (k ? b.id : void 0), ke = F(() => {
       const e = /* @__PURE__ */ new Map();
       for (const t of c) e.set(t.value, t.label);
       return e;
-    }, [c]), ee = typeof b == "number" && r.length >= b, N = (e) => {
-      E || J(e), v == null || v(e);
-    }, Ae = (e) => {
+    }, [c]), J = typeof v == "number" && r.length >= v, S = (e) => {
+      q(e);
+    }, Ce = (e) => {
       if (r.includes(e)) {
-        N(r.filter((t) => t !== e));
+        S(r.filter((t) => t !== e));
         return;
       }
-      ee || N([...r, e]);
-    }, $ = (e) => {
+      J || S([...r, e]);
+    }, P = (e) => {
       const t = r.filter((s, o) => o !== e);
-      return N(t), t;
-    }, Ne = () => {
-      const e = c.filter((s) => !s.disabled).map((s) => s.value), t = typeof b == "number" ? b : e.length;
-      N(e.slice(0, t));
-    }, _e = () => {
-      N([]);
-    }, te = k(r);
-    Q(() => {
-      te.current = r;
+      return S(t), t;
+    }, Se = () => {
+      const e = c.filter((s) => !s.disabled).map((s) => s.value), t = typeof v == "number" ? v : e.length;
+      S(e.slice(0, t));
+    }, Ae = () => {
+      S([]);
+    }, W = I(r);
+    U(() => {
+      W.current = r;
     }, [r]);
-    const se = k(p);
-    Q(() => {
-      se.current = p;
+    const Z = I(p);
+    U(() => {
+      Z.current = p;
     }, [p]);
-    const re = k(A);
-    Q(() => {
-      re.current = A;
-    }, [A]);
-    const B = je(
+    const ee = I(C);
+    U(() => {
+      ee.current = C;
+    }, [C]);
+    const j = Pe(
       (e) => {
-        E || J(e), v == null || v(e);
+        q(e);
       },
-      [E, v]
-    ), Re = O(
+      [q]
+    ), Ne = F(
       () => ({
-        getSelection: () => [...te.current],
-        getQuery: () => se.current,
-        getIsOpen: () => re.current,
-        setSelection: (e) => B(e),
-        clearSelection: () => B([]),
-        setQuery: (e) => j(e),
+        getSelection: () => [...W.current],
+        getQuery: () => Z.current,
+        getIsOpen: () => ee.current,
+        setSelection: (e) => j(e),
+        clearSelection: () => j([]),
+        setQuery: (e) => M(e),
         open: () => m(!0),
         close: () => m(!1)
       }),
-      [B]
+      [j]
     );
-    He(We, Re, P);
-    const ne = pe ?? f("inputs.multiSelect.placeholder", "Select…"), oe = O(() => {
+    He(We, Ne, z);
+    const te = me ?? f("inputs.multiSelect.placeholder", "Select…"), se = F(() => {
       if (!p) return c;
       const e = p.toLowerCase();
-      return c.filter((t) => M ? M(p, t) : t.label.toLowerCase().includes(e));
-    }, [c, p, M]), Ce = O(
-      () => Ye(oe),
-      [oe]
-    ), Te = (e) => {
+      return c.filter((t) => O ? O(p, t) : t.label.toLowerCase().includes(e));
+    }, [c, p, O]), _e = F(
+      () => Ye(se),
+      [se]
+    ), Re = (e) => {
       var o;
       const t = e.currentTarget;
       if (e.key === "Backspace" && p === "" && r.length > 0) {
         e.preventDefault();
-        const a = r.length - 1, l = $(a).length - 1;
+        const a = r.length - 1, l = P(a).length - 1;
         l >= 0 && requestAnimationFrame(() => {
           var h;
-          (h = I.current[l]) == null || h.focus();
+          (h = w.current[l]) == null || h.focus();
         });
         return;
       }
@@ -248,7 +251,7 @@ const We = {
         if (a && e.key === "ArrowRight" || !a && e.key === "ArrowLeft") {
           e.preventDefault();
           const l = r.length - 1;
-          (o = I.current[l]) == null || o.focus();
+          (o = w.current[l]) == null || o.focus();
         }
         return;
       }
@@ -256,50 +259,50 @@ const We = {
         m(!1);
         return;
       }
-      !A && (e.key === "ArrowDown" || e.key === "Enter") && m(!0);
-    }, Ee = (e) => (t) => {
-      var d, l, h, R;
+      !C && (e.key === "ArrowDown" || e.key === "Enter") && m(!0);
+    }, Te = (e) => (t) => {
+      var d, l, h, N;
       if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
         t.preventDefault(), t.stopPropagation();
-        const D = $(e);
-        if (D.length === 0) {
+        const V = P(e);
+        if (V.length === 0) {
           requestAnimationFrame(() => {
-            var C;
-            return (C = w.current) == null ? void 0 : C.focus();
+            var _;
+            return (_ = y.current) == null ? void 0 : _.focus();
           });
           return;
         }
-        const qe = Math.min(e, D.length - 1);
+        const ze = Math.min(e, V.length - 1);
         requestAnimationFrame(() => {
-          var C;
-          (C = I.current[qe]) == null || C.focus();
+          var _;
+          (_ = w.current[ze]) == null || _.focus();
         });
         return;
       }
       const s = document.dir === "rtl", o = s ? "ArrowRight" : "ArrowLeft", a = s ? "ArrowLeft" : "ArrowRight";
       if (t.key === o) {
         t.preventDefault();
-        const D = Math.max(0, e - 1);
-        (d = I.current[D]) == null || d.focus();
+        const V = Math.max(0, e - 1);
+        (d = w.current[V]) == null || d.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();
+        t.preventDefault(), e < r.length - 1 ? (l = w.current[e + 1]) == null || l.focus() : (h = y.current) == null || h.focus();
         return;
       }
-      t.key === "Escape" && (m(!1), (R = w.current) == null || R.focus());
-    }, [V, K] = L(
+      t.key === "Escape" && (m(!1), (N = y.current) == null || N.focus());
+    }, [T, $] = K(
       Number.POSITIVE_INFINITY
     );
-    $e(() => {
-      const e = W.current;
+    je(() => {
+      const e = H.current;
       if (!e) return;
       const t = () => {
         const o = Array.from(
           e.querySelectorAll('[data-ui-chip="true"]')
         );
         if (o.length === 0) {
-          K(Number.POSITIVE_INFINITY);
+          $(Number.POSITIVE_INFINITY);
           return;
         }
         const a = o[0].offsetTop;
@@ -307,57 +310,57 @@ const We = {
         for (const l of o)
           if (l.offsetTop === a) d++;
           else break;
-        d === o.length ? K(Number.POSITIVE_INFINITY) : K(Math.max(1, d - 1));
+        d === o.length ? $(Number.POSITIVE_INFINITY) : $(Math.max(1, d - 1));
       };
       t();
       const s = new ResizeObserver(t);
       return s.observe(e), () => s.disconnect();
-    }, [r.length, T]);
-    const F = r.map((e) => ({
+    }, [r.length, R]);
+    const E = r.map((e) => ({
       value: e,
-      label: Se.get(e) ?? e
-    })), ie = V === Number.POSITIVE_INFINITY || V >= F.length, Ve = ie ? F : F.slice(0, V), ae = ie ? [] : F.slice(V), _ = ae.length, Fe = (e) => {
+      label: ke.get(e) ?? e
+    })), re = T === Number.POSITIVE_INFINITY || T >= E.length, Ee = re ? E : E.slice(0, T), ne = re ? [] : E.slice(T), A = ne.length, Ve = (e) => {
       var s;
       if (g) 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) => {
+      t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (m(!0), (s = y.current) == null || s.focus());
+    }, Fe = (e) => {
       if (g) {
         m(!1);
         return;
       }
-      m(e), e || (j(""), q == null || q(r));
-    }, Le = H || X, Oe = f("inputs.multiSelect.selected", {
+      m(e), e || (M(""), L == null || L(r));
+    }, De = Y || G, Le = f("inputs.multiSelect.selected", {
       count: r.length,
       defaultValue: `${r.length} selected`
-    }), { onClick: U, ...ze } = ge;
-    return /* @__PURE__ */ n(u, { shouldFilter: !1, label: Oe, children: /* @__PURE__ */ x(z.Root, { open: A, onOpenChange: De, children: [
-      /* @__PURE__ */ n(z.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
+    }), { onClick: B, ...Oe } = ge;
+    return /* @__PURE__ */ n(u, { shouldFilter: !1, label: Le, children: /* @__PURE__ */ x(D.Root, { open: C, onOpenChange: Fe, children: [
+      /* @__PURE__ */ n(D.Anchor, { asChild: !0, children: /* @__PURE__ */ x(
         "div",
         {
-          ref: we,
-          className: Ze({ size: T, className: ve }),
+          ref: ye,
+          className: Ze({ size: R, className: he }),
           "aria-disabled": g || void 0,
-          "aria-invalid": Z || void 0,
+          "aria-invalid": X || void 0,
           "data-component": "multi-select",
-          "data-component-id": P,
+          "data-component-id": z,
           onClick: (e) => {
-            U == null || U(e), Fe(e);
+            B == null || B(e), Ve(e);
           },
-          ...ze,
+          ...Oe,
           children: [
-            Ve.map((e, t) => (
+            Ee.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,
                   "data-ui-chip": "true",
-                  className: le({ size: T }),
-                  onKeyDown: Ee(t),
+                  className: ie({ size: R }),
+                  onKeyDown: Te(t),
                   "aria-label": e.label,
                   children: [
                     /* @__PURE__ */ n("span", { children: e.label }),
@@ -373,9 +376,9 @@ const We = {
                         }),
                         disabled: g,
                         onClick: (s) => {
-                          s.stopPropagation(), $(t), requestAnimationFrame(() => {
+                          s.stopPropagation(), P(t), requestAnimationFrame(() => {
                             var o;
-                            return (o = w.current) == null ? void 0 : o.focus();
+                            return (o = y.current) == null ? void 0 : o.focus();
                           });
                         },
                         className: et,
@@ -387,24 +390,24 @@ const We = {
                 e.value
               )
             )),
-            _ > 0 ? /* @__PURE__ */ n(
-              de,
+            A > 0 ? /* @__PURE__ */ n(
+              oe,
               {
-                label: ae.map((e) => e.label).join(", "),
+                label: ne.map((e) => e.label).join(", "),
                 delayDuration: 200,
                 children: /* @__PURE__ */ n(
                   "span",
                   {
-                    className: le({ size: T }),
+                    className: ie({ size: R }),
                     tabIndex: 0,
                     role: "button",
                     "aria-label": f("inputs.multiSelect.overflow", {
-                      count: _,
-                      defaultValue: `+${_} more`
+                      count: A,
+                      defaultValue: `+${A} more`
                     }),
                     children: /* @__PURE__ */ n("span", { children: f("inputs.multiSelect.overflow", {
-                      count: _,
-                      defaultValue: `+${_} more`
+                      count: A,
+                      defaultValue: `+${A} more`
                     }) })
                   }
                 )
@@ -413,18 +416,18 @@ const We = {
             /* @__PURE__ */ n(
               u.Input,
               {
-                ref: w,
+                ref: y,
                 value: p,
-                onValueChange: j,
-                onKeyDown: Te,
+                onValueChange: M,
+                onKeyDown: Re,
                 onFocus: () => {
                   g || m(!0);
                 },
-                placeholder: r.length === 0 ? ne : "",
-                id: ke,
+                placeholder: r.length === 0 ? te : "",
+                id: Ie,
                 "aria-describedby": xe,
-                "aria-invalid": Z || void 0,
-                "aria-required": Ie || void 0,
+                "aria-invalid": X || void 0,
+                "aria-required": we || void 0,
                 disabled: g,
                 className: [
                   "ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none",
@@ -436,8 +439,8 @@ const We = {
           ]
         }
       ) }),
-      /* @__PURE__ */ n(z.Portal, { children: /* @__PURE__ */ n(
-        z.Content,
+      /* @__PURE__ */ n(D.Portal, { children: /* @__PURE__ */ n(
+        D.Content,
         {
           onOpenAutoFocus: (e) => e.preventDefault(),
           onCloseAutoFocus: (e) => e.preventDefault(),
@@ -449,39 +452,39 @@ const We = {
             {
               role: "listbox",
               "aria-multiselectable": "true",
-              "aria-label": ne,
+              "aria-label": te,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                Le ? /* @__PURE__ */ x(u.Group, { children: [
-                  H ? /* @__PURE__ */ n(
+                De ? /* @__PURE__ */ x(u.Group, { children: [
+                  Y ? /* @__PURE__ */ n(
                     u.Item,
                     {
                       value: rt,
-                      onSelect: Ne,
-                      className: ce,
+                      onSelect: Se,
+                      className: ae,
                       children: f("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
-                  X ? /* @__PURE__ */ n(
+                  G ? /* @__PURE__ */ n(
                     u.Item,
                     {
                       value: nt,
-                      onSelect: _e,
-                      className: ce,
+                      onSelect: Ae,
+                      className: ae,
                       children: f("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") }),
-                Ce.map(({ group: e, items: t }, s) => {
+                _e.map(({ group: e, items: t }, s) => {
                   const o = t.map((a) => {
-                    const d = r.includes(a.value), l = !d && ee, h = !!a.disabled || l, R = /* @__PURE__ */ x(
+                    const d = r.includes(a.value), l = !d && J, h = !!a.disabled || l, N = /* @__PURE__ */ x(
                       u.Item,
                       {
                         value: a.value,
                         disabled: h,
                         onSelect: () => {
-                          h || Ae(a.value);
+                          h || Ce(a.value);
                         },
                         "aria-selected": d,
                         "aria-disabled": h || void 0,
@@ -505,17 +508,17 @@ const We = {
                       a.value
                     );
                     return l ? /* @__PURE__ */ n(
-                      de,
+                      oe,
                       {
                         label: f("inputs.multiSelect.maxReached", {
-                          count: b,
-                          defaultValue: `Maximum ${b} selections`
+                          count: v,
+                          defaultValue: `Maximum ${v} selections`
                         }),
                         delayDuration: 200,
-                        children: R
+                        children: N
                       },
                       a.value
-                    ) : R;
+                    ) : N;
                   });
                   return e ? /* @__PURE__ */ n(
                     u.Group,
@@ -535,11 +538,11 @@ const We = {
     ] }) });
   }
 );
-fe.displayName = "MultiSelect";
-const bt = fe;
+le.displayName = "MultiSelect";
+const yt = le;
 export {
-  bt as M,
+  yt as M,
   Ze as a,
   We as m
 };
-//# sourceMappingURL=multi-select-DooDzQIp.js.map
+//# sourceMappingURL=multi-select-CyspR5ZF.js.map

package/dist/_chunks/multi-select-CyspR5ZF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-CyspR5ZF.js","sources":["../../src/components/multi-select/multi-select.agent.ts","../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { MultiSelectHandle } from './multi-select';\n\nexport const multiSelectAgent: AgentAdapter<MultiSelectHandle> = {\n  id: 'multi-select',\n  capabilities: ['select_multiple', 'filter', 'open', 'close'],\n  state: {\n    selection: {\n      type: 'string[]',\n      description: 'Values of currently-selected options.',\n      read: (handle) => handle.getSelection(),\n    },\n    query: {\n      type: 'string',\n      description: 'Current filter query.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the option list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'read',\n      argsType: '{ values: string[] }',\n      description:\n        'Replace the current selection with the given list of values.',\n      invoke: (handle, args: { values: string[] }) => {\n        handle.setSelection(args.values);\n      },\n    },\n    clear_selection: {\n      safety: 'read',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n    apply_filter: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      description: 'Set the filter query for the option list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    open: {\n      safety: 'read',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'multi-select' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each option emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command } from 'cmdk';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { Tooltip } from '../tooltip';\nimport type { OptionShape } from '../_shared/option';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { groupOptions } from '../_shared/group-options';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_TEXT,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { multiSelectAgent } from './multi-select.agent';\n\n// MultiSelect uses `min-h-*` (not `h-*`) because the wrapper grows vertically\n// as chips wrap to additional lines. The height floor per size mirrors the\n// other inputs' fixed heights in _shared/input-surface.ts.\nconst multiSelectVariants = cva(\n  [\n    'ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full',\n    INPUT_SURFACE_CHROME,\n    'ds:aria-[invalid=true]:border-destructive',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${INPUT_SURFACE_TEXT.sm}`,\n        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${INPUT_SURFACE_TEXT.md}`,\n        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${INPUT_SURFACE_TEXT.lg}`,\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted',\n    'ds:text-foreground ds:select-none',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:ps-3 ds:pe-1.5 ds:py-1 ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst chipDismissClasses = [\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:size-4',\n  'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n  'ds:min-w-[var(--radix-popover-trigger-width)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n  'ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2',\n  'ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst commandItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none ds:select-none',\n  'ds:data-[selected=true]:bg-muted ds:data-[selected=true]:text-foreground',\n  'ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50',\n  'ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50',\n].join(' ');\n\nconst actionItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n  'ds:rounded-[var(--radius-sm)] ds:ps-2 ds:pe-2 ds:py-1.5',\n  'ds:text-[var(--font-size-sm)] ds:font-medium ds:text-primary ds:outline-none ds:select-none',\n  'ds:data-[selected=true]:bg-muted',\n].join(' ');\n\nconst SELECT_ALL_VALUE = '__ui-multiselect-select-all__';\nconst CLEAR_ALL_VALUE = '__ui-multiselect-clear-all__';\n\ntype HTMLDivAttributes = HTMLAttributes<HTMLDivElement>;\n\n// Curated agent-readiness handle — see multi-select.agent.ts.\nexport interface MultiSelectHandle {\n  getSelection: () => string[];\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setSelection: (values: string[]) => void;\n  clearSelection: () => void;\n  setQuery: (query: string) => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface MultiSelectProps<T extends string = string>\n  extends\n    Omit<HTMLDivAttributes, 'onChange'>,\n    VariantProps<typeof multiSelectVariants> {\n  options: OptionShape<T>[];\n  value?: T[];\n  defaultValue?: T[];\n  onChange?: (next: T[]) => void;\n  onComplete?: (values: T[]) => void;\n  placeholder?: string;\n  maxSelections?: number;\n  allowSelectAll?: boolean;\n  allowClear?: boolean;\n  filter?: (query: string, option: OptionShape<T>) => boolean;\n  size?: 'sm' | 'md' | 'lg';\n  disabled?: boolean;\n}\n\nconst MultiSelectImpl = forwardRef<HTMLDivElement, MultiSelectProps>(\n  function MultiSelect(\n    {\n      options,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      placeholder,\n      maxSelections,\n      allowSelectAll = false,\n      allowClear = false,\n      filter,\n      size = 'md',\n      disabled,\n      className,\n      id,\n      ...divProps\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const [currentValueRaw, setMultiSelectValue] = useControllableState<\n      string[]\n    >({\n      value,\n      defaultValue: defaultValue ?? [],\n      onChange,\n    });\n    const currentValue = currentValueRaw ?? [];\n\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const chipRefs = useRef<Array<HTMLSpanElement | null>>([]);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs<HTMLDivElement>(ref, triggerRef);\n\n    const effectiveDisabled =\n      (inFormField && ctx.disabled) || Boolean(disabled);\n    const effectiveRequired = inFormField && ctx.required;\n    const effectiveInvalid = inFormField && ctx.invalid;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n    const triggerId = id ?? (inFormField ? ctx.id : undefined);\n\n    const labelByValue = useMemo(() => {\n      const map = new Map<string, string>();\n      for (const option of options) map.set(option.value, option.label);\n      return map;\n    }, [options]);\n\n    const atCap =\n      typeof maxSelections === 'number' && currentValue.length >= maxSelections;\n\n    const commit = (next: string[]): void => {\n      setMultiSelectValue(next);\n    };\n\n    const toggle = (val: string): void => {\n      if (currentValue.includes(val)) {\n        commit(currentValue.filter((v) => v !== val));\n        return;\n      }\n      if (atCap) return;\n      commit([...currentValue, val]);\n    };\n\n    const removeAt = (index: number): string[] => {\n      const next = currentValue.filter((_, i) => i !== index);\n      commit(next);\n      return next;\n    };\n\n    const handleSelectAll = (): void => {\n      const selectable = options.filter((o) => !o.disabled).map((o) => o.value);\n      const cap =\n        typeof maxSelections === 'number' ? maxSelections : selectable.length;\n      commit(selectable.slice(0, cap));\n    };\n\n    const handleClearAll = (): void => {\n      commit([]);\n    };\n\n    // Agent handle — refs for fresh reads from the memoized handle.\n    const valueRef = useRef<string[]>(currentValue);\n    useEffect(() => {\n      valueRef.current = currentValue;\n    }, [currentValue]);\n    const queryRef = useRef<string>(query);\n    useEffect(() => {\n      queryRef.current = query;\n    }, [query]);\n    const openRef = useRef<boolean>(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const commitStable = useCallback(\n      (next: string[]) => {\n        setMultiSelectValue(next);\n      },\n      [setMultiSelectValue],\n    );\n\n    const agentHandle = useMemo<MultiSelectHandle>(\n      () => ({\n        getSelection: () => [...valueRef.current],\n        getQuery: () => queryRef.current,\n        getIsOpen: () => openRef.current,\n        setSelection: (values) => commitStable(values),\n        clearSelection: () => commitStable([]),\n        setQuery: (next) => setQuery(next),\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [commitStable],\n    );\n    useAgentRegistration(multiSelectAgent, agentHandle, id);\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.multiSelect.placeholder', 'Select…');\n\n    const filteredOptions = useMemo(() => {\n      if (!query) return options;\n      const needle = query.toLowerCase();\n      return options.filter((option) => {\n        if (filter) return filter(query, option);\n        return option.label.toLowerCase().includes(needle);\n      });\n    }, [options, query, filter]);\n\n    const groups = useMemo(\n      () => groupOptions(filteredOptions),\n      [filteredOptions],\n    );\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>): void => {\n      const target = e.currentTarget;\n      if (e.key === 'Backspace' && query === '' && currentValue.length > 0) {\n        e.preventDefault();\n        const removedIndex = currentValue.length - 1;\n        const next = removeAt(removedIndex);\n        const newLast = next.length - 1;\n        if (newLast >= 0) {\n          requestAnimationFrame(() => {\n            chipRefs.current[newLast]?.focus();\n          });\n        }\n        return;\n      }\n      const caretAtStart =\n        target.selectionStart === 0 && target.selectionEnd === 0;\n      if (\n        (e.key === 'ArrowLeft' || e.key === 'ArrowRight') &&\n        caretAtStart &&\n        currentValue.length > 0\n      ) {\n        const isRTL = document.dir === 'rtl' || target.dir === 'rtl';\n        const shouldNavigate =\n          (isRTL && e.key === 'ArrowRight') ||\n          (!isRTL && e.key === 'ArrowLeft');\n        if (shouldNavigate) {\n          e.preventDefault();\n          const lastIdx = currentValue.length - 1;\n          chipRefs.current[lastIdx]?.focus();\n        }\n        return;\n      }\n      if (e.key === 'Escape') {\n        setOpen(false);\n        return;\n      }\n      if (!open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n        setOpen(true);\n      }\n    };\n\n    const handleChipKeyDown =\n      (index: number) =>\n      (e: KeyboardEvent<HTMLSpanElement>): void => {\n        if (\n          e.key === 'Backspace' ||\n          e.key === 'Delete' ||\n          e.key === 'Enter' ||\n          e.key === ' '\n        ) {\n          e.preventDefault();\n          e.stopPropagation();\n          const next = removeAt(index);\n          if (next.length === 0) {\n            requestAnimationFrame(() => inputRef.current?.focus());\n            return;\n          }\n          const focusIdx = Math.min(index, next.length - 1);\n          requestAnimationFrame(() => {\n            chipRefs.current[focusIdx]?.focus();\n          });\n          return;\n        }\n        const isRTL = document.dir === 'rtl';\n        const prevKey = isRTL ? 'ArrowRight' : 'ArrowLeft';\n        const nextKey = isRTL ? 'ArrowLeft' : 'ArrowRight';\n        if (e.key === prevKey) {\n          e.preventDefault();\n          const newIdx = Math.max(0, index - 1);\n          chipRefs.current[newIdx]?.focus();\n          return;\n        }\n        if (e.key === nextKey) {\n          e.preventDefault();\n          if (index < currentValue.length - 1) {\n            chipRefs.current[index + 1]?.focus();\n          } else {\n            inputRef.current?.focus();\n          }\n          return;\n        }\n        if (e.key === 'Escape') {\n          setOpen(false);\n          inputRef.current?.focus();\n        }\n      };\n\n    // ----- Chip overflow measurement -----\n    const [visibleCount, setVisibleCount] = useState<number>(\n      Number.POSITIVE_INFINITY,\n    );\n\n    useLayoutEffect(() => {\n      const el = triggerRef.current;\n      if (!el) return;\n\n      const measure = (): void => {\n        const chipEls = Array.from(\n          el.querySelectorAll<HTMLElement>('[data-ui-chip=\"true\"]'),\n        );\n        if (chipEls.length === 0) {\n          setVisibleCount(Number.POSITIVE_INFINITY);\n          return;\n        }\n        const firstTop = chipEls[0].offsetTop;\n        let firstRowCount = 0;\n        for (const chip of chipEls) {\n          if (chip.offsetTop === firstTop) firstRowCount++;\n          else break;\n        }\n        if (firstRowCount === chipEls.length) {\n          setVisibleCount(Number.POSITIVE_INFINITY);\n        } else {\n          setVisibleCount(Math.max(1, firstRowCount - 1));\n        }\n      };\n\n      measure();\n      const ro = new ResizeObserver(measure);\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, [currentValue.length, size]);\n\n    const chips = currentValue.map((val) => ({\n      value: val,\n      label: labelByValue.get(val) ?? val,\n    }));\n\n    const showAllChips =\n      visibleCount === Number.POSITIVE_INFINITY || visibleCount >= chips.length;\n    const visibleChips = showAllChips ? chips : chips.slice(0, visibleCount);\n    const overflowChips = showAllChips ? [] : chips.slice(visibleCount);\n    const overflowCount = overflowChips.length;\n\n    const handleTriggerClick = (event: MouseEvent<HTMLDivElement>): void => {\n      if (effectiveDisabled) return;\n      // Ignore clicks on chips/buttons so they can manage their own focus.\n      const target = event.target as HTMLElement;\n      if (target.closest('[data-ui-chip=\"true\"]')) return;\n      if (target.closest('[data-ui-chip-dismiss=\"true\"]')) return;\n      setOpen(true);\n      inputRef.current?.focus();\n    };\n\n    const handleOpenChange = (next: boolean): void => {\n      if (effectiveDisabled) {\n        setOpen(false);\n        return;\n      }\n      setOpen(next);\n      if (!next) {\n        setQuery('');\n        onComplete?.(currentValue);\n      }\n    };\n\n    const hasActionRow = allowSelectAll || allowClear;\n\n    const counterMessage = t('inputs.multiSelect.selected', {\n      count: currentValue.length,\n      defaultValue: `${currentValue.length} selected`,\n    });\n\n    const { onClick: onClickProp, ...restDivProps } = divProps;\n\n    return (\n      <Command shouldFilter={false} label={counterMessage}>\n        <Popover.Root open={open} onOpenChange={handleOpenChange}>\n          <Popover.Anchor asChild>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- compound input shell; keyboard handling lives on the inner searchable input which is always rendered */}\n            <div\n              ref={composedRef}\n              className={multiSelectVariants({ size, className })}\n              aria-disabled={effectiveDisabled || undefined}\n              aria-invalid={effectiveInvalid || undefined}\n              data-component=\"multi-select\"\n              data-component-id={id}\n              onClick={(event) => {\n                onClickProp?.(event);\n                handleTriggerClick(event);\n              }}\n              {...restDivProps}\n            >\n              {visibleChips.map((chip, idx) => (\n                // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- chip pill receives focus via roving tabindex; chip removal uses an inner button\n                <span\n                  key={chip.value}\n                  ref={(el) => {\n                    chipRefs.current[idx] = el;\n                  }}\n                  tabIndex={effectiveDisabled ? -1 : 0}\n                  data-ui-chip=\"true\"\n                  className={chipVariants({ size })}\n                  onKeyDown={handleChipKeyDown(idx)}\n                  aria-label={chip.label}\n                >\n                  <span>{chip.label}</span>\n                  <button\n                    type=\"button\"\n                    tabIndex={-1}\n                    data-ui-chip-dismiss=\"true\"\n                    aria-label={t('inputs.multiSelect.remove', {\n                      label: chip.label,\n                      defaultValue: `Remove ${chip.label}`,\n                    })}\n                    disabled={effectiveDisabled}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      removeAt(idx);\n                      requestAnimationFrame(() => inputRef.current?.focus());\n                    }}\n                    className={chipDismissClasses}\n                  >\n                    <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n                  </button>\n                </span>\n              ))}\n              {overflowCount > 0 ? (\n                <Tooltip\n                  label={overflowChips.map((c) => c.label).join(', ')}\n                  delayDuration={200}\n                >\n                  <span\n                    className={chipVariants({ size })}\n                    tabIndex={0}\n                    role=\"button\"\n                    aria-label={t('inputs.multiSelect.overflow', {\n                      count: overflowCount,\n                      defaultValue: `+${overflowCount} more`,\n                    })}\n                  >\n                    <span>\n                      {t('inputs.multiSelect.overflow', {\n                        count: overflowCount,\n                        defaultValue: `+${overflowCount} more`,\n                      })}\n                    </span>\n                  </span>\n                </Tooltip>\n              ) : null}\n              <Command.Input\n                ref={inputRef}\n                value={query}\n                onValueChange={setQuery}\n                onKeyDown={handleInputKeyDown}\n                onFocus={() => {\n                  if (!effectiveDisabled) setOpen(true);\n                }}\n                placeholder={\n                  currentValue.length === 0 ? resolvedPlaceholder : ''\n                }\n                id={triggerId}\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                aria-required={effectiveRequired || undefined}\n                disabled={effectiveDisabled}\n                className={[\n                  'ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none',\n                  'ds:placeholder:text-muted-foreground ds:text-start',\n                  'ds:disabled:cursor-not-allowed',\n                ].join(' ')}\n              />\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal>\n            <Popover.Content\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onCloseAutoFocus={(e) => e.preventDefault()}\n              align=\"start\"\n              sideOffset={4}\n              className={popoverContentClasses}\n            >\n              <Command.List\n                role=\"listbox\"\n                aria-multiselectable=\"true\"\n                aria-label={resolvedPlaceholder}\n                className=\"ds:max-h-[20rem] ds:overflow-y-auto ds:p-1\"\n              >\n                {hasActionRow ? (\n                  <Command.Group>\n                    {allowSelectAll ? (\n                      <Command.Item\n                        value={SELECT_ALL_VALUE}\n                        onSelect={handleSelectAll}\n                        className={actionItemClasses}\n                      >\n                        {t('inputs.multiSelect.selectAll', 'Select all')}\n                      </Command.Item>\n                    ) : null}\n                    {allowClear ? (\n                      <Command.Item\n                        value={CLEAR_ALL_VALUE}\n                        onSelect={handleClearAll}\n                        className={actionItemClasses}\n                      >\n                        {t('inputs.multiSelect.clearAll', 'Clear all')}\n                      </Command.Item>\n                    ) : null}\n                  </Command.Group>\n                ) : null}\n                <Command.Empty className=\"ds:ps-2 ds:pe-2 ds:py-2 type-body-sm ds:text-muted-foreground\">\n                  {t('inputs.multiSelect.noOptions', 'No options found')}\n                </Command.Empty>\n                {groups.map(({ group, items }, gi) => {\n                  const body = items.map((option) => {\n                    const isSelected = currentValue.includes(option.value);\n                    const isCapped = !isSelected && atCap;\n                    const isDisabled = Boolean(option.disabled) || isCapped;\n                    const item = (\n                      <Command.Item\n                        key={option.value}\n                        value={option.value}\n                        disabled={isDisabled}\n                        onSelect={() => {\n                          if (isDisabled) return;\n                          toggle(option.value);\n                        }}\n                        aria-selected={isSelected}\n                        aria-disabled={isDisabled || undefined}\n                        className={commandItemClasses}\n                      >\n                        <span\n                          className={[\n                            'ds:inline-flex ds:items-center ds:justify-center ds:me-2 ds:shrink-0',\n                            'ds:size-4 ds:rounded-[var(--radius-sm)] ds:border ds:border-border',\n                            isSelected\n                              ? 'ds:bg-primary ds:border-primary ds:text-primary-foreground'\n                              : 'ds:bg-background',\n                          ].join(' ')}\n                          aria-hidden=\"true\"\n                        >\n                          {isSelected ? (\n                            <Check className=\"ds:size-3.5\" />\n                          ) : null}\n                        </span>\n                        <span className=\"ds:flex-1 ds:text-start\">\n                          {option.label}\n                        </span>\n                      </Command.Item>\n                    );\n                    if (isCapped) {\n                      return (\n                        <Tooltip\n                          key={option.value}\n                          label={t('inputs.multiSelect.maxReached', {\n                            count: maxSelections,\n                            defaultValue: `Maximum ${maxSelections} selections`,\n                          })}\n                          delayDuration={200}\n                        >\n                          {item}\n                        </Tooltip>\n                      );\n                    }\n                    return item;\n                  });\n                  if (!group) {\n                    return (\n                      <Command.Group key={`group-${gi}`}>{body}</Command.Group>\n                    );\n                  }\n                  return (\n                    <Command.Group\n                      key={`group-${group}`}\n                      heading={group}\n                      className=\"ds:[&_[cmdk-group-heading]]:ps-2 ds:[&_[cmdk-group-heading]]:pe-2 ds:[&_[cmdk-group-heading]]:py-1 ds:[&_[cmdk-group-heading]]:type-eyebrow ds:[&_[cmdk-group-heading]]:text-muted-foreground\"\n                    >\n                      {body}\n                    </Command.Group>\n                  );\n                })}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Command>\n    );\n  },\n);\nMultiSelectImpl.displayName = 'MultiSelect';\n\ninterface MultiSelectComponent {\n  <T extends string = string>(\n    props: MultiSelectProps<T> & { ref?: Ref<HTMLDivElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\nexport const MultiSelect = MultiSelectImpl as unknown as MultiSelectComponent;\n\nexport { multiSelectVariants };\n"],"names":["multiSelectAgent","handle","args","multiSelectVariants","cva","INPUT_SURFACE_CHROME","INPUT_SURFACE_TEXT","chipVariants","chipDismissClasses","popoverContentClasses","commandItemClasses","actionItemClasses","SELECT_ALL_VALUE","CLEAR_ALL_VALUE","MultiSelectImpl","forwardRef","options","value","defaultValue","onChange","onComplete","placeholder","maxSelections","allowSelectAll","allowClear","filter","size","disabled","className","id","divProps","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","currentValueRaw","setMultiSelectValue","useControllableState","currentValue","open","setOpen","useState","query","setQuery","inputRef","useRef","chipRefs","triggerRef","composedRef","composeRefs","effectiveDisabled","effectiveRequired","effectiveInvalid","describedBy","triggerId","labelByValue","useMemo","map","option","atCap","commit","next","toggle","val","v","removeAt","index","_","i","handleSelectAll","selectable","o","cap","handleClearAll","valueRef","useEffect","queryRef","openRef","commitStable","useCallback","agentHandle","values","useAgentRegistration","resolvedPlaceholder","filteredOptions","needle","groups","groupOptions","handleInputKeyDown","target","removedIndex","newLast","_a","caretAtStart","isRTL","lastIdx","handleChipKeyDown","e","focusIdx","prevKey","nextKey","newIdx","_b","_c","_d","visibleCount","setVisibleCount","useLayoutEffect","el","measure","chipEls","firstTop","firstRowCount","chip","ro","chips","showAllChips","visibleChips","overflowChips","overflowCount","handleTriggerClick","event","handleOpenChange","hasActionRow","counterMessage","onClickProp","restDivProps","jsx","Command","jsxs","Popover","idx","X","Tooltip","c","group","items","gi","body","isSelected","isCapped","isDisabled","item","Check","MultiSelect"],"mappings":"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"}