@commercetools/nimbus 0.0.0-canary-20260127154408 → 0.0.0-canary-20260128081211

package/dist/chunks/combobox-B6iyR31V.es.js

@@ -1,1563 +0,0 @@
-import { jsx as g, jsxs as xe, Fragment as He } from "react/jsx-runtime";
-import { useReducer as St, useRef as A, useEffect as Z, createContext as Qe, useMemo as ee, useContext as Pe, useState as _, useCallback as R, isValidElement as wt, cloneElement as $t } from "react";
-import { d as Kt } from "./Header-Dc_tzDs3.es.js";
-import { $ as Xe, a as It, b as Bt, c as Mt, d as At } from "./ListBox-CYNLUQ3a.es.js";
-import { f as Ft, g as Ot } from "./CollectionBuilder-DYW6tbzU.es.js";
-import { createSlotRecipeContext as Et } from "@chakra-ui/react";
-import { Close as Lt, KeyboardArrowDown as Tt, Check as Vt } from "@commercetools/nimbus-icons";
-import { e as me } from "./extract-style-props-CyUPG_35.es.js";
-import { P as Rt } from "./popover-BB1pYTlN.es.js";
-import { I as Ue } from "./icon-button-DFHbFcbj.es.js";
-import { L as Pt } from "./loading-spinner-BtDS9yzp.es.js";
-import { $ as Be, a as Dt } from "./Input-aKSXZBAh.es.js";
-import { $ as De, T as Te } from "./tag-group-DqV4t-nV.es.js";
-import { useSlotRecipe as zt } from "@chakra-ui/react/styled-system";
-import { b as Nt } from "./RSPContexts-DLgb84PF.es.js";
-import { $ as Ve } from "./Button-CmpJG0ec.es.js";
-import { $ as kt, e as Ye } from "./utils-9vu7GUaz.es.js";
-import { a as Wt } from "./Group-C9jsb9_m.es.js";
-import { $ as Gt } from "./Label-Bu5lTMzy.es.js";
-import { h as qt } from "./Dialog-C3fAbDNn.es.js";
-import { $ as jt } from "./Text-DOcU1ycg.es.js";
-import { n as he, u as Ht } from "./normalize-messages-D5T4I93D.es.js";
-import { $ as Ut } from "./useListData-CX8_NxJv.es.js";
-import { $ as Je } from "./mergeProps-D1jjFfMs.es.js";
-import { a as Jt } from "./useListState-BgQn1ZbV.es.js";
-function Qt(e, t) {
-  let r;
-  switch (e.state) {
-    case "idle":
-    case "error":
-      switch (t.type) {
-        case "loading":
-        case "loadingMore":
-        case "sorting":
-        case "filtering":
-          var s, o;
-          return {
-            ...e,
-            filterText: (s = t.filterText) !== null && s !== void 0 ? s : e.filterText,
-            state: t.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: t.type === "loading" ? [] : e.items,
-            sortDescriptor: (o = t.sortDescriptor) !== null && o !== void 0 ? o : e.sortDescriptor,
-            abortController: t.abortController
-          };
-        case "update":
-          var n;
-          return {
-            ...e,
-            ...(n = t.updater) === null || n === void 0 ? void 0 : n.call(t, e)
-          };
-        case "success":
-        case "error":
-          return e;
-        default:
-          throw new Error(`Invalid action "${t.type}" in state "${e.state}"`);
-      }
-    case "loading":
-    case "sorting":
-    case "filtering":
-      switch (t.type) {
-        case "success":
-          if (t.abortController !== e.abortController) return e;
-          var c;
-          r = (c = t.selectedKeys) !== null && c !== void 0 ? c : e.selectedKeys;
-          var l, u, b;
-          return {
-            ...e,
-            filterText: (l = t.filterText) !== null && l !== void 0 ? l : e.filterText,
-            state: "idle",
-            items: [
-              ...(u = t.items) !== null && u !== void 0 ? u : []
-            ],
-            selectedKeys: r === "all" ? "all" : new Set(r),
-            sortDescriptor: (b = t.sortDescriptor) !== null && b !== void 0 ? b : e.sortDescriptor,
-            abortController: void 0,
-            cursor: t.cursor
-          };
-        case "error":
-          return t.abortController !== e.abortController ? e : {
-            ...e,
-            state: "error",
-            error: t.error,
-            abortController: void 0
-          };
-        case "loading":
-        case "loadingMore":
-        case "sorting":
-        case "filtering":
-          var h;
-          (h = e.abortController) === null || h === void 0 || h.abort();
-          var d;
-          return {
-            ...e,
-            filterText: (d = t.filterText) !== null && d !== void 0 ? d : e.filterText,
-            state: t.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: t.type === "loading" ? [] : e.items,
-            abortController: t.abortController
-          };
-        case "update":
-          var w;
-          return {
-            ...e,
-            ...(w = t.updater) === null || w === void 0 ? void 0 : w.call(t, e)
-          };
-        default:
-          throw new Error(`Invalid action "${t.type}" in state "${e.state}"`);
-      }
-    case "loadingMore":
-      switch (t.type) {
-        case "success":
-          var m;
-          r = e.selectedKeys === "all" || t.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
-            ...e.selectedKeys,
-            ...(m = t.selectedKeys) !== null && m !== void 0 ? m : []
-          ]);
-          var K, L;
-          return {
-            ...e,
-            state: "idle",
-            items: [
-              ...e.items,
-              ...(K = t.items) !== null && K !== void 0 ? K : []
-            ],
-            selectedKeys: r,
-            sortDescriptor: (L = t.sortDescriptor) !== null && L !== void 0 ? L : e.sortDescriptor,
-            abortController: void 0,
-            cursor: t.cursor
-          };
-        case "error":
-          return t.abortController !== e.abortController ? e : {
-            ...e,
-            state: "error",
-            error: t.error
-          };
-        case "loading":
-        case "sorting":
-        case "filtering":
-          var I;
-          (I = e.abortController) === null || I === void 0 || I.abort();
-          var y;
-          return {
-            ...e,
-            filterText: (y = t.filterText) !== null && y !== void 0 ? y : e.filterText,
-            state: t.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: t.type === "loading" ? [] : e.items,
-            abortController: t.abortController
-          };
-        case "loadingMore":
-          var F;
-          return (F = t.abortController) === null || F === void 0 || F.abort(), e;
-        case "update":
-          var $;
-          return {
-            ...e,
-            ...($ = t.updater) === null || $ === void 0 ? void 0 : $.call(t, e)
-          };
-        default:
-          throw new Error(`Invalid action "${t.type}" in state "${e.state}"`);
-      }
-    default:
-      throw new Error(`Invalid state "${e.state}"`);
-  }
-}
-function Xt(e) {
-  const { load: t, sort: r, initialSelectedKeys: s, initialSortDescriptor: o, getKey: n = (d) => d.id || d.key, initialFilterText: c = "" } = e;
-  let [l, u] = St(Qt, {
-    state: "idle",
-    error: void 0,
-    items: [],
-    selectedKeys: s === "all" ? "all" : new Set(s),
-    sortDescriptor: o,
-    filterText: c
-  });
-  const b = async (d, w) => {
-    let m = new AbortController();
-    try {
-      u({
-        ...d,
-        abortController: m
-      });
-      var K;
-      let y = (K = d.filterText) !== null && K !== void 0 ? K : l.filterText;
-      var L;
-      let F = await w({
-        items: l.items.slice(),
-        selectedKeys: l.selectedKeys,
-        sortDescriptor: (L = d.sortDescriptor) !== null && L !== void 0 ? L : l.sortDescriptor,
-        signal: m.signal,
-        cursor: d.type === "loadingMore" ? l.cursor : void 0,
-        filterText: y,
-        loadingState: l.state
-      });
-      var I;
-      let $ = (I = F.filterText) !== null && I !== void 0 ? I : y;
-      u({
-        type: "success",
-        ...F,
-        abortController: m
-      }), $ && $ !== y && !m.signal.aborted && b({
-        type: "filtering",
-        filterText: $
-      }, t);
-    } catch (y) {
-      u({
-        type: "error",
-        error: y,
-        abortController: m
-      });
-    }
-  };
-  let h = A(!1);
-  return Z(() => {
-    h.current || (b({
-      type: "loading"
-    }, t), h.current = !0);
-  }, []), {
-    items: l.items,
-    selectedKeys: l.selectedKeys,
-    sortDescriptor: l.sortDescriptor,
-    isLoading: l.state === "loading" || l.state === "loadingMore" || l.state === "sorting" || l.state === "filtering",
-    loadingState: l.state,
-    error: l.error,
-    filterText: l.filterText,
-    getItem(d) {
-      return l.items.find((w) => n(w) === d);
-    },
-    reload() {
-      b({
-        type: "loading"
-      }, t);
-    },
-    loadMore() {
-      l.state === "loading" || l.state === "loadingMore" || l.state === "filtering" || l.cursor == null || b({
-        type: "loadingMore"
-      }, t);
-    },
-    sort(d) {
-      b({
-        type: "sorting",
-        sortDescriptor: d
-      }, r || t);
-    },
-    ...Ut({
-      ...e,
-      getKey: n,
-      cursor: l.cursor
-    }, (d) => {
-      u({
-        type: "update",
-        updater: d
-      });
-    }),
-    setFilterText(d) {
-      b({
-        type: "filtering",
-        filterText: d
-      }, t);
-    }
-  };
-}
-const Yt = /* @__PURE__ */ Qe(null);
-function Zt(e, t, r, s) {
-  var o = this, n = A(null), c = A(0), l = A(0), u = A(null), b = A([]), h = A(), d = A(), w = A(e), m = A(!0), K = A(), L = A();
-  w.current = e;
-  var I = typeof window < "u", y = !t && t !== 0 && I;
-  if (typeof e != "function") throw new TypeError("Expected a function");
-  t = +t || 0;
-  var F = !!(r = r || {}).leading, $ = !("trailing" in r) || !!r.trailing, U = !!r.flushOnExit && $, J = "maxWait" in r, j = "debounceOnServer" in r && !!r.debounceOnServer, Q = J ? Math.max(+r.maxWait || 0, t) : null, se = ee(function() {
-    var P = function(x) {
-      var O = b.current, D = h.current;
-      return b.current = h.current = null, c.current = x, l.current = l.current || x, d.current = w.current.apply(D, O);
-    }, X = function(x, O) {
-      y && cancelAnimationFrame(u.current), u.current = y ? requestAnimationFrame(x) : setTimeout(x, O);
-    }, le = function(x) {
-      if (!m.current) return !1;
-      var O = x - n.current;
-      return !n.current || O >= t || O < 0 || J && x - c.current >= Q;
-    }, ie = function(x) {
-      return u.current = null, $ && b.current ? P(x) : (b.current = h.current = null, d.current);
-    }, M = function x() {
-      var O = Date.now();
-      if (F && l.current === c.current && pe(), le(O)) return ie(O);
-      if (m.current) {
-        var D = t - (O - n.current), H = J ? Math.min(D, Q - (O - c.current)) : D;
-        X(x, H);
-      }
-    }, pe = function() {
-    }, te = function() {
-      if (I || j) {
-        var x, O = Date.now(), D = le(O);
-        if (b.current = [].slice.call(arguments), h.current = o, n.current = O, U && !K.current && (K.current = function() {
-          var H;
-          ((H = global.document) == null ? void 0 : H.visibilityState) === "hidden" && L.current.flush();
-        }, (x = global.document) == null || x.addEventListener == null || x.addEventListener("visibilitychange", K.current)), D) {
-          if (!u.current && m.current) return c.current = n.current, X(M, t), F ? P(n.current) : d.current;
-          if (J) return X(M, t), P(n.current);
-        }
-        return u.current || X(M, t), d.current;
-      }
-    };
-    return te.cancel = function() {
-      var x = u.current;
-      x && (y ? cancelAnimationFrame(u.current) : clearTimeout(u.current)), c.current = 0, b.current = n.current = h.current = u.current = null;
-    }, te.isPending = function() {
-      return !!u.current;
-    }, te.flush = function() {
-      return u.current ? ie(Date.now()) : d.current;
-    }, te;
-  }, [F, J, t, Q, $, U, y, I, j, s]);
-  return L.current = se, Z(function() {
-    return m.current = !0, function() {
-      var P;
-      U && L.current.flush(), K.current && ((P = global.document) == null || P.removeEventListener == null || P.removeEventListener("visibilitychange", K.current), K.current = null), m.current = !1;
-    };
-  }, [U]), se;
-}
-const { withProvider: _t, withContext: q } = /* @__PURE__ */ Et({
-  key: "combobox"
-}), er = /* @__PURE__ */ _t("div", "root"), tr = /* @__PURE__ */ q("div", "trigger"), rr = /* @__PURE__ */ q("div", "leadingElement"), or = /* @__PURE__ */ q("div", "content"), nr = /* @__PURE__ */ q("div", "tagGroup"), sr = /* @__PURE__ */ q("div", "input"), lr = /* @__PURE__ */ q("div", "popover"), ir = /* @__PURE__ */ q("div", "listBox"), cr = /* @__PURE__ */ q("div", "section"), ar = /* @__PURE__ */ q("div", "option"), ur = /* @__PURE__ */ q("div", "optionIndicator"), dr = /* @__PURE__ */ q("div", "optionContent"), fr = {
-  clearSelection: "Clear selection",
-  options: "Options menu",
-  selectedValues: "Selected values",
-  toggleOptions: "Toggle options"
-}, mr = {
-  clearSelection: "Auswahl löschen",
-  options: "Optionsmenü",
-  selectedValues: "Ausgewählte Werte",
-  toggleOptions: "Optionen umschalten"
-}, pr = {
-  clearSelection: "Borrar selección",
-  options: "Menú de opciones",
-  selectedValues: "Valores seleccionados",
-  toggleOptions: "Opciones de conmutación"
-}, gr = {
-  clearSelection: "Effacer la sélection",
-  options: "Menu d'options",
-  selectedValues: "Valeurs sélectionnées",
-  toggleOptions: "Basculer les options"
-}, yr = {
-  clearSelection: "Limpar seleção",
-  options: "Menu de opções",
-  selectedValues: "Selecionar valores",
-  toggleOptions: "Alternar opções"
-}, br = {
-  en: /* @__PURE__ */ he(fr),
-  de: /* @__PURE__ */ he(mr),
-  es: /* @__PURE__ */ he(pr),
-  "fr-FR": /* @__PURE__ */ he(gr),
-  "pt-BR": /* @__PURE__ */ he(yr)
-};
-function Ze(e) {
-  if (typeof e == "string" || typeof e == "number")
-    return e;
-  if ("id" in e)
-    return e.id;
-  throw new Error(
-    "ComboBox - Item must have an 'id' property or provide getKey function"
-  );
-}
-function hr(e) {
-  if (typeof e == "string")
-    return e;
-  if ("name" in e)
-    return String(e.name);
-  if ("label" in e)
-    return String(e.label);
-  throw new Error(
-    "ComboBox - Item must have 'name' or 'label' property, or provide a getTextValue function"
-  );
-}
-function xr(e) {
-  return {
-    id: e,
-    name: e
-  };
-}
-const vr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e]) : /* @__PURE__ */ new Set(), Cr = (e) => Array.from(e), Re = /* @__PURE__ */ Qe(null), Me = () => {
-  const e = Pe(Re);
-  if (!e)
-    throw new Error(
-      "Nimbus - ComboBox components must be used within ComboBox.Root"
-    );
-  return e;
-}, _e = (e) => {
-  const {
-    name: t,
-    form: r,
-    selectedKeys: s,
-    selectionMode: o,
-    formValue: n,
-    allowsCustomOptions: c,
-    collection: l,
-    inputValue: u
-  } = e;
-  if (!t) return null;
-  const b = ee(() => {
-    if (o === "single") {
-      const h = Array.from(s)[0];
-      return h ? n === "text" || c ? Array.from(l).find(
-        (w) => w.key === h
-      )?.textValue || u || "" : String(h) : "";
-    } else {
-      const h = Array.from(s);
-      return n === "text" || c ? h.map((d) => Array.from(l).find(
-        (m) => m.key === d
-      )?.textValue || "").filter(Boolean).join(",") : h.join(",");
-    }
-  }, [
-    o,
-    s,
-    n,
-    c,
-    l,
-    u
-  ]);
-  return /* @__PURE__ */ g(
-    "input",
-    {
-      type: "hidden",
-      name: t,
-      form: typeof r == "string" ? r : void 0,
-      value: b
-    }
-  );
-};
-_e.displayName = "ComboBoxHiddenInput";
-function et(e) {
-  let t;
-  [e, t] = kt(e, null, Yt);
-  const {
-    selectionMode: r = "single",
-    size: s = "md",
-    getKey: o = Ze,
-    getTextValue: n = hr,
-    children: c,
-    leadingElement: l,
-    inputValue: u,
-    onInputChange: b,
-    isLoading: h,
-    allowsEmptyMenu: d,
-    renderEmptyState: w,
-    async: m,
-    filter: K,
-    allowsCustomOptions: L = !1,
-    isDisabled: I = !1,
-    isInvalid: y = !1,
-    isRequired: F = !1,
-    isReadOnly: $ = !1
-  } = e, U = zt({ key: "combobox" }), [J, j] = U.splitVariantProps(e), [Q, se] = me(j), P = A(null), X = A(null), [le, ie] = _([]), M = Xt({
-    getKey: o,
-    async load({ signal: B, filterText: G }) {
-      if (!m) return { items: [] };
-      const oe = m.minSearchLength ?? 0;
-      if (!G || G.length < oe)
-        return { items: [] };
-      try {
-        return { items: await m.load(G, B) };
-      } catch (ae) {
-        if (ae.name === "AbortError")
-          throw ae;
-        const v = ae;
-        return m.onError?.(v), { items: [] };
-      }
-    }
-  }), [pe, te] = _(u), [x, O] = _(!1), [D, H] = _([]), Ae = m?.debounce ?? 300, ve = Zt((B) => {
-    O(!1), M.setFilterText(B);
-  }, Ae), Ce = R(
-    (B) => {
-      te(B), O(!0), ve(B);
-    },
-    [ve]
-  ), N = m ? pe : u, Se = m ? Ce : b, Y = m ? x || M.loadingState === "loading" || M.loadingState === "loadingMore" || M.loadingState === "filtering" : h, we = m || L ? !0 : d, $e = R(() => Y ? N?.length ? `loading results for "${N}"` : "loading results" : N?.length && m?.minSearchLength && N.length >= m.minSearchLength ? `no results for "${N}"` : m?.minSearchLength ? `enter at least ${m?.minSearchLength} characters` : "type to search", [m?.minSearchLength, Y, N]), Ke = R(() => Y ? N?.length ? `loading results for "${N}"` : "loading results" : 'hit "enter" to create an option', [Y, N]), W = (L ? Ke : m ? $e : void 0) ?? w, re = ee(() => {
-    const B = m ? Array.from(M.items) : e.items, G = B ? Array.from(B) : [], oe = new Set(G.map((E) => o(E)));
-    let v = [...le.filter(
-      (E) => !oe.has(o(E))
-    ), ...G];
-    if (m && r === "multiple" && D.length > 0) {
-      const E = new Set(v.map((ye) => o(ye)));
-      v = [...D.filter(
-        (ye) => !E.has(o(ye))
-      ), ...v];
-    }
-    return v;
-  }, [
-    m,
-    M.items,
-    e.items,
-    le,
-    D,
-    r,
-    o
-  ]), ce = ee(
-    () => ({
-      selectionMode: r,
-      size: s,
-      getKey: o,
-      getTextValue: n,
-      leadingElement: l,
-      triggerRef: P,
-      inputRef: X,
-      isLoading: Y,
-      isDisabled: I,
-      isRequired: F,
-      isInvalid: y,
-      isReadOnly: $
-    }),
-    [
-      r,
-      o,
-      n,
-      l,
-      P,
-      X,
-      I,
-      F,
-      y,
-      $
-    ]
-  ), ge = ee(() => {
-    if (re)
-      return Array.from(re).map((B) => {
-        const G = "id" in B, oe = "textValue" in B;
-        return G && oe ? B : {
-          ...B,
-          ...G ? {} : { id: o(B) },
-          ...oe ? {} : { textValue: n(B) }
-        };
-      });
-  }, [re, o, n]), Oe = ee(
-    () => /* @__PURE__ */ g(
-      Re.Provider,
-      {
-        value: ce,
-        children: /* @__PURE__ */ g(Xe.Provider, { value: { items: ge }, children: typeof c == "function" ? c({
-          isOpen: !1,
-          isDisabled: I,
-          isInvalid: y,
-          isRequired: F,
-          defaultChildren: null
-        }) : c })
-      }
-    ),
-    [
-      c,
-      I,
-      y,
-      F,
-      ge,
-      ce
-    ]
-  );
-  return /* @__PURE__ */ g(
-    Ye,
-    {
-      values: [
-        [Ve, {}],
-        [Be, {}],
-        [De, {}]
-      ],
-      children: /* @__PURE__ */ g(
-        Re.Provider,
-        {
-          value: ce,
-          children: /* @__PURE__ */ g(
-            er,
-            {
-              ref: t,
-              ...J,
-              ...Q,
-              size: s,
-              "data-disabled": I,
-              "data-invalid": y,
-              "data-required": F,
-              "data-readonly": $,
-              "data-open": e.isOpen,
-              role: "group",
-              children: /* @__PURE__ */ g(Ft, { content: Oe, children: (B) => (
-                // Pass the built collection to ComboBoxRootInner which handles all behavior
-                /* @__PURE__ */ g(
-                  Sr,
-                  {
-                    ...se,
-                    size: s,
-                    filter: K,
-                    selectionMode: r,
-                    inputValue: N,
-                    onInputChange: Se,
-                    getKey: o,
-                    getTextValue: n,
-                    allowsEmptyMenu: we,
-                    renderEmptyState: W,
-                    isDisabled: I,
-                    isRequired: F,
-                    isInvalid: y,
-                    isReadOnly: $,
-                    collection: B,
-                    allowsCustomOptions: L,
-                    asyncConfig: m,
-                    onAsyncSelectedItemsChange: m && r === "multiple" ? H : void 0,
-                    onAddCustomItem: ie,
-                    onAddAsyncSelectedItem: H
-                  }
-                )
-              ) })
-            }
-          )
-        }
-      )
-    }
-  );
-}
-et.displayName = "ComboBox.Root";
-const Sr = (e) => {
-  const t = Ht(br), {
-    selectionMode: r = "single",
-    items: s,
-    collection: o,
-    getKey: n = Ze,
-    children: c,
-    selectedKeys: l = [],
-    onSelectionChange: u,
-    disabledKeys: b,
-    inputValue: h = "",
-    onInputChange: d,
-    filter: w,
-    placeholder: m,
-    menuTrigger: K = "input",
-    shouldCloseOnBlur: L = !0,
-    shouldCloseOnSelect: I = !0,
-    isOpen: y,
-    defaultOpen: F = !1,
-    onOpenChange: $,
-    allowsEmptyMenu: U = !1,
-    renderEmptyState: J,
-    allowsCustomOptions: j = !1,
-    isValidNewOption: Q,
-    getNewOptionData: se = xr,
-    onCreateOption: P,
-    "aria-label": X,
-    "aria-labelledby": le,
-    "aria-describedby": ie,
-    isDisabled: M = !1,
-    isRequired: pe = !1,
-    isInvalid: te = !1,
-    isReadOnly: x = !1,
-    shouldFocusWrap: O = !0,
-    autoFocus: D = !1,
-    name: H,
-    formValue: Ae,
-    validationBehavior: ve = "aria",
-    form: Ce,
-    validate: N,
-    isLoading: Se,
-    asyncConfig: Y,
-    onAsyncSelectedItemsChange: we,
-    onAddCustomItem: $e,
-    onAddAsyncSelectedItem: Ke
-  } = e, { triggerRef: Fe, inputRef: W } = Me(), re = Je(), ce = Je(), ge = A(null), Oe = A(null), B = ee(
-    () => vr(l),
-    [l]
-  ), G = !!u, [oe, ae] = _(
-    B
-  ), v = G ? B : oe, E = d !== void 0, ze = () => {
-    if (h) return h;
-    if (E || r !== "single") return "";
-    const i = Array.from(v);
-    if (i.length === 0) return "";
-    const a = i[0];
-    return o.getItem(a)?.textValue ?? "";
-  }, [ye, ue] = _(
-    ze
-  ), V = E ? h : ye, ne = A(V), [at, Ne] = _(F), C = y ?? at, [Ee, be] = _(
-    null
-  ), T = R(
-    (i) => {
-      y === void 0 && Ne(i), $?.(i);
-    },
-    [y, $]
-  ), ut = ee(() => {
-    if (V.trim() === "")
-      return o;
-    if (r === "single") {
-      const a = Array.from(v);
-      if (a.length > 0) {
-        const f = a[0];
-        if (o.getItem(f)?.textValue === V)
-          return o;
-      }
-    }
-    if (w) {
-      const a = Array.from(o), f = Array.from(w(a, V)), S = new Set(f.map((Ie) => Ie.key));
-      return o.filter?.((Ie, Le) => S.has(Le.key)) ?? o;
-    }
-    const i = V.toLowerCase();
-    return o.filter?.((a) => a.toLowerCase().includes(i)) ?? o;
-  }, [o, V, w, r, v]), dt = ee(
-    () => r === "multiple" ? Array.from(v).map((i) => o.getItem(i)?.value).filter((i) => i !== void 0) : [],
-    [r, v, o]
-  ), [ft, mt] = _(null), pt = R(() => {
-    const i = y === void 0 ? !C : !y;
-    y === void 0 ? Ne((a) => !a) : $?.(!y), i && (W.current?.focus(), be("first"));
-  }, [y, C, $]), gt = R(
-    (i) => {
-      E || ue(i), d?.(i), K === "input" && i !== ne.current && T(!0), ne.current = i;
-    },
-    [E, d, K, T]
-  ), z = R(
-    (i, a) => {
-      let f = i === "all" ? new Set(Array.from(o).map((k) => k.key)) : i;
-      const S = a ?? v, Ie = f.size > 0 && Array.from(f).every((k) => S.has(k)) && f.size < S.size;
-      if (r === "multiple" && f.size === 1 && !Ie) {
-        const k = Array.from(f)[0], fe = S.has(k), de = new Set(S);
-        fe ? de.delete(k) : de.add(k), f = de;
-      }
-      const Le = Cr(f);
-      if (u ? u(Le) : ae(f), Y && r === "multiple" && we) {
-        const k = Array.from(f).map((fe) => o.getItem(fe)?.value).filter((fe) => fe !== void 0);
-        we(k);
-      }
-      if (r === "single") {
-        const k = Array.from(f)[0];
-        if (k !== null) {
-          const de = o.getItem(k)?.textValue ?? "";
-          E || (ue(de), ne.current = de), d?.(de);
-        }
-        I && T(!1);
-      }
-    },
-    [
-      o,
-      r,
-      v,
-      u,
-      d,
-      I,
-      T,
-      E
-    ]
-  ), p = Jt({
-    selectionMode: r,
-    collection: ut,
-    selectedKeys: v,
-    onSelectionChange: z,
-    disabledKeys: b
-  }), yt = R(() => {
-    z(/* @__PURE__ */ new Set()), E || (ue(""), ne.current = ""), d?.(""), T(!0), requestAnimationFrame(() => {
-      W.current?.focus();
-    });
-  }, [
-    z,
-    E,
-    d,
-    T,
-    W
-  ]), ke = R(
-    (i) => {
-      $e?.((S) => [...S, i]), Y && r === "multiple" && Ke?.((S) => [...S, i]);
-      const a = n(i), f = v;
-      if (r === "single")
-        z(/* @__PURE__ */ new Set([a]), f);
-      else {
-        const S = new Set(f);
-        S.add(a), z(S, f);
-      }
-    },
-    [
-      $e,
-      Y,
-      r,
-      Ke,
-      n,
-      v,
-      z
-    ]
-  ), We = R(() => {
-    if (!j) return !1;
-    const i = V.trim();
-    if (!i || Array.from(o).some(
-      (S) => S.textValue?.toLowerCase() === i.toLowerCase()
-    ) || Q && !Q(i))
-      return !1;
-    const f = se(i);
-    return ke(f), r === "multiple" ? (E || (ue(""), ne.current = ""), d?.("")) : (E || (ue(i), ne.current = i), d?.(i)), P?.(f), !0;
-  }, [
-    j,
-    se,
-    Q,
-    V,
-    o,
-    r,
-    d,
-    P,
-    ke,
-    E,
-    ue,
-    ne
-  ]), bt = R(
-    (i) => {
-      if (M || x) return;
-      const a = v, f = new Set(a);
-      i.forEach((S) => f.delete(S)), z(f, a), f.size === 0 && W.current?.focus();
-    },
-    [v, z, M, x]
-  ), ht = R(
-    (i) => {
-      switch (i.key) {
-        case "ArrowDown":
-          if (i.preventDefault(), !C)
-            T(!0), be("first");
-          else {
-            const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyAfter(a) : p.collection.getFirstKey();
-            p.selectionManager.setFocusedKey(
-              f ?? p.collection.getFirstKey()
-            );
-          }
-          break;
-        case "ArrowUp":
-          if (i.preventDefault(), !C)
-            T(!0), be("last");
-          else {
-            const a = p.selectionManager.focusedKey, f = a ? p.collection.getKeyBefore(a) : p.collection.getLastKey();
-            p.selectionManager.setFocusedKey(
-              f ?? p.collection.getLastKey()
-            );
-          }
-          break;
-        case "Enter":
-          if (C && p.selectionManager.focusedKey) {
-            i.preventDefault();
-            const a = p.selectionManager.focusedKey;
-            if (r === "multiple") {
-              const f = new Set(v);
-              f.has(a) ? f.delete(a) : f.add(a), z(f);
-            } else
-              z(/* @__PURE__ */ new Set([a])), p.selectionManager.setFocusedKey(null);
-          } else C && !p.selectionManager.focusedKey && j && We() && i.preventDefault();
-          break;
-        case "Escape":
-          C && (i.preventDefault(), T(!1), p.selectionManager.setFocusedKey(null));
-          break;
-        case "Home":
-          if (C) {
-            i.preventDefault();
-            const a = p.collection.getFirstKey();
-            p.selectionManager.setFocusedKey(a);
-          }
-          break;
-        case "End":
-          if (C) {
-            i.preventDefault();
-            const a = p.collection.getLastKey();
-            p.selectionManager.setFocusedKey(a);
-          }
-          break;
-        case "Backspace":
-          if (V === "") {
-            const a = Array.from(v);
-            if (a.length > 0)
-              if (i.preventDefault(), r === "single")
-                z(/* @__PURE__ */ new Set());
-              else {
-                const f = new Set(a);
-                f.delete(a[a.length - 1]), z(f);
-              }
-          }
-          break;
-      }
-    },
-    [
-      C,
-      p.selectionManager,
-      p.collection,
-      z,
-      T,
-      be,
-      r,
-      V,
-      v,
-      j,
-      We
-    ]
-  ), xt = R(() => {
-    K === "focus" && !M && !x && T(!0), r === "single" && V && W.current && W.current.select();
-  }, [
-    K,
-    M,
-    x,
-    T,
-    r,
-    V
-  ]), vt = R(
-    (i) => {
-      if (!L) return;
-      const a = i.currentTarget;
-      setTimeout(() => {
-        const f = document.activeElement;
-        a.contains(f) || T(!1);
-      }, 150);
-    },
-    [L, T]
-  ), Ge = A(null);
-  Z(() => {
-    D && W.current && !M && W.current.focus();
-  }, [D, M]);
-  const qe = A(C);
-  Z(() => {
-    y === void 0 && qe.current !== C && (qe.current = C, $?.(C));
-  }, [C, y, $]), Z(() => {
-    if (r !== "single") return;
-    const i = Array.from(p.selectionManager.selectedKeys), a = i.length > 0 ? i[0] : null;
-    if (a === Ge.current) return;
-    Ge.current = a;
-    const f = a !== null ? p.collection.getItem(a) : null;
-    if (a !== null && !f)
-      return;
-    const S = f?.textValue ?? "";
-    E ? d?.(S) : (ue(S), ne.current = S);
-  }, [
-    r,
-    p.selectionManager.selectedKeys,
-    p.collection,
-    E,
-    d
-  ]), Z(() => {
-    if (C && Ee) {
-      const i = Ee === "first" ? p.collection.getFirstKey() : p.collection.getLastKey();
-      p.selectionManager.setFocusedKey(i ?? null), be(null);
-    }
-  }, [C, Ee, p.collection, p.selectionManager]), Z(() => {
-    C ? p.selectionManager.setFocused(!0) : (p.selectionManager.setFocused(!1), p.selectionManager.setFocusedKey(null));
-  }, [C, p.selectionManager]);
-  const je = A(!1);
-  p.collection.size > 0 && (je.current = !0), Z(() => {
-    if (!C || U || Se || !je.current) return;
-    p.collection.size > 0 || T(!1);
-  }, [
-    C,
-    U,
-    Se,
-    p.collection.size,
-    T,
-    V
-  ]), Z(() => {
-    const i = Fe.current;
-    if (!i) return;
-    const a = () => {
-      const S = i.offsetWidth;
-      mt(`${S}px`);
-    };
-    a();
-    const f = new ResizeObserver(a);
-    return f.observe(i), () => {
-      f.disconnect();
-    };
-  }, []);
-  const Ct = [
-    // InputContext: Props for ComboBox.Input component
-    // Configures the input field with ARIA attributes, event handlers, and validation
-    [
-      Be,
-      {
-        ref: W,
-        role: "combobox",
-        // ARIA role for autocomplete input
-        "aria-autocomplete": "list",
-        // Indicates suggestions are in a list
-        "aria-controls": r === "multiple" ? `${ce} ${re}` : re,
-        // Single-select: controls only listbox
-        "aria-expanded": C,
-        // Announces menu open/closed state
-        "aria-activedescendant": p.selectionManager.focusedKey ? `${re}-option-${p.selectionManager.focusedKey}` : void 0,
-        "aria-describedby": r === "multiple" ? `${ce} ${ie ?? ""}` : ie,
-        "aria-label": X,
-        "aria-labelledby": le,
-        value: V,
-        onChange: (i) => gt(i.target.value),
-        onKeyDown: ht,
-        onFocus: xt,
-        onBlur: vt,
-        disabled: M,
-        readOnly: x,
-        required: pe,
-        "aria-invalid": te,
-        placeholder: m,
-        name: H,
-        form: Ce,
-        validationbehavior: ve,
-        validate: N
-      }
-    ],
-    // TagGroupContext: Props for ComboBox.TagGroup component (multi-select only)
-    // Renders selected items as removable tags
-    [
-      De,
-      {
-        id: ce,
-        "aria-label": t.format("selectedValues"),
-        items: dt,
-        // Selected items to display as tags
-        onRemove: bt
-        // Handle tag removal
-      }
-    ],
-    // ButtonContext: Props for toggle and clear buttons
-    // Uses "slots" pattern to configure multiple buttons via single context
-    [
-      Ve,
-      {
-        slots: {
-          toggle: {
-            onPress: pt,
-            "aria-label": t.format("toggleOptions"),
-            isDisabled: M || x,
-            isPressed: C
-            // Visual indicator that menu is open
-          },
-          clear: {
-            onPress: yt,
-            "aria-label": t.format("clearSelection"),
-            style: v.size > 0 ? void 0 : { display: "none" },
-            isDisabled: M || x || p.selectionManager.selectedKeys.size === 0
-            // Disabled when nothing selected
-          }
-        }
-      }
-    ],
-    // PopoverContext: Props for ComboBox.Popover component
-    // Controls menu positioning, portal rendering, and open/close behavior
-    [
-      qt,
-      {
-        isOpen: C,
-        // No-op onOpenChange: We control state internally, prevent React Aria from managing its own state
-        onOpenChange: () => {
-        },
-        ref: Oe,
-        triggerRef: Fe,
-        // Popover positions relative to this element
-        scrollRef: ge,
-        // Enables scroll-into-view for keyboard navigation
-        isNonModal: !0,
-        // Non-modal: doesn't trap focus, allows interaction outside
-        trigger: "ComboBox",
-        // Identifies this as a combobox popover (not tooltip, dialog, etc.)
-        placement: "bottom start",
-        // Default placement below trigger, aligned to start
-        style: {
-          "--nimbus-combobox-trigger-width": ft
-        },
-        // CSS custom property for menu width
-        clearContexts: [
-          // Clear these contexts so popover content doesn't inherit combobox contexts
-          Gt,
-          Ve,
-          Be,
-          Wt,
-          jt
-        ]
-      }
-    ],
-    // SelectableCollectionContext: Enables virtual focus for keyboard navigation
-    // Virtual focus uses aria-activedescendant instead of moving browser focus
-    [Nt, { shouldUseVirtualFocus: !0 }],
-    // ListBoxContext: Props for ComboBox.ListBox component
-    // Configures the option list with items, ARIA attributes, and behaviors
-    [
-      Xe,
-      {
-        items: s,
-        // Items to render (merged from outer component)
-        id: re,
-        // ID referenced by aria-controls on input
-        ref: ge,
-        // Ref for scroll positioning
-        renderEmptyState: J,
-        // Custom empty state renderer
-        shouldFocusWrap: O,
-        // Whether to wrap focus from last to first item
-        "aria-label": t.format("options")
-      }
-    ],
-    // ListStateContext: React Aria's collection state for managing selection and focus
-    [It, p]
-  ];
-  return /* @__PURE__ */ xe(
-    Ye,
-    {
-      values: Ct,
-      children: [
-        /* @__PURE__ */ g(
-          _e,
-          {
-            name: H,
-            form: Ce,
-            selectedKeys: v,
-            selectionMode: r,
-            formValue: Ae,
-            allowsCustomOptions: j,
-            collection: p.collection,
-            inputValue: V
-          }
-        ),
-        c
-      ]
-    }
-  );
-}, tt = (e) => {
-  const [t, r] = me(e), s = Pe(Be), { inputRef: o } = Me();
-  let n = "", c = "";
-  s && typeof s == "object" && "value" in s && (n = s.value || "", c = s.placeholder || "");
-  const l = Math.max(n.length || c.length || 1, 1);
-  return /* @__PURE__ */ g(sr, { asChild: !0, ...t, children: /* @__PURE__ */ g(
-    Dt,
-    {
-      ref: o,
-      ...r,
-      size: l,
-      "data-empty": !(n.length || c.length)
-    }
-  ) });
-};
-tt.displayName = "ComboBox.Input";
-const wr = ({
-  children: e
-}) => /* @__PURE__ */ g(rr, { children: e }), rt = (e) => {
-  const { selectionMode: t, size: r, getKey: s, getTextValue: o, isDisabled: n, isReadOnly: c } = Me(), [l, u] = me(e), b = Pe(De), h = (b && "items" in b ? b.items : void 0) ?? [];
-  return t !== "multiple" ? null : /* @__PURE__ */ g(nr, { ...l, ...u, asChild: !0, children: /* @__PURE__ */ g(Te.Root, { size: r, children: /* @__PURE__ */ g(Te.TagList, { items: h, display: "contents", children: (d) => {
-    const w = s(d), m = o(d);
-    return /* @__PURE__ */ g(
-      Te.Tag,
-      {
-        id: w,
-        textValue: m,
-        isDisabled: n || c,
-        maxW: "100%",
-        children: m
-      }
-    );
-  } }) }) });
-};
-rt.displayName = "ComboBox.TagGroup";
-const ot = ({
-  children: e,
-  ...t
-}) => {
-  const { triggerRef: r, leadingElement: s, inputRef: o, isLoading: n, isDisabled: c } = Me();
-  return /* @__PURE__ */ xe(tr, { ref: r, onClick: (u) => {
-    !c && u.target instanceof HTMLElement && !u.target.closest("button") && o.current?.focus();
-  }, ...t, children: [
-    s && /* @__PURE__ */ g(wr, { children: s }),
-    /* @__PURE__ */ xe(or, { children: [
-      /* @__PURE__ */ g(rt, {}),
-      /* @__PURE__ */ g(tt, {})
-    ] }),
-    /* @__PURE__ */ g(
-      Ue,
-      {
-        slot: "clear",
-        size: "2xs",
-        variant: "ghost",
-        colorPalette: "primary",
-        children: /* @__PURE__ */ g(Lt, {})
-      }
-    ),
-    /* @__PURE__ */ g(
-      Ue,
-      {
-        slot: "toggle",
-        size: "2xs",
-        variant: "ghost",
-        colorPalette: "neutral",
-        excludeFromTabOrder: !0,
-        children: n ? /* @__PURE__ */ g(Pt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Tt, {})
-      }
-    ),
-    e
-  ] });
-};
-ot.displayName = "ComboBox.Trigger";
-const nt = ({
-  children: e,
-  ref: t,
-  ...r
-}) => {
-  const [s, o] = me(r);
-  return /* @__PURE__ */ g(lr, { asChild: !0, ...s, children: /* @__PURE__ */ g(
-    Rt,
-    {
-      ref: t,
-      isNonModal: !0,
-      autoFocus: !0,
-      ...o,
-      children: e
-    }
-  ) });
-};
-nt.displayName = "ComboBox.Popover";
-function st({
-  children: e,
-  ref: t,
-  ...r
-}) {
-  const [s, o] = me(r);
-  return /* @__PURE__ */ g(ir, { ...s, ref: t, asChild: !0, children: /* @__PURE__ */ g(Bt, { ...o, children: typeof e == "function" ? (c) => {
-    const l = e(c), u = c;
-    return wt(l) && (u.id || u.textValue) ? $t(
-      l,
-      {
-        ...l.props,
-        ...u.id ? { id: u.id } : {},
-        ...u.textValue ? { textValue: u.textValue } : {}
-      }
-    ) : l;
-  } : e }) });
-}
-st.displayName = "ComboBox.ListBox";
-function lt({
-  children: e,
-  ref: t,
-  ...r
-}) {
-  const [s, o] = me(r);
-  return /* @__PURE__ */ g(ar, { ...s, asChild: !0, children: /* @__PURE__ */ g(Mt, { ref: t, ...o, children: (n) => {
-    const c = typeof e == "function" ? e({
-      ...n
-    }) : e;
-    return n.selectionMode === "multiple" ? /* @__PURE__ */ xe(He, { children: [
-      /* @__PURE__ */ g(ur, { children: /* @__PURE__ */ g("span", { "data-selected": n.isSelected, children: n.isSelected && /* @__PURE__ */ g(Vt, {}) }) }),
-      /* @__PURE__ */ g(dr, { children: c })
-    ] }) : /* @__PURE__ */ g(He, { children: c });
-  } }) });
-}
-lt.displayName = "ComboBox.Option";
-function it({
-  children: e,
-  label: t,
-  items: r,
-  ref: s,
-  ...o
-}) {
-  if (r && typeof e != "function")
-    throw new Error(
-      'ComboBox.Section: When "items" is provided, "children" must be a function'
-    );
-  return /* @__PURE__ */ xe(At, { ref: s, ...o, children: [
-    t && /* @__PURE__ */ g(cr, { asChild: !0, children: /* @__PURE__ */ g(Kt, { children: t }) }),
-    r ? /* @__PURE__ */ g(Ot, { items: r, children: (n) => typeof e == "function" ? e(n) : null }) : e
-  ] });
-}
-it.displayName = "ComboBox.Section";
-function ct(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), s = [];
-  for (const o of e)
-    o.textValue.toLowerCase().includes(r) && s.push(o);
-  return s;
-}
-function $r(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), s = [];
-  for (const o of e)
-    o.textValue.toLowerCase().startsWith(r) && s.push(o);
-  return s;
-}
-function Kr(e, t) {
-  if (!t.trim()) return e;
-  const r = [];
-  for (const s of e)
-    s.textValue.includes(t) && r.push(s);
-  return r;
-}
-function Ir(e, t) {
-  if (!t.trim()) return e;
-  const r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), s = new RegExp(`\\b${r}`, "i"), o = [];
-  for (const n of e)
-    s.test(n.textValue) && o.push(n);
-  return o;
-}
-function Br(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), s = [];
-  for (const o of e) {
-    const n = o.textValue.toLowerCase();
-    let c = 0;
-    for (let l = 0; l < n.length && c < r.length; l++)
-      n[l] === r[c] && c++;
-    c === r.length && s.push(o);
-  }
-  return s;
-}
-function Mr(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const s = r.toLowerCase(), o = [];
-    for (const n of t) {
-      const c = n.value;
-      if (!c) continue;
-      e.some((u) => {
-        const b = u.split(".").reduce((d, w) => d && typeof d == "object" ? d[w] : void 0, c);
-        return b == null ? !1 : String(b).toLowerCase().includes(s);
-      }) && o.push(n);
-    }
-    return o;
-  };
-}
-function Ar(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const s = [];
-    for (const o of t) {
-      const n = e(o, r);
-      n > 0 && s.push({ node: o, score: n });
-    }
-    return s.sort((o, n) => n.score - o.score), s.map((o) => o.node);
-  };
-}
-function Fr(e = ct) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const s = r.split(/\s+/).filter((c) => c.length > 0);
-    if (s.length === 0) return t;
-    const o = /* @__PURE__ */ new Set();
-    for (const c of s) {
-      const l = e(t, c);
-      for (const u of l)
-        o.add(u.key);
-    }
-    const n = [];
-    for (const c of t)
-      o.has(c.key) && n.push(c);
-    return n;
-  };
-}
-function Or(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const s = [];
-    let o = null;
-    const n = [], c = () => {
-      o && n.length > 0 && (s.push(o), s.push(...n)), n.length = 0;
-    };
-    for (const l of t)
-      if (l.type === "section")
-        c(), o = l;
-      else {
-        const u = Array.from(e([l], r));
-        u.length > 0 && n.push(...u);
-      }
-    return c(), s;
-  };
-}
-const oo = {
-  /**
-   * # ComboBox.Root
-   *
-   * The root component that provides state management and context for the combobox.
-   * Handles selection state, input filtering, popover open/close, and keyboard navigation.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.Root items={items}>
-   *   <ComboBox.Trigger />
-   *   <ComboBox.Popover>
-   *     <ComboBox.ListBox>
-   *       {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   *     </ComboBox.ListBox>
-   *   </ComboBox.Popover>
-   * </ComboBox.Root>
-   * ```
-   */
-  Root: et,
-  /**
-   * # ComboBox.Trigger
-   *
-   * The trigger element that contains the input field and controls for the combobox.
-   * Automatically renders tag group (multi-select), input field, toggle button, and clear button.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.Root items={items}>
-   *   <ComboBox.Trigger />
-   *   <ComboBox.Popover>...</ComboBox.Popover>
-   * </ComboBox.Root>
-   * ```
-   */
-  Trigger: ot,
-  /**
-   * # ComboBox.Popover
-   *
-   * The popover container that displays the dropdown options list.
-   * Renders in a React portal and handles positioning relative to the trigger.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.Popover>
-   *   <ComboBox.ListBox>
-   *     {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   *   </ComboBox.ListBox>
-   * </ComboBox.Popover>
-   * ```
-   */
-  Popover: nt,
-  /**
-   * # ComboBox.ListBox
-   *
-   * The container for dropdown options that displays filtered results.
-   *
-   * Use the render prop pattern - do **NOT** manually map over items as this is less performant.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.ListBox>
-   *   {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   * </ComboBox.ListBox>
-   * ```
-   */
-  ListBox: st,
-  /**
-   * # ComboBox.Option
-   *
-   * An individual selectable option within the listbox.
-   * Displays a checkmark indicator for selected items in multi-select mode.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.Option>Option text</ComboBox.Option>
-   * ```
-   *
-   * @example Render prop pattern
-   * ```tsx
-   * <ComboBox.Option>
-   *   {({ isSelected }) => (
-   *     <span>Option 1 {isSelected && "✓"}</span>
-   *   )}
-   * </ComboBox.Option>
-   * ```
-   */
-  Option: lt,
-  /**
-   * # ComboBox.Section
-   *
-   * Groups related options together with an optional heading.
-   * Supports render prop pattern for dynamic option rendering within sections.
-   *
-   * @example
-   * ```tsx
-   * <ComboBox.Section label="Category Name">
-   *   <ComboBox.Option id="opt-1">Option 1</ComboBox.Option>
-   *   <ComboBox.Option id="opt-2">Option 2</ComboBox.Option>
-   * </ComboBox.Section>
-   * ```
-   *
-   * @example Render prop pattern
-   * ```tsx
-   * <ComboBox.Section items={categoryItems}>
-   *   {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   * </ComboBox.Section>
-   * ```
-   */
-  Section: it,
-  /**
-   * # ComboBox.filters
-   *
-   * Built-in filter functions and utilities for customizing ComboBox filtering behavior.
-   * These filters can be passed to the `filter` prop on ComboBox.Root to control how options are filtered based on user input.
-   *
-   * **Available Filters:**
-   * - `filterByText`: Default substring matching (case-insensitive)
-   * - `filterByStartsWith`: Prefix matching
-   * - `filterByCaseSensitive`: Exact case substring matching
-   * - `filterByWordBoundary`: Word boundary matching
-   * - `filterByFuzzy`: Fuzzy matching (characters in order)
-   * - `createMultiPropertyFilter`: Search across multiple object properties
-   * - `createRankedFilter`: Custom scoring/ranking logic
-   * - `createMultiTermFilter`: OR logic for multiple search terms
-   * - `createSectionAwareFilter`: Preserves section structure while filtering
-   *
-   * @example Basic filter usage
-   * ```tsx
-   * import { ComboBox } from '@commercetools/nimbus';
-   *
-   * function MyComponent() {
-   *   return (
-   *     <ComboBox.Root
-   *       items={items}
-   *       filter={ComboBox.filters.filterByStartsWith}
-   *     >
-   *       <ComboBox.Trigger />
-   *       <ComboBox.Popover>
-   *         <ComboBox.ListBox>
-   *           {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   *         </ComboBox.ListBox>
-   *       </ComboBox.Popover>
-   *     </ComboBox.Root>
-   *   );
-   * }
-   * ```
-   *
-   * @example Multi-property search
-   * ```tsx
-   * const productFilter = ComboBox.filters.createMultiPropertyFilter<Product>([
-   *   'name',
-   *   'category',
-   *   'description'
-   * ]);
-   *
-   * function ProductSearch() {
-   *   return (
-   *     <ComboBox.Root items={products} filter={productFilter}>
-   *       <ComboBox.Trigger />
-   *       <ComboBox.Popover>
-   *         <ComboBox.ListBox>
-   *           {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   *         </ComboBox.ListBox>
-   *       </ComboBox.Popover>
-   *     </ComboBox.Root>
-   *   );
-   * }
-   * ```
-   *
-   * @example Section-aware filtering
-   * ```tsx
-   * const sectionFilter = ComboBox.filters.createSectionAwareFilter(
-   *   ComboBox.filters.filterByFuzzy
-   * );
-   *
-   * function SectionedSearch() {
-   *   return (
-   *     <ComboBox.Root items={sectionsWithItems} filter={sectionFilter}>
-   *       <ComboBox.Trigger />
-   *       <ComboBox.Popover>
-   *         <ComboBox.ListBox>
-   *           {(section) => (
-   *             <ComboBox.Section>
-   *               {(item) => <ComboBox.Option>{item.name}</ComboBox.Option>}
-   *             </ComboBox.Section>
-   *           )}
-   *         </ComboBox.ListBox>
-   *       </ComboBox.Popover>
-   *     </ComboBox.Root>
-   *   );
-   * }
-   * ```
-   */
-  filters: {
-    filterByText: ct,
-    filterByStartsWith: $r,
-    filterByCaseSensitive: Kr,
-    filterByWordBoundary: Ir,
-    filterByFuzzy: Br,
-    createMultiPropertyFilter: Mr,
-    createRankedFilter: Ar,
-    createMultiTermFilter: Fr,
-    createSectionAwareFilter: Or
-  }
-};
-export {
-  oo as C
-};
-//# sourceMappingURL=combobox-B6iyR31V.es.js.map