@alfadocs/ui-kit 1.54.3 → 1.55.0

package/dist/_chunks/multi-select-CVb6PJOK.js

@@ -1,638 +0,0 @@
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as He, useContext as Ge, useState as O, useRef as y, useMemo as q, useEffect as G, useCallback as le } from "react";
-import * as L from "@radix-ui/react-popover";
-import { _ as c } from "./index-4xgbg-sn.js";
-import { c as pe } from "./index-D2ZczOXr.js";
-import { useTranslation as Qe } from "react-i18next";
-import { u as Ye, F as We, b as Xe } from "./form-field-context-DtiROUJV.js";
-import { T as de } from "./tooltip-Cp-PLePW.js";
-import { c as Je } from "./compose-refs-C0k0tdqF.js";
-import { u as Ze } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Q } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { g as et } from "./group-options-BvKhQ3xb.js";
-import { b as me } from "./menu-row-BAr8bx1I.js";
-import { b as Y, c as tt } from "./input-surface-xyERuLU_.js";
-import { u as st } from "./registry-DvAUVLHh.js";
-import { X as rt } from "./x-B5YnXwCz.js";
-import { C as nt } from "./check-DrFSN__t.js";
-const it = {
-  id: "multi-select",
-  // Persisted multi-choice (selection state + set_selection) → select_multiple,
-  // plus type-to-filter and open/close of the option list.
-  capabilities: ["select_multiple", "filter", "open", "close"],
-  state: {
-    selection: {
-      type: "string[]",
-      descriptionKey: "ui.agent.multiSelect.state.selection",
-      description: "Values of currently-selected options.",
-      read: (a) => a.getSelection()
-    },
-    query: {
-      type: "string",
-      descriptionKey: "ui.agent.multiSelect.state.query",
-      description: "Current filter query.",
-      read: (a) => a.getQuery()
-    },
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.multiSelect.state.isOpen",
-      description: "True when the option list is visible.",
-      read: (a) => a.getIsOpen()
-    }
-  },
-  actions: {
-    set_selection: {
-      // 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.",
-      examples: [
-        {
-          args: { values: ["a", "b"] },
-          note: 'Select exactly options "a" and "b".'
-        }
-      ],
-      invoke: (a, l) => {
-        a.setSelection(l.values);
-      }
-    },
-    clear_selection: {
-      // Discards the persisted selection — destructive (loses the choices).
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.multiSelect.actions.clearSelection",
-      description: "Clear the current selection.",
-      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: (a, l) => {
-        a.setQuery(l.query);
-      }
-    },
-    open: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.multiSelect.actions.open",
-      description: "Open the option list.",
-      invoke: (a) => {
-        a.open();
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.multiSelect.actions.close",
-      description: "Close the option list.",
-      invoke: (a) => {
-        a.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "multi-select" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-option-id",
-      description: "Each option emits its value as data-option-id."
-    }
-  }
-}, ot = pe(
-  [
-    "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-1 ds:w-full",
-    tt,
-    "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 ${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}`
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), ce = pe(
-  [
-    "ds:inline-flex ds:items-center ds:gap-1",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-muted",
-    "ds:text-foreground ds:select-none",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-xs)]",
-        md: "ds:ps-2 ds:pe-1 ds:py-0.5 ds:text-[length:var(--font-size-sm)]",
-        lg: "ds:ps-3 ds:pe-1.5 ds:py-1 ds:text-[length:var(--font-size-base)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), at = [
-  "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",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "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(" "), lt = [
-  "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",
-  "ds:shadow-[var(--shadow-lg)]",
-  "ds:animate-in ds:fade-in ds:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
-  "ds:data-[state=closed]:zoom-out-95",
-  "ds:data-[side=bottom]:slide-in-from-top-2",
-  "ds:data-[side=top]:slide-in-from-bottom-2",
-  "ds:motion-reduce:animate-none"
-].join(" "), dt = [
-  "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",
-  me.selected,
-  "ds:aria-[disabled=true]:pointer-events-none ds:aria-[disabled=true]:opacity-50",
-  "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50"
-].join(" "), 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",
-  me.selected
-].join(" "), ct = "__ui-multiselect-select-all__", ut = "__ui-multiselect-clear-all__", fe = He(
-  function({
-    options: l,
-    value: he,
-    defaultValue: ge,
-    onChange: ve,
-    onComplete: D,
-    placeholder: be,
-    maxSelections: S,
-    allowSelectAll: W = !1,
-    allowClear: X = !1,
-    filter: M,
-    size: _ = "md",
-    disabled: ye,
-    className: Se,
-    id: z,
-    // 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
-    // label or FormField (e.g. a data-table floating filter naming itself
-    // after its column). Untouched callers fall back to the placeholder.
-    // 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": xe,
-    ...Ie
-  }, we) {
-    const { t: u } = Qe("ui"), g = Ye(), x = Ge(We) !== null, [Ne, K] = Ze({
-      value: he,
-      defaultValue: ge ?? [],
-      onChange: ve
-    }), i = Ne ?? [], [N, p] = O(!1), [m, j] = O(""), v = y(null), I = y([]), P = y(null), Ce = Je(we, P), b = x && g.disabled || !!ye, ke = x && g.required, J = x && g.invalid, Ae = x && g.describedBy ? g.describedBy : void 0, Re = z ?? (x ? g.id : void 0);
-    Xe(g, v);
-    const _e = q(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const t of l) e.set(t.value, t.label);
-      return e;
-    }, [l]), Z = typeof S == "number" && i.length >= S, C = (e) => {
-      K(e);
-    }, Te = (e) => {
-      if (i.includes(e)) {
-        C(i.filter((t) => t !== e));
-        return;
-      }
-      Z || C([...i, e]);
-    }, $ = (e) => {
-      const t = i.filter((r, o) => o !== e);
-      return C(t), t;
-    }, Fe = () => {
-      const e = l.filter((r) => !r.disabled).map((r) => r.value), t = typeof S == "number" ? S : e.length;
-      C(e.slice(0, t));
-    }, Ee = () => {
-      C([]);
-    }, ee = y(i);
-    G(() => {
-      ee.current = i;
-    }, [i]);
-    const te = y(m);
-    G(() => {
-      te.current = m;
-    }, [m]);
-    const se = y(N);
-    G(() => {
-      se.current = N;
-    }, [N]);
-    const B = le(
-      (e) => {
-        K(e);
-      },
-      [K]
-    ), Ve = q(
-      () => ({
-        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)
-      }),
-      [B]
-    );
-    st(it, Ve, z);
-    const re = be ?? u("inputs.multiSelect.placeholder", "Select…"), ne = q(() => {
-      if (!m) return l;
-      const e = m.toLowerCase();
-      return l.filter((t) => M ? M(m, t) : t.label.toLowerCase().includes(e));
-    }, [l, m, M]), Oe = q(
-      () => et(ne),
-      [ne]
-    ), qe = (e) => {
-      var o;
-      const t = e.currentTarget;
-      if (e.key === "Backspace" && m === "" && i.length > 0) {
-        e.preventDefault();
-        const s = i.length - 1, d = $(s).length - 1;
-        d >= 0 && requestAnimationFrame(() => {
-          var h;
-          (h = I.current[d]) == null || h.focus();
-        });
-        return;
-      }
-      const r = t.selectionStart === 0 && t.selectionEnd === 0;
-      if ((e.key === "ArrowLeft" || e.key === "ArrowRight") && r && i.length > 0) {
-        const s = document.dir === "rtl" || t.dir === "rtl";
-        if (s && e.key === "ArrowRight" || !s && e.key === "ArrowLeft") {
-          e.preventDefault();
-          const d = i.length - 1;
-          (o = I.current[d]) == null || o.focus();
-        }
-        return;
-      }
-      if (e.key === "Escape") {
-        p(!1);
-        return;
-      }
-      !N && (e.key === "ArrowDown" || e.key === "Enter") && p(!0);
-    }, Le = (e) => (t) => {
-      var f, d, h, A;
-      if (t.key === "Backspace" || t.key === "Delete" || t.key === "Enter" || t.key === " ") {
-        t.preventDefault(), t.stopPropagation();
-        const V = $(e);
-        if (V.length === 0) {
-          requestAnimationFrame(() => {
-            var R;
-            return (R = v.current) == null ? void 0 : R.focus();
-          });
-          return;
-        }
-        const Ue = Math.min(e, V.length - 1);
-        requestAnimationFrame(() => {
-          var R;
-          (R = I.current[Ue]) == null || R.focus();
-        });
-        return;
-      }
-      const r = document.dir === "rtl", o = r ? "ArrowRight" : "ArrowLeft", s = r ? "ArrowLeft" : "ArrowRight";
-      if (t.key === o) {
-        t.preventDefault();
-        const V = Math.max(0, e - 1);
-        (f = I.current[V]) == null || f.focus();
-        return;
-      }
-      if (t.key === s) {
-        t.preventDefault(), e < i.length - 1 ? (d = I.current[e + 1]) == null || d.focus() : (h = v.current) == null || h.focus();
-        return;
-      }
-      t.key === "Escape" && (p(!1), (A = v.current) == null || A.focus());
-    }, [T, U] = O(
-      Number.POSITIVE_INFINITY
-    ), [De, Me] = O(0), ie = y(-1), F = le(() => {
-      U(Number.POSITIVE_INFINITY), Me((e) => e + 1);
-    }, []);
-    Q(() => {
-      const e = P.current;
-      if (!e) return;
-      const t = Array.from(
-        e.querySelectorAll('[data-ui-chip="true"]')
-      );
-      if (t.length === 0) {
-        U(Number.POSITIVE_INFINITY);
-        return;
-      }
-      const r = t[0].offsetTop;
-      let o = 0;
-      for (const s of t)
-        if (s.offsetTop === r) o++;
-        else break;
-      U(
-        o === t.length ? Number.POSITIVE_INFINITY : Math.max(1, o - 1)
-      );
-    }, [De]), Q(() => {
-      F();
-    }, [i.length, _, F]), Q(() => {
-      const e = P.current;
-      if (!e) return;
-      const t = new ResizeObserver((r) => {
-        var s;
-        const o = Math.round(
-          ((s = r[0]) == null ? void 0 : s.contentRect.width) ?? e.clientWidth
-        );
-        o !== ie.current && (ie.current = o, F());
-      });
-      return t.observe(e), () => t.disconnect();
-    }, [F]);
-    const E = i.map((e) => ({
-      value: e,
-      label: _e.get(e) ?? e
-    })), oe = T === Number.POSITIVE_INFINITY || T >= E.length, ze = oe ? E : E.slice(0, T), ae = oe ? [] : E.slice(T), k = ae.length, Ke = (e) => {
-      var r;
-      if (b) return;
-      const t = e.target;
-      t.closest('[data-ui-chip="true"]') || t.closest('[data-ui-chip-dismiss="true"]') || (p(!0), (r = v.current) == null || r.focus());
-    }, je = (e) => {
-      if (b) {
-        p(!1);
-        return;
-      }
-      p(e), e || (j(""), D == null || D(i));
-    }, Pe = W || X, $e = u("inputs.multiSelect.selected", {
-      count: i.length,
-      defaultValue: `${i.length} selected`
-    }), { onClick: H, ...Be } = Ie;
-    return /* @__PURE__ */ n(c, { shouldFilter: !1, label: $e, children: /* @__PURE__ */ w(L.Root, { open: N, onOpenChange: je, children: [
-      /* @__PURE__ */ n(L.Anchor, { asChild: !0, children: /* @__PURE__ */ w(
-        "div",
-        {
-          ref: Ce,
-          className: ot({ size: _, className: Se }),
-          "aria-disabled": b || void 0,
-          "aria-invalid": J || void 0,
-          "data-component": "multi-select",
-          "data-component-id": z,
-          onClick: (e) => {
-            H == null || H(e), Ke(e);
-          },
-          ...Be,
-          children: [
-            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: (r) => {
-                    I.current[t] = r;
-                  },
-                  tabIndex: b ? -1 : 0,
-                  "data-ui-chip": "true",
-                  className: ce({ size: _ }),
-                  onKeyDown: Le(t),
-                  "aria-label": e.label,
-                  children: [
-                    /* @__PURE__ */ n("span", { children: e.label }),
-                    /* @__PURE__ */ n(
-                      "button",
-                      {
-                        type: "button",
-                        tabIndex: -1,
-                        "data-ui-chip-dismiss": "true",
-                        "aria-label": u("inputs.multiSelect.remove", {
-                          label: e.label,
-                          defaultValue: `Remove ${e.label}`
-                        }),
-                        disabled: b,
-                        onClick: (r) => {
-                          r.stopPropagation(), $(t), requestAnimationFrame(() => {
-                            var o;
-                            return (o = v.current) == null ? void 0 : o.focus();
-                          });
-                        },
-                        className: at,
-                        children: /* @__PURE__ */ n(rt, { "aria-hidden": "true", className: "ds:size-3.5" })
-                      }
-                    )
-                  ]
-                },
-                e.value
-              )
-            )),
-            k > 0 ? /* @__PURE__ */ n(
-              de,
-              {
-                label: ae.map((e) => e.label).join(", "),
-                delayDuration: 200,
-                children: /* @__PURE__ */ n(
-                  "span",
-                  {
-                    className: ce({ size: _ }),
-                    tabIndex: 0,
-                    role: "button",
-                    "aria-label": u("inputs.multiSelect.overflow", {
-                      count: k,
-                      defaultValue: `+${k} more`
-                    }),
-                    children: /* @__PURE__ */ n("span", { children: u("inputs.multiSelect.overflow", {
-                      count: k,
-                      defaultValue: `+${k} more`
-                    }) })
-                  }
-                )
-              }
-            ) : null,
-            /* @__PURE__ */ n(
-              c.Input,
-              {
-                ref: v,
-                value: m,
-                onValueChange: j,
-                onKeyDown: qe,
-                onFocus: () => {
-                  b || p(!0);
-                },
-                placeholder: i.length === 0 ? re : "",
-                id: Re,
-                "aria-label": x ? void 0 : xe,
-                "aria-describedby": Ae,
-                "aria-invalid": J || void 0,
-                "aria-required": ke || void 0,
-                disabled: b,
-                className: [
-                  "ds:flex-1 ds:min-w-[6rem] ds:bg-transparent ds:outline-none",
-                  "ds:placeholder:text-muted-foreground ds:text-start",
-                  "ds:disabled:cursor-not-allowed"
-                ].join(" ")
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ n(L.Portal, { children: /* @__PURE__ */ n(
-        L.Content,
-        {
-          "data-component": "multi-select-list",
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          onCloseAutoFocus: (e) => e.preventDefault(),
-          align: "start",
-          sideOffset: 4,
-          className: lt,
-          children: /* @__PURE__ */ w(
-            c.List,
-            {
-              role: "listbox",
-              "aria-multiselectable": "true",
-              "aria-label": re,
-              className: "ds:max-h-[20rem] ds:overflow-y-auto ds:p-1",
-              children: [
-                Pe ? /* @__PURE__ */ w(c.Group, { children: [
-                  W ? /* @__PURE__ */ n(
-                    c.Item,
-                    {
-                      value: ct,
-                      onSelect: Fe,
-                      className: ue,
-                      children: u("inputs.multiSelect.selectAll", "Select all")
-                    }
-                  ) : null,
-                  X ? /* @__PURE__ */ n(
-                    c.Item,
-                    {
-                      value: ut,
-                      onSelect: Ee,
-                      className: ue,
-                      children: u("inputs.multiSelect.clearAll", "Clear all")
-                    }
-                  ) : null
-                ] }) : null,
-                /* @__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") }),
-                Oe.map(({ group: e, items: t }, r) => {
-                  const o = t.map((s) => {
-                    const f = i.includes(s.value), d = !f && Z, h = !!s.disabled || d, A = /* @__PURE__ */ w(
-                      c.Item,
-                      {
-                        value: s.value,
-                        "data-option-id": s.value,
-                        disabled: h,
-                        onSelect: () => {
-                          h || Te(s.value);
-                        },
-                        "aria-selected": f,
-                        "aria-disabled": h || void 0,
-                        className: dt,
-                        children: [
-                          /* @__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",
-                                f ? "ds:bg-primary ds:border-primary ds:text-primary-foreground" : "ds:bg-background"
-                              ].join(" "),
-                              "aria-hidden": "true",
-                              children: f ? /* @__PURE__ */ n(nt, { className: "ds:size-3.5" }) : null
-                            }
-                          ),
-                          s.startAdornment ? (
-                            // Decorative by contract — the accessible name comes
-                            // from the option label.
-                            /* @__PURE__ */ n(
-                              "span",
-                              {
-                                "aria-hidden": "true",
-                                className: "ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]",
-                                children: s.startAdornment
-                              }
-                            )
-                          ) : null,
-                          /* @__PURE__ */ n("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate ds:text-start", children: s.label }),
-                          s.endContent ? (
-                            // Deliberately NOT aria-hidden — unlike
-                            // `startAdornment`, this slot carries meaning
-                            // (a price, a count) and must reach the
-                            // option's accessible name. `ms-auto` pins it
-                            // to the inline-end and flips under RTL.
-                            /* @__PURE__ */ n("span", { className: "ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0 ds:ps-[var(--spacing-xs)]", children: s.endContent })
-                          ) : null
-                        ]
-                      },
-                      s.value
-                    );
-                    return d ? /* @__PURE__ */ n(
-                      de,
-                      {
-                        label: u("inputs.multiSelect.maxReached", {
-                          count: S,
-                          defaultValue: `Maximum ${S} selections`
-                        }),
-                        delayDuration: 200,
-                        children: A
-                      },
-                      s.value
-                    ) : A;
-                  });
-                  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__ */ n(c.Group, { children: o }, `group-${r}`);
-                })
-              ]
-            }
-          )
-        }
-      ) })
-    ] }) });
-  }
-);
-fe.displayName = "MultiSelect";
-const Rt = fe;
-export {
-  Rt as M,
-  ot as a,
-  it as m
-};
-//# sourceMappingURL=multi-select-CVb6PJOK.js.map