@alfadocs/ui-kit 0.97.2 → 0.98.1

package/dist/_chunks/{multi-select-D5QLBJM1.js → multi-select-CC52Qws6.js}

@@ -1,20 +1,20 @@
-import { jsx as r, jsxs as w } from "react/jsx-runtime";
-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 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 ie } 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-DvAUVLHh.js";
-import { X as Je } from "./x-B5YnXwCz.js";
-import { C as We } from "./check-DrFSN__t.js";
-const Ze = {
+import { jsx as n, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as Ue, useContext as Qe, useState as q, useRef as v, useMemo as O, useEffect as Y, useCallback as le } from "react";
+import * as D from "@radix-ui/react-popover";
+import { _ as c } from "./index-4xgbg-sn.js";
+import { c as pe } from "./index-D2ZczOXr.js";
+import { useTranslation as Ye } from "react-i18next";
+import { u as Ge, F as He } from "./form-field-context-B3APVHKx.js";
+import { T as de } from "./tooltip-DvmfrNvB.js";
+import { c as We } from "./compose-refs-C0k0tdqF.js";
+import { u as Xe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as G } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { g as Je } from "./group-options-BvKhQ3xb.js";
+import { b as H, c as Ze } from "./input-surface-xyERuLU_.js";
+import { u as et } from "./registry-DvAUVLHh.js";
+import { X as tt } from "./x-B5YnXwCz.js";
+import { C as st } from "./check-DrFSN__t.js";
+const rt = {
   id: "multi-select",
   // Persisted multi-choice (selection state + set_selection) → select_multiple,
   // plus type-to-filter and open/close of the option list.
@@ -64,8 +64,8 @@ const Ze = {
           note: 'Select exactly options "a" and "b".'
         }
       ],
-      invoke: (a, c) => {
-        a.setSelection(c.values);
+      invoke: (a, l) => {
+        a.setSelection(l.values);
       }
     },
     clear_selection: {
@@ -92,8 +92,8 @@ const Ze = {
       idempotent: !0,
       descriptionKey: "ui.agent.multiSelect.actions.applyFilter",
       description: "Set the filter query for the option list.",
-      invoke: (a, c) => {
-        a.setQuery(c.query);
+      invoke: (a, l) => {
+        a.setQuery(l.query);
       }
     },
     open: {
@@ -127,24 +127,24 @@ const Ze = {
       description: "Each option emits its value as data-option-id."
     }
   }
-}, et = le(
+}, nt = pe(
   [
     "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
-    He,
+    Ze,
     "ds:aria-[invalid=true]:border-destructive",
     "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50"
   ],
   {
     variants: {
       size: {
-        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${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}`
+        sm: `ds:min-h-8 ds:ps-2 ds:pe-2 ds:py-1 ${H.sm}`,
+        md: `ds:min-h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:py-1.5 ${H.md}`,
+        lg: `ds:min-h-12 ds:ps-4 ds:pe-4 ds:py-2 ${H.lg}`
       }
     },
     defaultVariants: { size: "md" }
   }
-), oe = le(
+), ce = pe(
   [
     "ds:inline-flex ds:items-center ds:gap-1",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
@@ -164,7 +164,7 @@ const Ze = {
     },
     defaultVariants: { size: "md" }
   }
-), tt = [
+), it = [
   "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",
@@ -173,7 +173,7 @@ const Ze = {
   "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(" "), st = [
+].join(" "), ot = [
   "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
   "ds:min-w-[var(--radix-popover-trigger-width)]",
   "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
@@ -184,34 +184,34 @@ const Ze = {
   "ds:data-[side=bottom]:slide-in-from-top-2",
   "ds:data-[side=top]:slide-in-from-bottom-2",
   "ds:motion-reduce:animate-none"
-].join(" "), rt = [
+].join(" "), at = [
   "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",
   "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(" "), ae = [
+].join(" "), ue = [
   "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(" "), nt = "__ui-multiselect-select-all__", it = "__ui-multiselect-clear-all__", de = Ke(
+].join(" "), lt = "__ui-multiselect-select-all__", dt = "__ui-multiselect-clear-all__", me = Ue(
   function({
-    options: c,
-    value: ce,
-    defaultValue: ue,
-    onChange: pe,
-    onComplete: O,
-    placeholder: me,
-    maxSelections: v,
-    allowSelectAll: Y = !1,
-    allowClear: G = !1,
-    filter: D,
+    options: l,
+    value: fe,
+    defaultValue: he,
+    onChange: ge,
+    onComplete: L,
+    placeholder: ve,
+    maxSelections: b,
+    allowSelectAll: W = !1,
+    allowClear: X = !1,
+    filter: z,
     size: R = "md",
-    disabled: fe,
-    className: ge,
-    id: L,
+    disabled: be,
+    className: ye,
+    id: M,
     // 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
@@ -220,221 +220,233 @@ 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": he,
-    ...ve
-  }, be) {
-    const { t: p } = Pe(), b = $e(), y = Me(Be) !== null, [ye, z] = Qe({
-      value: ce,
-      defaultValue: ue ?? [],
-      onChange: pe
-    }), n = ye ?? [], [k, m] = B(!1), [f, K] = B(""), S = I(null), x = I([]), H = I(null), Se = Ue(be, H), h = y && b.disabled || !!fe, xe = y && b.required, X = y && b.invalid, we = y && b.describedBy ? b.describedBy : void 0, Ie = L ?? (y ? b.id : void 0), ke = V(() => {
+    "aria-label": Se,
+    ...xe
+  }, Ie) {
+    const { t: u } = Ye(), y = Ge(), S = Qe(He) !== null, [we, K] = Xe({
+      value: fe,
+      defaultValue: he ?? [],
+      onChange: ge
+    }), i = we ?? [], [N, p] = q(!1), [m, j] = q(""), x = v(null), I = v([]), P = v(null), Ne = We(Ie, P), g = S && y.disabled || !!be, ke = S && y.required, J = S && y.invalid, Ce = S && y.describedBy ? y.describedBy : void 0, Ae = M ?? (S ? y.id : void 0), _e = O(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const t of c) e.set(t.value, t.label);
+      for (const t of l) e.set(t.value, t.label);
       return e;
-    }, [c]), J = typeof v == "number" && n.length >= v, C = (e) => {
-      z(e);
-    }, Ce = (e) => {
-      if (n.includes(e)) {
-        C(n.filter((t) => t !== e));
+    }, [l]), Z = typeof b == "number" && i.length >= b, k = (e) => {
+      K(e);
+    }, Re = (e) => {
+      if (i.includes(e)) {
+        k(i.filter((t) => t !== e));
         return;
       }
-      J || C([...n, e]);
-    }, M = (e) => {
-      const t = n.filter((s, o) => o !== e);
-      return C(t), t;
-    }, Ae = () => {
-      const e = c.filter((s) => !s.disabled).map((s) => s.value), t = typeof v == "number" ? v : e.length;
-      C(e.slice(0, t));
-    }, Ne = () => {
-      C([]);
-    }, W = I(n);
-    U(() => {
-      W.current = n;
-    }, [n]);
-    const Z = I(f);
-    U(() => {
-      Z.current = f;
-    }, [f]);
-    const ee = I(k);
-    U(() => {
-      ee.current = k;
-    }, [k]);
-    const j = je(
+      Z || k([...i, e]);
+    }, $ = (e) => {
+      const t = i.filter((s, o) => o !== e);
+      return k(t), t;
+    }, Te = () => {
+      const e = l.filter((s) => !s.disabled).map((s) => s.value), t = typeof b == "number" ? b : e.length;
+      k(e.slice(0, t));
+    }, Ee = () => {
+      k([]);
+    }, ee = v(i);
+    Y(() => {
+      ee.current = i;
+    }, [i]);
+    const te = v(m);
+    Y(() => {
+      te.current = m;
+    }, [m]);
+    const se = v(N);
+    Y(() => {
+      se.current = N;
+    }, [N]);
+    const B = le(
       (e) => {
-        z(e);
+        K(e);
       },
-      [z]
-    ), _e = V(
+      [K]
+    ), Fe = O(
       () => ({
-        getSelection: () => [...W.current],
-        getQuery: () => Z.current,
-        getIsOpen: () => ee.current,
-        setSelection: (e) => j(e),
-        clearSelection: () => j([]),
-        setQuery: (e) => K(e),
-        open: () => m(!0),
-        close: () => m(!1)
+        getSelection: () => [...ee.current],
+        getQuery: () => te.current,
+        getIsOpen: () => se.current,
+        setSelection: (e) => B(e),
+        clearSelection: () => B([]),
+        setQuery: (e) => j(e),
+        open: () => p(!0),
+        close: () => p(!1)
       }),
-      [j]
+      [B]
     );
-    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) => {
+    et(rt, Fe, M);
+    const re = ve ?? u("inputs.multiSelect.placeholder", "Select…"), ne = O(() => {
+      if (!m) return l;
+      const e = m.toLowerCase();
+      return l.filter((t) => z ? z(m, t) : t.label.toLowerCase().includes(e));
+    }, [l, m, z]), Ve = O(
+      () => Je(ne),
+      [ne]
+    ), qe = (e) => {
       var o;
       const t = e.currentTarget;
-      if (e.key === "Backspace" && f === "" && n.length > 0) {
+      if (e.key === "Backspace" && m === "" && i.length > 0) {
         e.preventDefault();
-        const i = n.length - 1, d = M(i).length - 1;
+        const r = i.length - 1, d = $(r).length - 1;
         d >= 0 && requestAnimationFrame(() => {
-          var g;
-          (g = x.current[d]) == null || g.focus();
+          var h;
+          (h = I.current[d]) == null || h.focus();
         });
         return;
       }
       const s = t.selectionStart === 0 && t.selectionEnd === 0;
-      if ((e.key === "ArrowLeft" || e.key === "ArrowRight") && s && n.length > 0) {
-        const i = document.dir === "rtl" || t.dir === "rtl";
-        if (i && e.key === "ArrowRight" || !i && e.key === "ArrowLeft") {
+      if ((e.key === "ArrowLeft" || e.key === "ArrowRight") && s && i.length > 0) {
+        const r = document.dir === "rtl" || t.dir === "rtl";
+        if (r && e.key === "ArrowRight" || !r && e.key === "ArrowLeft") {
           e.preventDefault();
-          const d = n.length - 1;
-          (o = x.current[d]) == null || o.focus();
+          const d = i.length - 1;
+          (o = I.current[d]) == null || o.focus();
         }
         return;
       }
       if (e.key === "Escape") {
-        m(!1);
+        p(!1);
         return;
       }
-      !k && (e.key === "ArrowDown" || e.key === "Enter") && m(!0);
-    }, Ee = (e) => (t) => {
-      var l, d, g, N;
+      !N && (e.key === "ArrowDown" || e.key === "Enter") && p(!0);
+    }, Oe = (e) => (t) => {
+      var f, d, h, A;
       if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
         t.preventDefault(), t.stopPropagation();
-        const F = M(e);
-        if (F.length === 0) {
+        const V = $(e);
+        if (V.length === 0) {
           requestAnimationFrame(() => {
             var _;
-            return (_ = S.current) == null ? void 0 : _.focus();
+            return (_ = x.current) == null ? void 0 : _.focus();
           });
           return;
         }
-        const ze = Math.min(e, F.length - 1);
+        const Be = Math.min(e, V.length - 1);
         requestAnimationFrame(() => {
           var _;
-          (_ = x.current[ze]) == null || _.focus();
+          (_ = I.current[Be]) == null || _.focus();
         });
         return;
       }
-      const s = document.dir === "rtl", o = s ? "ArrowRight" : "ArrowLeft", i = s ? "ArrowLeft" : "ArrowRight";
+      const s = document.dir === "rtl", o = s ? "ArrowRight" : "ArrowLeft", r = s ? "ArrowLeft" : "ArrowRight";
       if (t.key === o) {
         t.preventDefault();
-        const F = Math.max(0, e - 1);
-        (l = x.current[F]) == null || l.focus();
+        const V = Math.max(0, e - 1);
+        (f = I.current[V]) == null || f.focus();
         return;
       }
-      if (t.key === i) {
-        t.preventDefault(), e < n.length - 1 ? (d = x.current[e + 1]) == null || d.focus() : (g = S.current) == null || g.focus();
+      if (t.key === r) {
+        t.preventDefault(), e < i.length - 1 ? (d = I.current[e + 1]) == null || d.focus() : (h = x.current) == null || h.focus();
         return;
       }
-      t.key === "Escape" && (m(!1), (N = S.current) == null || N.focus());
-    }, [T, P] = B(
+      t.key === "Escape" && (p(!1), (A = x.current) == null || A.focus());
+    }, [T, U] = q(
       Number.POSITIVE_INFINITY
-    );
-    Ye(() => {
-      const e = H.current;
+    ), [De, Le] = q(0), ie = v(-1), E = le(() => {
+      U(Number.POSITIVE_INFINITY), Le((e) => e + 1);
+    }, []);
+    G(() => {
+      const e = P.current;
       if (!e) return;
-      const t = () => {
-        const o = Array.from(
-          e.querySelectorAll('[data-ui-chip="true"]')
+      const t = Array.from(
+        e.querySelectorAll('[data-ui-chip="true"]')
+      );
+      if (t.length === 0) {
+        U(Number.POSITIVE_INFINITY);
+        return;
+      }
+      const s = t[0].offsetTop;
+      let o = 0;
+      for (const r of t)
+        if (r.offsetTop === s) o++;
+        else break;
+      U(
+        o === t.length ? Number.POSITIVE_INFINITY : Math.max(1, o - 1)
+      );
+    }, [De]), G(() => {
+      E();
+    }, [i.length, R, E]), G(() => {
+      const e = P.current;
+      if (!e) return;
+      const t = new ResizeObserver((s) => {
+        var r;
+        const o = Math.round(
+          ((r = s[0]) == null ? void 0 : r.contentRect.width) ?? e.clientWidth
         );
-        if (o.length === 0) {
-          P(Number.POSITIVE_INFINITY);
-          return;
-        }
-        const i = o[0].offsetTop;
-        let l = 0;
-        for (const d of o)
-          if (d.offsetTop === i) l++;
-          else break;
-        l === o.length ? P(Number.POSITIVE_INFINITY) : P(Math.max(1, l - 1));
-      };
-      t();
-      const s = new ResizeObserver(t);
-      return s.observe(e), () => s.disconnect();
-    }, [n.length, R]);
-    const E = n.map((e) => ({
+        o !== ie.current && (ie.current = o, E());
+      });
+      return t.observe(e), () => t.disconnect();
+    }, [E]);
+    const F = i.map((e) => ({
       value: 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) => {
+      label: _e.get(e) ?? e
+    })), oe = T === Number.POSITIVE_INFINITY || T >= F.length, ze = oe ? F : F.slice(0, T), ae = oe ? [] : F.slice(T), C = ae.length, Me = (e) => {
       var s;
-      if (h) return;
+      if (g) return;
       const t = e.target;
-      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);
+      t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (p(!0), (s = x.current) == null || s.focus());
+    }, Ke = (e) => {
+      if (g) {
+        p(!1);
         return;
       }
-      m(e), e || (K(""), O == null || O(n));
-    }, Oe = Y || G, De = p("inputs.multiSelect.selected", {
-      count: n.length,
-      defaultValue: `${n.length} selected`
-    }), { onClick: $, ...Le } = ve;
-    return /* @__PURE__ */ r(u, { shouldFilter: !1, label: De, children: /* @__PURE__ */ w(q.Root, { open: k, onOpenChange: qe, children: [
-      /* @__PURE__ */ r(q.Anchor, { asChild: !0, children: /* @__PURE__ */ w(
+      p(e), e || (j(""), L == null || L(i));
+    }, je = W || X, Pe = u("inputs.multiSelect.selected", {
+      count: i.length,
+      defaultValue: `${i.length} selected`
+    }), { onClick: Q, ...$e } = xe;
+    return /* @__PURE__ */ n(c, { shouldFilter: !1, label: Pe, children: /* @__PURE__ */ w(D.Root, { open: N, onOpenChange: Ke, children: [
+      /* @__PURE__ */ n(D.Anchor, { asChild: !0, children: /* @__PURE__ */ w(
         "div",
         {
-          ref: Se,
-          className: et({ size: R, className: ge }),
-          "aria-disabled": h || void 0,
-          "aria-invalid": X || void 0,
+          ref: Ne,
+          className: nt({ size: R, className: ye }),
+          "aria-disabled": g || void 0,
+          "aria-invalid": J || void 0,
           "data-component": "multi-select",
-          "data-component-id": L,
+          "data-component-id": M,
           onClick: (e) => {
-            $ == null || $(e), Ve(e);
+            Q == null || Q(e), Me(e);
           },
-          ...Le,
+          ...$e,
           children: [
-            Fe.map((e, t) => (
+            ze.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__ */ w(
                 "span",
                 {
                   ref: (s) => {
-                    x.current[t] = s;
+                    I.current[t] = s;
                   },
-                  tabIndex: h ? -1 : 0,
+                  tabIndex: g ? -1 : 0,
                   "data-ui-chip": "true",
-                  className: oe({ size: R }),
-                  onKeyDown: Ee(t),
+                  className: ce({ size: R }),
+                  onKeyDown: Oe(t),
                   "aria-label": e.label,
                   children: [
-                    /* @__PURE__ */ r("span", { children: e.label }),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ n("span", { children: e.label }),
+                    /* @__PURE__ */ n(
                       "button",
                       {
                         type: "button",
                         tabIndex: -1,
                         "data-ui-chip-dismiss": "true",
-                        "aria-label": p("inputs.multiSelect.remove", {
+                        "aria-label": u("inputs.multiSelect.remove", {
                           label: e.label,
                           defaultValue: `Remove ${e.label}`
                         }),
-                        disabled: h,
+                        disabled: g,
                         onClick: (s) => {
-                          s.stopPropagation(), M(t), requestAnimationFrame(() => {
+                          s.stopPropagation(), $(t), requestAnimationFrame(() => {
                             var o;
-                            return (o = S.current) == null ? void 0 : o.focus();
+                            return (o = x.current) == null ? void 0 : o.focus();
                           });
                         },
-                        className: tt,
-                        children: /* @__PURE__ */ r(Je, { "aria-hidden": "true", className: "ds:size-3.5" })
+                        className: it,
+                        children: /* @__PURE__ */ n(tt, { "aria-hidden": "true", className: "ds:size-3.5" })
                       }
                     )
                   ]
@@ -442,46 +454,46 @@ const Ze = {
                 e.value
               )
             )),
-            A > 0 ? /* @__PURE__ */ r(
-              ie,
+            C > 0 ? /* @__PURE__ */ n(
+              de,
               {
-                label: ne.map((e) => e.label).join(", "),
+                label: ae.map((e) => e.label).join(", "),
                 delayDuration: 200,
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ n(
                   "span",
                   {
-                    className: oe({ size: R }),
+                    className: ce({ size: R }),
                     tabIndex: 0,
                     role: "button",
-                    "aria-label": p("inputs.multiSelect.overflow", {
-                      count: A,
-                      defaultValue: `+${A} more`
+                    "aria-label": u("inputs.multiSelect.overflow", {
+                      count: C,
+                      defaultValue: `+${C} more`
                     }),
-                    children: /* @__PURE__ */ r("span", { children: p("inputs.multiSelect.overflow", {
-                      count: A,
-                      defaultValue: `+${A} more`
+                    children: /* @__PURE__ */ n("span", { children: u("inputs.multiSelect.overflow", {
+                      count: C,
+                      defaultValue: `+${C} more`
                     }) })
                   }
                 )
               }
             ) : null,
-            /* @__PURE__ */ r(
-              u.Input,
+            /* @__PURE__ */ n(
+              c.Input,
               {
-                ref: S,
-                value: f,
-                onValueChange: K,
-                onKeyDown: Te,
+                ref: x,
+                value: m,
+                onValueChange: j,
+                onKeyDown: qe,
                 onFocus: () => {
-                  h || m(!0);
+                  g || p(!0);
                 },
-                placeholder: n.length === 0 ? te : "",
-                id: Ie,
-                "aria-label": y ? void 0 : he,
-                "aria-describedby": we,
-                "aria-invalid": X || void 0,
-                "aria-required": xe || void 0,
-                disabled: h,
+                placeholder: i.length === 0 ? re : "",
+                id: Ae,
+                "aria-label": S ? void 0 : Se,
+                "aria-describedby": Ce,
+                "aria-invalid": J || void 0,
+                "aria-required": ke || void 0,
+                disabled: g,
                 className: [
                   "ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none",
                   "ds:placeholder:text-muted-foreground ds:text-start",
@@ -492,109 +504,109 @@ const Ze = {
           ]
         }
       ) }),
-      /* @__PURE__ */ r(q.Portal, { children: /* @__PURE__ */ r(
-        q.Content,
+      /* @__PURE__ */ n(D.Portal, { children: /* @__PURE__ */ n(
+        D.Content,
         {
           onOpenAutoFocus: (e) => e.preventDefault(),
           onCloseAutoFocus: (e) => e.preventDefault(),
           align: "start",
           sideOffset: 4,
-          className: st,
+          className: ot,
           children: /* @__PURE__ */ w(
-            u.List,
+            c.List,
             {
               role: "listbox",
               "aria-multiselectable": "true",
-              "aria-label": te,
+              "aria-label": re,
               className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
               children: [
-                Oe ? /* @__PURE__ */ w(u.Group, { children: [
-                  Y ? /* @__PURE__ */ r(
-                    u.Item,
+                je ? /* @__PURE__ */ w(c.Group, { children: [
+                  W ? /* @__PURE__ */ n(
+                    c.Item,
                     {
-                      value: nt,
-                      onSelect: Ae,
-                      className: ae,
-                      children: p("inputs.multiSelect.selectAll", "Select all")
+                      value: lt,
+                      onSelect: Te,
+                      className: ue,
+                      children: u("inputs.multiSelect.selectAll", "Select all")
                     }
                   ) : null,
-                  G ? /* @__PURE__ */ r(
-                    u.Item,
+                  X ? /* @__PURE__ */ n(
+                    c.Item,
                     {
-                      value: it,
-                      onSelect: Ne,
-                      className: ae,
-                      children: p("inputs.multiSelect.clearAll", "Clear all")
+                      value: dt,
+                      onSelect: Ee,
+                      className: ue,
+                      children: u("inputs.multiSelect.clearAll", "Clear all")
                     }
                   ) : null
                 ] }) : null,
-                /* @__PURE__ */ r(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((i) => {
-                    const l = n.includes(i.value), d = !l && J, g = !!i.disabled || d, N = /* @__PURE__ */ w(
-                      u.Item,
+                /* @__PURE__ */ n(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") }),
+                Ve.map(({ group: e, items: t }, s) => {
+                  const o = t.map((r) => {
+                    const f = i.includes(r.value), d = !f && Z, h = !!r.disabled || d, A = /* @__PURE__ */ w(
+                      c.Item,
                       {
-                        value: i.value,
-                        "data-option-id": i.value,
-                        disabled: g,
+                        value: r.value,
+                        "data-option-id": r.value,
+                        disabled: h,
                         onSelect: () => {
-                          g || Ce(i.value);
+                          h || Re(r.value);
                         },
-                        "aria-selected": l,
-                        "aria-disabled": g || void 0,
-                        className: rt,
+                        "aria-selected": f,
+                        "aria-disabled": h || void 0,
+                        className: at,
                         children: [
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ n(
                             "span",
                             {
                               className: [
                                 "ds:inline-flex ds:items-center ds:justify-center ds:me-[var(--spacing-xs)] ds:shrink-0",
                                 "ds:size-4 ds:rounded-[var(--radius-sm)] ds:border ds:border-border",
-                                l ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background"
+                                f ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background"
                               ].join(" "),
                               "aria-hidden": "true",
-                              children: l ? /* @__PURE__ */ r(We, { className: "ds:size-3.5" }) : null
+                              children: f ? /* @__PURE__ */ n(st, { className: "ds:size-3.5" }) : null
                             }
                           ),
-                          i.startAdornment ? (
+                          r.startAdornment ? (
                             // Decorative by contract — the accessible name comes
                             // from the option label.
-                            /* @__PURE__ */ r(
+                            /* @__PURE__ */ n(
                               "span",
                               {
                                 "aria-hidden": "true",
                                 className: "ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]",
-                                children: i.startAdornment
+                                children: r.startAdornment
                               }
                             )
                           ) : null,
-                          /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:text-start", children: i.label })
+                          /* @__PURE__ */ n("span", { className: "ds:flex-1 ds:text-start", children: r.label })
                         ]
                       },
-                      i.value
+                      r.value
                     );
-                    return d ? /* @__PURE__ */ r(
-                      ie,
+                    return d ? /* @__PURE__ */ n(
+                      de,
                       {
-                        label: p("inputs.multiSelect.maxReached", {
-                          count: v,
-                          defaultValue: `Maximum ${v} selections`
+                        label: u("inputs.multiSelect.maxReached", {
+                          count: b,
+                          defaultValue: `Maximum ${b} selections`
                         }),
                         delayDuration: 200,
-                        children: N
+                        children: A
                       },
-                      i.value
-                    ) : N;
+                      r.value
+                    ) : A;
                   });
-                  return e ? /* @__PURE__ */ r(
-                    u.Group,
+                  return e ? /* @__PURE__ */ n(
+                    c.Group,
                     {
                       heading: e,
                       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",
                       children: o
                     },
                     `group-${e}`
-                  ) : /* @__PURE__ */ r(u.Group, { children: o }, `group-${s}`);
+                  ) : /* @__PURE__ */ n(c.Group, { children: o }, `group-${s}`);
                 })
               ]
             }
@@ -604,11 +616,11 @@ const Ze = {
     ] }) });
   }
 );
-de.displayName = "MultiSelect";
-const xt = de;
+me.displayName = "MultiSelect";
+const kt = me;
 export {
-  xt as M,
-  et as a,
-  Ze as m
+  kt as M,
+  nt as a,
+  rt as m
 };
-//# sourceMappingURL=multi-select-D5QLBJM1.js.map
+//# sourceMappingURL=multi-select-CC52Qws6.js.map