@commercetools/nimbus 2.11.0 → 3.1.0

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

@@ -1,1549 +0,0 @@
-import { jsx as g, jsxs as Se, Fragment as He } from "react/jsx-runtime";
-import { createContext as Qe, useReducer as wt, useRef as $, useEffect as Y, useMemo as ee, useContext as Re, useState as Z, useCallback as L, isValidElement as $t, cloneElement as Kt } from "react";
-import { d as It } from "./getItemCount-BEy-gD1d.es.js";
-import { $ as Xe, a as Bt, b as Mt, c as Tt, d as At } from "./ListBox-BQGvhjf1.es.js";
-import { f as Ft, g as Ot } from "./CollectionBuilder-CbqLnlVI.es.js";
-import { createSlotRecipeContext as Vt, useSlotRecipe as Et } from "@chakra-ui/react/styled-system";
-import { Close as Lt, KeyboardArrowDown as Dt, Check as Rt } from "@commercetools/nimbus-icons";
-import { e as pe } from "./extract-style-props-D86m_g63.es.js";
-import { P as Pt } from "./popover-BBxctRr2.es.js";
-import { I as Ue } from "./icon-button-COjLtd6N.es.js";
-import { L as zt } from "./loading-spinner-DjYAzT9l.es.js";
-import { $ as Me, a as Nt } from "./Input-BLulRm-m.es.js";
-import { $ as Pe, T as Ee } from "./tag-group-D8hKdjB9.es.js";
-import { $ as kt } from "./useListData-9OeguMQW.es.js";
-import { a as Wt } from "./useListState-CCuYEVMA.es.js";
-import { $ as Je } from "./mergeProps-Bcbq3GVJ.es.js";
-import { $ as Gt } from "./Autocomplete-B1xvEyxv.es.js";
-import { $ as Le } from "./Button-i3wfJjZy.es.js";
-import { $ as qt, e as Ye } from "./utils-BBrLCz2b.es.js";
-import { a as _t } from "./Group-MOzeoewy.es.js";
-import { $ as jt } from "./Label-DVM33Itv.es.js";
-import { h as Ht } from "./Dialog-Dwy2_Ptk.es.js";
-import { $ as Ut } from "./Text-DOcU1ycg.es.js";
-import { n as Ce, u as Jt } from "./normalize-messages-CeN1NEyM.es.js";
-const Qt = /* @__PURE__ */ Qe(null);
-function Xt(e, t) {
-  let r;
-  switch (e.state) {
-    case "idle":
-    case "error":
-      switch (t.type) {
-        case "loading":
-        case "loadingMore":
-        case "sorting":
-        case "filtering":
-          return {
-            ...e,
-            filterText: t.filterText ?? e.filterText,
-            state: t.type,
-            // Reset items to an empty list if loading, but not when sorting.
-            items: t.type === "loading" ? [] : e.items,
-            sortDescriptor: t.sortDescriptor ?? e.sortDescriptor,
-            abortController: t.abortController
-          };
-        case "update":
-          return {
-            ...e,
-            ...t.updater?.(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":
-          return t.abortController !== e.abortController ? e : (r = t.selectedKeys ?? e.selectedKeys, {
-            ...e,
-            filterText: t.filterText ?? e.filterText,
-            state: "idle",
-            items: [
-              ...t.items ?? []
-            ],
-            selectedKeys: r === "all" ? "all" : new Set(r),
-            sortDescriptor: t.sortDescriptor ?? 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":
-          return e.abortController?.abort("aborting current load and starting new one"), {
-            ...e,
-            filterText: t.filterText ?? 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":
-          return {
-            ...e,
-            ...t.updater?.(e)
-          };
-        default:
-          throw new Error(`Invalid action "${t.type}" in state "${e.state}"`);
-      }
-    case "loadingMore":
-      switch (t.type) {
-        case "success":
-          return r = e.selectedKeys === "all" || t.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
-            ...e.selectedKeys,
-            ...t.selectedKeys ?? []
-          ]), {
-            ...e,
-            state: "idle",
-            items: [
-              ...e.items,
-              ...t.items ?? []
-            ],
-            selectedKeys: r,
-            sortDescriptor: t.sortDescriptor ?? 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":
-          return e.abortController?.abort(), {
-            ...e,
-            filterText: t.filterText ?? 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":
-          return t.abortController?.abort(), e;
-        case "update":
-          return {
-            ...e,
-            ...t.updater?.(e)
-          };
-        default:
-          throw new Error(`Invalid action "${t.type}" in state "${e.state}"`);
-      }
-    default:
-      throw new Error(`Invalid state "${e.state}"`);
-  }
-}
-function Yt(e) {
-  const { load: t, sort: r, initialSelectedKeys: n, initialSortDescriptor: o, getKey: l = (d) => d.id || d.key, initialFilterText: u = "" } = e;
-  let [i, a] = wt(Xt, {
-    state: "idle",
-    error: void 0,
-    items: [],
-    selectedKeys: n === "all" ? "all" : new Set(n),
-    sortDescriptor: o,
-    filterText: u
-  });
-  const y = async (d, I) => {
-    let p = new AbortController();
-    try {
-      a({
-        ...d,
-        abortController: p
-      });
-      let B = d.filterText ?? i.filterText, D = await I({
-        items: i.items.slice(),
-        selectedKeys: i.selectedKeys,
-        sortDescriptor: d.sortDescriptor ?? i.sortDescriptor,
-        signal: p.signal,
-        cursor: d.type === "loadingMore" ? i.cursor : void 0,
-        filterText: B,
-        loadingState: i.state
-      }), A = D.filterText ?? B;
-      a({
-        type: "success",
-        ...D,
-        abortController: p
-      }), A && A !== B && !p.signal.aborted && y({
-        type: "filtering",
-        filterText: A
-      }, t);
-    } catch (B) {
-      a({
-        type: "error",
-        error: B,
-        abortController: p
-      });
-    }
-  };
-  let h = $(!1);
-  return Y(() => {
-    h.current || (y({
-      type: "loading"
-    }, t), h.current = !0);
-  }, []), {
-    items: i.items,
-    selectedKeys: i.selectedKeys,
-    sortDescriptor: i.sortDescriptor,
-    isLoading: i.state === "loading" || i.state === "loadingMore" || i.state === "sorting" || i.state === "filtering",
-    loadingState: i.state,
-    error: i.error,
-    filterText: i.filterText,
-    getItem(d) {
-      return i.items.find((I) => l(I) === d);
-    },
-    reload() {
-      y({
-        type: "loading"
-      }, t);
-    },
-    loadMore() {
-      i.state === "loading" || i.state === "loadingMore" || i.state === "filtering" || i.cursor == null || y({
-        type: "loadingMore"
-      }, t);
-    },
-    sort(d) {
-      y({
-        type: "sorting",
-        sortDescriptor: d
-      }, r || t);
-    },
-    ...kt({
-      ...e,
-      getKey: l,
-      cursor: i.cursor
-    }, (d) => {
-      a({
-        type: "update",
-        updater: d
-      });
-    }),
-    setFilterText(d) {
-      y({
-        type: "filtering",
-        filterText: d
-      }, t);
-    }
-  };
-}
-function Zt(e, t, r, n) {
-  var o = this, l = $(null), u = $(0), i = $(0), a = $(null), y = $([]), h = $(), d = $(), I = $(e), p = $(!0), B = $(), D = $();
-  I.current = e;
-  var A = typeof window < "u", S = !t && t !== 0 && A;
-  if (typeof e != "function") throw new TypeError("Expected a function");
-  t = +t || 0;
-  var N = !!(r = r || {}).leading, F = !("trailing" in r) || !!r.trailing, U = !!r.flushOnExit && F, J = "maxWait" in r, j = "debounceOnServer" in r && !!r.debounceOnServer, Q = J ? Math.max(+r.maxWait || 0, t) : null, le = ee(function() {
-    var R = function(b) {
-      var M = y.current, P = h.current;
-      return y.current = h.current = null, u.current = b, i.current = i.current || b, d.current = I.current.apply(P, M);
-    }, X = function(b, M) {
-      S && cancelAnimationFrame(a.current), a.current = S ? requestAnimationFrame(b) : setTimeout(b, M);
-    }, ie = function(b) {
-      if (!p.current) return !1;
-      var M = b - l.current;
-      return !l.current || M >= t || M < 0 || J && b - u.current >= Q;
-    }, ce = function(b) {
-      return a.current = null, F && y.current ? R(b) : (y.current = h.current = null, d.current);
-    }, K = function b() {
-      var M = Date.now();
-      if (N && i.current === u.current && ge(), ie(M)) return ce(M);
-      if (p.current) {
-        var P = t - (M - l.current), H = J ? Math.min(P, Q - (M - u.current)) : P;
-        X(b, H);
-      }
-    }, ge = function() {
-    }, te = function() {
-      if (A || j) {
-        var b, M = Date.now(), P = ie(M);
-        if (y.current = [].slice.call(arguments), h.current = o, l.current = M, U && !B.current && (B.current = function() {
-          var H;
-          ((H = global.document) == null ? void 0 : H.visibilityState) === "hidden" && D.current.flush();
-        }, (b = global.document) == null || b.addEventListener == null || b.addEventListener("visibilitychange", B.current)), P) {
-          if (!a.current && p.current) return u.current = l.current, X(K, t), N ? R(l.current) : d.current;
-          if (J) return X(K, t), R(l.current);
-        }
-        return a.current || X(K, t), d.current;
-      }
-    };
-    return te.cancel = function() {
-      var b = a.current;
-      b && (S ? cancelAnimationFrame(a.current) : clearTimeout(a.current)), u.current = 0, y.current = l.current = h.current = a.current = null;
-    }, te.isPending = function() {
-      return !!a.current;
-    }, te.flush = function() {
-      return a.current ? ce(Date.now()) : d.current;
-    }, te;
-  }, [N, J, t, Q, F, U, S, A, j, n]);
-  return D.current = le, Y(function() {
-    return p.current = !0, function() {
-      var R;
-      U && D.current.flush(), B.current && ((R = global.document) == null || R.removeEventListener == null || R.removeEventListener("visibilitychange", B.current), B.current = null), p.current = !1;
-    };
-  }, [U]), le;
-}
-const { withProvider: er, withContext: _ } = /* @__PURE__ */ Vt({
-  key: "nimbusCombobox"
-}), tr = /* @__PURE__ */ er("div", "root"), rr = /* @__PURE__ */ _("div", "trigger"), or = /* @__PURE__ */ _("div", "leadingElement"), nr = /* @__PURE__ */ _("div", "content"), sr = /* @__PURE__ */ _("div", "tagGroup"), lr = /* @__PURE__ */ _("div", "input"), ir = /* @__PURE__ */ _("div", "popover"), cr = /* @__PURE__ */ _("div", "listBox"), ar = /* @__PURE__ */ _("div", "section"), ur = /* @__PURE__ */ _("div", "option"), fr = /* @__PURE__ */ _("div", "optionIndicator"), dr = /* @__PURE__ */ _("div", "optionContent"), mr = {
-  clearSelection: "Clear selection",
-  options: "Options menu",
-  selectedValues: "Selected values",
-  toggleOptions: "Toggle options"
-}, pr = {
-  clearSelection: "Auswahl löschen",
-  options: "Optionsmenü",
-  selectedValues: "Ausgewählte Werte",
-  toggleOptions: "Optionen anzeigen/ verbergen"
-}, gr = {
-  clearSelection: "Borrar selección",
-  options: "Menú de opciones",
-  selectedValues: "Valores seleccionados",
-  toggleOptions: "Opciones de conmutación"
-}, yr = {
-  clearSelection: "Effacer la sélection",
-  options: "Menu d'options",
-  selectedValues: "Valeurs sélectionnées",
-  toggleOptions: "Basculer les options"
-}, br = {
-  clearSelection: "Limpar seleção",
-  options: "Menu de opções",
-  selectedValues: "Selecionar valores",
-  toggleOptions: "Alternar opções"
-}, hr = {
-  en: /* @__PURE__ */ Ce(mr),
-  de: /* @__PURE__ */ Ce(pr),
-  es: /* @__PURE__ */ Ce(gr),
-  "fr-FR": /* @__PURE__ */ Ce(yr),
-  "pt-BR": /* @__PURE__ */ Ce(br)
-};
-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 xr(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 Cr(e) {
-  return {
-    id: e,
-    name: e
-  };
-}
-const Sr = (e) => e ? e instanceof Set ? e : new Set(Array.isArray(e) ? e : [e]) : /* @__PURE__ */ new Set(), vr = (e) => Array.from(e), De = /* @__PURE__ */ Qe(null), Te = () => {
-  const e = Re(De);
-  if (!e)
-    throw new Error(
-      "Nimbus - ComboBox components must be used within ComboBox.Root"
-    );
-  return e;
-}, et = (e) => {
-  const {
-    name: t,
-    form: r,
-    selectedKeys: n,
-    selectionMode: o,
-    formValue: l,
-    allowsCustomOptions: u,
-    collection: i,
-    inputValue: a
-  } = e, y = ee(() => {
-    if (o === "single") {
-      const h = Array.from(n)[0];
-      return h ? l === "text" || u ? Array.from(i).find(
-        (I) => I.key === h
-      )?.textValue || a || "" : String(h) : "";
-    } else {
-      const h = Array.from(n);
-      return l === "text" || u ? h.map((d) => Array.from(i).find(
-        (p) => p.key === d
-      )?.textValue || "").filter(Boolean).join(",") : h.join(",");
-    }
-  }, [
-    o,
-    n,
-    l,
-    u,
-    i,
-    a
-  ]);
-  return t ? /* @__PURE__ */ g(
-    "input",
-    {
-      type: "hidden",
-      name: t,
-      form: typeof r == "string" ? r : void 0,
-      value: y
-    }
-  ) : null;
-};
-et.displayName = "ComboBoxHiddenInput";
-function tt(e) {
-  let t;
-  [e, t] = qt(e, null, Qt);
-  const {
-    selectionMode: r = "single",
-    size: n = "md",
-    getKey: o = Ze,
-    getTextValue: l = xr,
-    children: u,
-    leadingElement: i,
-    inputValue: a,
-    onInputChange: y,
-    isLoading: h,
-    allowsEmptyMenu: d,
-    renderEmptyState: I,
-    async: p,
-    filter: B,
-    allowsCustomOptions: D = !1,
-    isDisabled: A = !1,
-    isInvalid: S = !1,
-    isRequired: N = !1,
-    isReadOnly: F = !1
-  } = e, U = Et({ key: "nimbusCombobox" }), [J, j] = U.splitVariantProps(e), [Q, le] = pe(j), R = $(null), X = $(null), [ie, ce] = Z([]), K = Yt({
-    getKey: o,
-    async load({ signal: w, filterText: q }) {
-      if (!p) return { items: [] };
-      const oe = p.minSearchLength ?? 0;
-      if (!q || q.length < oe)
-        return { items: [] };
-      try {
-        return { items: await p.load(q, w) };
-      } catch (ue) {
-        if (ue.name === "AbortError")
-          throw ue;
-        const x = ue;
-        return p.onError?.(x), { items: [] };
-      }
-    }
-  }), [ge, te] = Z(a), [b, M] = Z(!1), [P, H] = Z([]), Ae = p?.debounce ?? 300, ve = Zt((w) => {
-    M(!1), K.setFilterText(w);
-  }, Ae), we = L(
-    (w) => {
-      te(w), M(!0), ve(w);
-    },
-    [ve]
-  ), k = p ? ge : a, $e = p ? we : y, G = p ? b || K.loadingState === "loading" || K.loadingState === "loadingMore" || K.loadingState === "filtering" : h, ye = p || D ? !0 : d, Ke = L(() => G ? k?.length ? `loading results for "${k}"` : "loading results" : k?.length && p?.minSearchLength && k.length >= p.minSearchLength ? `no results for "${k}"` : p?.minSearchLength ? `enter at least ${p?.minSearchLength} characters` : "type to search", [p?.minSearchLength, G, k]), Ie = L(() => G ? k?.length ? `loading results for "${k}"` : "loading results" : 'hit "enter" to create an option', [G, k]), V = (D ? Ie : p ? Ke : void 0) ?? I, re = ee(() => {
-    const w = p ? Array.from(K.items) : e.items, q = w ? Array.from(w) : [], oe = new Set(q.map((T) => o(T)));
-    let x = [...ie.filter(
-      (T) => !oe.has(o(T))
-    ), ...q];
-    if (p && r === "multiple" && P.length > 0) {
-      const T = new Set(x.map((he) => o(he)));
-      x = [...P.filter(
-        (he) => !T.has(o(he))
-      ), ...x];
-    }
-    return x;
-  }, [
-    p,
-    K.items,
-    e.items,
-    ie,
-    P,
-    r,
-    o
-  ]), ae = ee(
-    () => ({
-      selectionMode: r,
-      size: n,
-      getKey: o,
-      getTextValue: l,
-      leadingElement: i,
-      triggerRef: R,
-      inputRef: X,
-      isLoading: G,
-      isDisabled: A,
-      isRequired: N,
-      isInvalid: S,
-      isReadOnly: F
-    }),
-    [
-      r,
-      o,
-      l,
-      i,
-      R,
-      X,
-      G,
-      n,
-      A,
-      N,
-      S,
-      F
-    ]
-  ), be = ee(() => {
-    if (re)
-      return Array.from(re).map((w) => {
-        const q = "id" in w, oe = "textValue" in w;
-        return q && oe ? w : {
-          ...w,
-          ...q ? {} : { id: o(w) },
-          ...oe ? {} : { textValue: l(w) }
-        };
-      });
-  }, [re, o, l]), Fe = ee(
-    () => /* @__PURE__ */ g(
-      De.Provider,
-      {
-        value: ae,
-        children: /* @__PURE__ */ g(Xe.Provider, { value: { items: be }, children: typeof u == "function" ? u({
-          isOpen: !1,
-          isDisabled: A,
-          isInvalid: S,
-          isRequired: N,
-          isReadOnly: F,
-          defaultChildren: null
-        }) : u })
-      }
-    ),
-    [
-      u,
-      A,
-      S,
-      F,
-      N,
-      be,
-      ae
-    ]
-  );
-  return /* @__PURE__ */ g(
-    Ye,
-    {
-      values: [
-        [Le, {}],
-        [Me, {}],
-        [Pe, {}]
-      ],
-      children: /* @__PURE__ */ g(
-        De.Provider,
-        {
-          value: ae,
-          children: /* @__PURE__ */ g(
-            tr,
-            {
-              ref: t,
-              ...J,
-              ...Q,
-              size: n,
-              "data-disabled": A,
-              "data-invalid": S,
-              "data-required": N,
-              "data-readonly": F,
-              "data-open": e.isOpen,
-              role: "group",
-              children: /* @__PURE__ */ g(Ft, { content: Fe, children: (w) => (
-                // Pass the built collection to ComboBoxRootInner which handles all behavior
-                /* @__PURE__ */ g(
-                  wr,
-                  {
-                    ...le,
-                    size: n,
-                    filter: B,
-                    selectionMode: r,
-                    inputValue: k,
-                    onInputChange: $e,
-                    getKey: o,
-                    getTextValue: l,
-                    allowsEmptyMenu: ye,
-                    renderEmptyState: V,
-                    isDisabled: A,
-                    isRequired: N,
-                    isInvalid: S,
-                    isReadOnly: F,
-                    collection: w,
-                    allowsCustomOptions: D,
-                    asyncConfig: p,
-                    onAsyncSelectedItemsChange: p && r === "multiple" ? H : void 0,
-                    onAddCustomItem: ce,
-                    onAddAsyncSelectedItem: H
-                  }
-                )
-              ) })
-            }
-          )
-        }
-      )
-    }
-  );
-}
-tt.displayName = "ComboBox.Root";
-const wr = (e) => {
-  const t = Jt(hr), {
-    selectionMode: r = "single",
-    items: n,
-    collection: o,
-    getKey: l = Ze,
-    children: u,
-    selectedKeys: i = [],
-    onSelectionChange: a,
-    disabledKeys: y,
-    inputValue: h = "",
-    onInputChange: d,
-    filter: I,
-    placeholder: p,
-    menuTrigger: B = "input",
-    shouldCloseOnBlur: D = !0,
-    shouldCloseOnSelect: A = !0,
-    isOpen: S,
-    defaultOpen: N = !1,
-    onOpenChange: F,
-    allowsEmptyMenu: U = !1,
-    renderEmptyState: J,
-    allowsCustomOptions: j = !1,
-    isValidNewOption: Q,
-    getNewOptionData: le = Cr,
-    onCreateOption: R,
-    "aria-label": X,
-    "aria-labelledby": ie,
-    "aria-describedby": ce,
-    isDisabled: K = !1,
-    isRequired: ge = !1,
-    isInvalid: te = !1,
-    isReadOnly: b = !1,
-    shouldFocusWrap: M = !0,
-    autoFocus: P = !1,
-    name: H,
-    formValue: Ae,
-    validationBehavior: ve = "aria",
-    form: we,
-    validate: k,
-    isLoading: $e,
-    asyncConfig: G,
-    onAsyncSelectedItemsChange: ye,
-    onAddCustomItem: Ke,
-    onAddAsyncSelectedItem: Ie
-  } = e, { triggerRef: Be, inputRef: V } = Te(), re = Je(), ae = Je(), be = $(null), Fe = $(null), w = ee(
-    () => Sr(i),
-    [i]
-  ), q = !!a, [oe, ue] = Z(
-    w
-  ), x = q ? w : oe, T = d !== void 0, ze = () => {
-    if (h) return h;
-    if (T || r !== "single") return "";
-    const s = Array.from(x);
-    if (s.length === 0) return "";
-    const c = s[0];
-    return o.getItem(c)?.textValue ?? "";
-  }, [he, fe] = Z(
-    ze
-  ), E = T ? h : he, ne = $(E), [ut, Ne] = Z(N), C = S ?? ut, [Oe, xe] = Z(
-    null
-  ), O = L(
-    (s) => {
-      S === void 0 && Ne(s), F?.(s);
-    },
-    [S, F]
-  ), ft = ee(() => {
-    if (E.trim() === "")
-      return o;
-    if (r === "single") {
-      const c = Array.from(x);
-      if (c.length > 0) {
-        const f = c[0];
-        if (o.getItem(f)?.textValue === E)
-          return o;
-      }
-    }
-    if (I) {
-      const c = Array.from(o), f = Array.from(I(c, E)), v = new Set(f.map((se) => se.key));
-      return o.filter?.((se, Ve) => v.has(Ve.key)) ?? o;
-    }
-    const s = E.toLowerCase();
-    return o.filter?.((c) => c.toLowerCase().includes(s)) ?? o;
-  }, [o, E, I, r, x]), dt = ee(
-    () => r === "multiple" ? Array.from(x).map((s) => o.getItem(s)?.value).filter((s) => s !== void 0) : [],
-    [r, x, o]
-  ), [mt, pt] = Z(null), gt = L(() => {
-    const s = S === void 0 ? !C : !S;
-    S === void 0 ? Ne((c) => !c) : F?.(!S), s && (V.current?.focus(), xe("first"));
-  }, [S, C, F, V]), yt = L(
-    (s) => {
-      T || fe(s), d?.(s), B === "input" && s !== ne.current && O(!0), ne.current = s;
-    },
-    [T, d, B, O]
-  ), z = L(
-    (s, c) => {
-      let f = s === "all" ? new Set(Array.from(o).map((W) => W.key)) : s;
-      const v = c ?? x, se = f.size > 0 && Array.from(f).every((W) => v.has(W)) && f.size < v.size;
-      if (r === "multiple" && f.size === 1 && !se) {
-        const W = Array.from(f)[0], me = v.has(W), de = new Set(v);
-        me ? de.delete(W) : de.add(W), f = de;
-      }
-      const Ve = vr(f);
-      if (a ? a(Ve) : ue(f), G && r === "multiple" && ye) {
-        const W = Array.from(f).map((me) => o.getItem(me)?.value).filter((me) => me !== void 0);
-        ye(W);
-      }
-      if (r === "single") {
-        const W = Array.from(f)[0];
-        if (W !== null) {
-          const de = o.getItem(W)?.textValue ?? "";
-          T || (fe(de), ne.current = de), d?.(de);
-        }
-        A && O(!1);
-      }
-    },
-    [
-      o,
-      r,
-      x,
-      a,
-      d,
-      A,
-      O,
-      T,
-      G,
-      ye
-    ]
-  ), m = Wt({
-    selectionMode: r,
-    collection: ft,
-    selectedKeys: x,
-    onSelectionChange: z,
-    disabledKeys: y
-  }), bt = L(() => {
-    z(/* @__PURE__ */ new Set()), T || (fe(""), ne.current = ""), d?.(""), O(!0), requestAnimationFrame(() => {
-      V.current?.focus();
-    });
-  }, [
-    z,
-    T,
-    d,
-    O,
-    V
-  ]), ke = L(
-    (s) => {
-      Ke?.((v) => [...v, s]), G && r === "multiple" && Ie?.((v) => [...v, s]);
-      const c = l(s), f = x;
-      if (r === "single")
-        z(/* @__PURE__ */ new Set([c]), f);
-      else {
-        const v = new Set(f);
-        v.add(c), z(v, f);
-      }
-    },
-    [
-      Ke,
-      G,
-      r,
-      Ie,
-      l,
-      x,
-      z
-    ]
-  ), We = L(() => {
-    if (!j) return !1;
-    const s = E.trim();
-    if (!s || Array.from(o).some(
-      (v) => v.textValue?.toLowerCase() === s.toLowerCase()
-    ) || Q && !Q(s))
-      return !1;
-    const f = le(s);
-    return ke(f), r === "multiple" ? (T || (fe(""), ne.current = ""), d?.("")) : (T || (fe(s), ne.current = s), d?.(s)), R?.(f), !0;
-  }, [
-    j,
-    le,
-    Q,
-    E,
-    o,
-    r,
-    d,
-    R,
-    ke,
-    T,
-    fe,
-    ne
-  ]), ht = L(
-    (s) => {
-      if (K || b) return;
-      const c = x, f = new Set(c);
-      s.forEach((v) => f.delete(v)), z(f, c), f.size === 0 && V.current?.focus();
-    },
-    [
-      x,
-      z,
-      K,
-      b,
-      V
-    ]
-  ), xt = L(
-    (s) => {
-      switch (s.key) {
-        case "ArrowDown":
-          if (s.preventDefault(), !C)
-            O(!0), xe("first");
-          else {
-            const c = m.selectionManager.focusedKey, f = c ? m.collection.getKeyAfter(c) : m.collection.getFirstKey();
-            m.selectionManager.setFocusedKey(
-              f ?? m.collection.getFirstKey()
-            );
-          }
-          break;
-        case "ArrowUp":
-          if (s.preventDefault(), !C)
-            O(!0), xe("last");
-          else {
-            const c = m.selectionManager.focusedKey, f = c ? m.collection.getKeyBefore(c) : m.collection.getLastKey();
-            m.selectionManager.setFocusedKey(
-              f ?? m.collection.getLastKey()
-            );
-          }
-          break;
-        case "Enter":
-          if (C && m.selectionManager.focusedKey) {
-            s.preventDefault();
-            const c = m.selectionManager.focusedKey;
-            if (r === "multiple") {
-              const f = new Set(x);
-              f.has(c) ? f.delete(c) : f.add(c), z(f);
-            } else
-              z(/* @__PURE__ */ new Set([c])), m.selectionManager.setFocusedKey(null);
-          } else C && !m.selectionManager.focusedKey && j && We() && s.preventDefault();
-          break;
-        case "Escape":
-          C && (s.preventDefault(), O(!1), m.selectionManager.setFocusedKey(null));
-          break;
-        case "Home":
-          if (C) {
-            s.preventDefault();
-            const c = m.collection.getFirstKey();
-            m.selectionManager.setFocusedKey(c);
-          }
-          break;
-        case "End":
-          if (C) {
-            s.preventDefault();
-            const c = m.collection.getLastKey();
-            m.selectionManager.setFocusedKey(c);
-          }
-          break;
-        case "Backspace":
-          if (E === "") {
-            const c = Array.from(x);
-            if (c.length > 0)
-              if (s.preventDefault(), r === "single")
-                z(/* @__PURE__ */ new Set());
-              else {
-                const f = new Set(c);
-                f.delete(c[c.length - 1]), z(f);
-              }
-          }
-          break;
-      }
-    },
-    [
-      C,
-      m.selectionManager,
-      m.collection,
-      z,
-      O,
-      xe,
-      r,
-      E,
-      x,
-      j,
-      We
-    ]
-  ), Ct = L(() => {
-    B === "focus" && !K && !b && O(!0), r === "single" && E && V.current && V.current.select();
-  }, [
-    B,
-    K,
-    b,
-    O,
-    r,
-    E,
-    V
-  ]), St = L(
-    (s) => {
-      if (!D) return;
-      const c = s.currentTarget;
-      setTimeout(() => {
-        const f = document.activeElement;
-        c.contains(f) || O(!1);
-      }, 150);
-    },
-    [D, O]
-  ), Ge = $(null), qe = $(!1);
-  Y(() => {
-    P && V.current && !K && V.current.focus();
-  }, [P, K, V]);
-  const _e = $(C);
-  Y(() => {
-    S === void 0 && _e.current !== C && (_e.current = C, F?.(C));
-  }, [C, S, F]), Y(() => {
-    if (r !== "single") return;
-    const s = Array.from(m.selectionManager.selectedKeys), c = s.length > 0 ? s[0] : null, f = c !== null ? m.collection.getItem(c) : null, v = f !== null;
-    if (c === Ge.current && (qe.current || c === null) || (Ge.current = c, qe.current = v, c !== null && !f))
-      return;
-    const se = f?.textValue ?? "";
-    T ? d?.(se) : (fe(se), ne.current = se);
-  }, [
-    r,
-    m.selectionManager.selectedKeys,
-    m.collection,
-    T,
-    d
-  ]), Y(() => {
-    if (C && Oe) {
-      const s = Oe === "first" ? m.collection.getFirstKey() : m.collection.getLastKey();
-      m.selectionManager.setFocusedKey(s ?? null), xe(null);
-    }
-  }, [C, Oe, m.collection, m.selectionManager]), Y(() => {
-    C ? m.selectionManager.setFocused(!0) : (m.selectionManager.setFocused(!1), m.selectionManager.setFocusedKey(null));
-  }, [C, m.selectionManager]);
-  const je = $(!1);
-  m.collection.size > 0 && (je.current = !0), Y(() => {
-    if (!C || U || $e || !je.current) return;
-    m.collection.size > 0 || O(!1);
-  }, [
-    C,
-    U,
-    $e,
-    m.collection.size,
-    O,
-    E
-  ]), Y(() => {
-    const s = Be.current;
-    if (!s) return;
-    const c = () => {
-      const v = s.offsetWidth;
-      pt(`${v}px`);
-    };
-    c();
-    const f = new ResizeObserver(c);
-    return f.observe(s), () => {
-      f.disconnect();
-    };
-  }, [Be]);
-  const vt = [
-    // InputContext: Props for ComboBox.Input component
-    // Configures the input field with ARIA attributes, event handlers, and validation
-    [
-      Me,
-      {
-        ref: V,
-        role: "combobox",
-        // ARIA role for autocomplete input
-        "aria-autocomplete": "list",
-        // Indicates suggestions are in a list
-        "aria-controls": r === "multiple" ? `${ae} ${re}` : re,
-        // Single-select: controls only listbox
-        "aria-expanded": C,
-        // Announces menu open/closed state
-        "aria-activedescendant": m.selectionManager.focusedKey ? `${re}-option-${m.selectionManager.focusedKey}` : void 0,
-        "aria-describedby": r === "multiple" ? `${ae} ${ce ?? ""}` : ce,
-        "aria-label": X,
-        "aria-labelledby": ie,
-        value: E,
-        onChange: (s) => yt(s.target.value),
-        onKeyDown: xt,
-        onFocus: Ct,
-        onBlur: St,
-        disabled: K,
-        readOnly: b,
-        required: ge,
-        "aria-invalid": te,
-        placeholder: p,
-        name: H,
-        form: we,
-        validationbehavior: ve,
-        validate: k
-      }
-    ],
-    // TagGroupContext: Props for ComboBox.TagGroup component (multi-select only)
-    // Renders selected items as removable tags
-    [
-      Pe,
-      {
-        id: ae,
-        "aria-label": t.format("selectedValues"),
-        items: dt,
-        // Selected items to display as tags
-        onRemove: ht
-        // Handle tag removal
-      }
-    ],
-    // ButtonContext: Props for toggle and clear buttons
-    // Uses "slots" pattern to configure multiple buttons via single context
-    [
-      Le,
-      {
-        slots: {
-          toggle: {
-            onPress: gt,
-            "aria-label": t.format("toggleOptions"),
-            isDisabled: K || b,
-            isPressed: C
-            // Visual indicator that menu is open
-          },
-          clear: {
-            onPress: bt,
-            "aria-label": t.format("clearSelection"),
-            style: x.size > 0 ? void 0 : { display: "none" },
-            isDisabled: K || b || m.selectionManager.selectedKeys.size === 0
-            // Disabled when nothing selected
-          }
-        }
-      }
-    ],
-    // PopoverContext: Props for ComboBox.Popover component
-    // Controls menu positioning, portal rendering, and open/close behavior
-    [
-      Ht,
-      {
-        isOpen: C,
-        // Allow React Aria to close the popover (e.g., on scroll, click outside)
-        // but we still control opening via toggleOpen/setIsOpen
-        onOpenChange: (s) => {
-          s || O(!1);
-        },
-        ref: Fe,
-        triggerRef: Be,
-        // Popover positions relative to this element
-        scrollRef: be,
-        // 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": mt
-        },
-        // CSS custom property for menu width
-        clearContexts: [
-          // Clear these contexts so popover content doesn't inherit combobox contexts
-          jt,
-          Le,
-          Me,
-          _t,
-          Ut
-        ]
-      }
-    ],
-    // SelectableCollectionContext: Enables virtual focus for keyboard navigation
-    // Virtual focus uses aria-activedescendant instead of moving browser focus
-    [Gt, { shouldUseVirtualFocus: !0 }],
-    // ListBoxContext: Props for ComboBox.ListBox component
-    // Configures the option list with items, ARIA attributes, and behaviors
-    [
-      Xe,
-      {
-        items: n,
-        // Items to render (merged from outer component)
-        id: re,
-        // ID referenced by aria-controls on input
-        ref: be,
-        // Ref for scroll positioning
-        renderEmptyState: J,
-        // Custom empty state renderer
-        shouldFocusWrap: M,
-        // 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
-    [Bt, m]
-  ];
-  return /* @__PURE__ */ Se(
-    Ye,
-    {
-      values: vt,
-      children: [
-        /* @__PURE__ */ g(
-          et,
-          {
-            name: H,
-            form: we,
-            selectedKeys: x,
-            selectionMode: r,
-            formValue: Ae,
-            allowsCustomOptions: j,
-            collection: m.collection,
-            inputValue: E
-          }
-        ),
-        u
-      ]
-    }
-  );
-}, rt = (e) => {
-  const [t, r] = pe(e), n = Re(Me), { inputRef: o } = Te();
-  let l = "", u = "";
-  n && typeof n == "object" && "value" in n && (l = n.value || "", u = n.placeholder || "");
-  const i = Math.max(l.length || u.length || 1, 1);
-  return /* @__PURE__ */ g(lr, { asChild: !0, ...t, children: /* @__PURE__ */ g(
-    Nt,
-    {
-      ref: o,
-      ...r,
-      size: i,
-      "data-empty": !(l.length || u.length)
-    }
-  ) });
-};
-rt.displayName = "ComboBox.Input";
-const $r = ({
-  children: e
-}) => /* @__PURE__ */ g(or, { children: e }), ot = (e) => {
-  const { selectionMode: t, size: r, getKey: n, getTextValue: o, isDisabled: l, isReadOnly: u } = Te(), [i, a] = pe(e), y = Re(Pe), h = (y && "items" in y ? y.items : void 0) ?? [];
-  return t !== "multiple" ? null : /* @__PURE__ */ g(sr, { ...i, ...a, asChild: !0, children: /* @__PURE__ */ g(Ee.Root, { size: r, children: /* @__PURE__ */ g(Ee.TagList, { items: h, display: "contents", children: (d) => {
-    const I = n(d), p = o(d);
-    return /* @__PURE__ */ g(
-      Ee.Tag,
-      {
-        id: I,
-        textValue: p,
-        isDisabled: l || u,
-        maxW: "100%",
-        children: p
-      }
-    );
-  } }) }) });
-};
-ot.displayName = "ComboBox.TagGroup";
-const nt = ({
-  children: e,
-  ...t
-}) => {
-  const { triggerRef: r, leadingElement: n, inputRef: o, isLoading: l, isDisabled: u } = Te();
-  return /* @__PURE__ */ Se(rr, { ref: r, onClick: (a) => {
-    !u && a.target instanceof HTMLElement && !a.target.closest("button") && o.current?.focus();
-  }, ...t, children: [
-    n && /* @__PURE__ */ g($r, { children: n }),
-    /* @__PURE__ */ Se(nr, { children: [
-      /* @__PURE__ */ g(ot, {}),
-      /* @__PURE__ */ g(rt, {})
-    ] }),
-    /* @__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: l ? /* @__PURE__ */ g(zt, { size: "xs", margin: "50" }) : /* @__PURE__ */ g(Dt, {})
-      }
-    ),
-    e
-  ] });
-};
-nt.displayName = "ComboBox.Trigger";
-const st = ({
-  children: e,
-  ref: t,
-  ...r
-}) => {
-  const [n, o] = pe(r);
-  return /* @__PURE__ */ g(ir, { asChild: !0, ...n, children: /* @__PURE__ */ g(
-    Pt,
-    {
-      ref: t,
-      isNonModal: !0,
-      autoFocus: !0,
-      ...o,
-      children: e
-    }
-  ) });
-};
-st.displayName = "ComboBox.Popover";
-function lt({
-  children: e,
-  ref: t,
-  ...r
-}) {
-  const [n, o] = pe(r);
-  return /* @__PURE__ */ g(cr, { ...n, ref: t, asChild: !0, children: /* @__PURE__ */ g(Mt, { ...o, children: typeof e == "function" ? (u) => {
-    const i = e(u), a = u;
-    return $t(i) && (a.id || a.textValue) ? Kt(
-      i,
-      {
-        ...i.props,
-        ...a.id ? { id: a.id } : {},
-        ...a.textValue ? { textValue: a.textValue } : {}
-      }
-    ) : i;
-  } : e }) });
-}
-lt.displayName = "ComboBox.ListBox";
-function it({
-  children: e,
-  ref: t,
-  ...r
-}) {
-  const { textValue: n, ...o } = r, [l, u] = pe(o);
-  return /* @__PURE__ */ g(ur, { ...l, asChild: !0, children: /* @__PURE__ */ g(Tt, { ref: t, ...u, textValue: n ?? (typeof e == "string" ? e : void 0), children: (a) => {
-    const y = typeof e == "function" ? e({
-      ...a
-    }) : e;
-    return a.selectionMode === "multiple" ? /* @__PURE__ */ Se(He, { children: [
-      /* @__PURE__ */ g(fr, { children: /* @__PURE__ */ g("span", { "data-selected": a.isSelected, children: a.isSelected && /* @__PURE__ */ g(Rt, {}) }) }),
-      /* @__PURE__ */ g(dr, { children: y })
-    ] }) : /* @__PURE__ */ g(He, { children: y });
-  } }) });
-}
-it.displayName = "ComboBox.Option";
-function ct({
-  children: e,
-  label: t,
-  items: r,
-  ref: n,
-  ...o
-}) {
-  if (r && typeof e != "function")
-    throw new Error(
-      'ComboBox.Section: When "items" is provided, "children" must be a function'
-    );
-  return /* @__PURE__ */ Se(At, { ref: n, ...o, children: [
-    t && /* @__PURE__ */ g(ar, { asChild: !0, children: /* @__PURE__ */ g(It, { children: t }) }),
-    r ? /* @__PURE__ */ g(Ot, { items: r, children: (l) => typeof e == "function" ? e(l) : null }) : e
-  ] });
-}
-ct.displayName = "ComboBox.Section";
-function at(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), n = [];
-  for (const o of e)
-    o.textValue.toLowerCase().includes(r) && n.push(o);
-  return n;
-}
-function Kr(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), n = [];
-  for (const o of e)
-    o.textValue.toLowerCase().startsWith(r) && n.push(o);
-  return n;
-}
-function Ir(e, t) {
-  if (!t.trim()) return e;
-  const r = [];
-  for (const n of e)
-    n.textValue.includes(t) && r.push(n);
-  return r;
-}
-function Br(e, t) {
-  if (!t.trim()) return e;
-  const r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = new RegExp(`\\b${r}`, "i"), o = [];
-  for (const l of e)
-    n.test(l.textValue) && o.push(l);
-  return o;
-}
-function Mr(e, t) {
-  if (!t.trim()) return e;
-  const r = t.toLowerCase(), n = [];
-  for (const o of e) {
-    const l = o.textValue.toLowerCase();
-    let u = 0;
-    for (let i = 0; i < l.length && u < r.length; i++)
-      l[i] === r[u] && u++;
-    u === r.length && n.push(o);
-  }
-  return n;
-}
-function Tr(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const n = r.toLowerCase(), o = [];
-    for (const l of t) {
-      const u = l.value;
-      if (!u) continue;
-      e.some((a) => {
-        const y = a.split(".").reduce((d, I) => d && typeof d == "object" ? d[I] : void 0, u);
-        return y == null ? !1 : String(y).toLowerCase().includes(n);
-      }) && o.push(l);
-    }
-    return o;
-  };
-}
-function Ar(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const n = [];
-    for (const o of t) {
-      const l = e(o, r);
-      l > 0 && n.push({ node: o, score: l });
-    }
-    return n.sort((o, l) => l.score - o.score), n.map((o) => o.node);
-  };
-}
-function Fr(e = at) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const n = r.split(/\s+/).filter((u) => u.length > 0);
-    if (n.length === 0) return t;
-    const o = /* @__PURE__ */ new Set();
-    for (const u of n) {
-      const i = e(t, u);
-      for (const a of i)
-        o.add(a.key);
-    }
-    const l = [];
-    for (const u of t)
-      o.has(u.key) && l.push(u);
-    return l;
-  };
-}
-function Or(e) {
-  return (t, r) => {
-    if (!r.trim()) return t;
-    const n = [];
-    let o = null;
-    const l = [], u = () => {
-      o && l.length > 0 && (n.push(o), n.push(...l)), l.length = 0;
-    };
-    for (const i of t)
-      if (i.type === "section")
-        u(), o = i;
-      else {
-        const a = Array.from(e([i], r));
-        a.length > 0 && l.push(...a);
-      }
-    return u(), n;
-  };
-}
-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: tt,
-  /**
-   * # 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: nt,
-  /**
-   * # 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: st,
-  /**
-   * # 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: lt,
-  /**
-   * # 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: it,
-  /**
-   * # 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: ct,
-  /**
-   * # 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: at,
-    filterByStartsWith: Kr,
-    filterByCaseSensitive: Ir,
-    filterByWordBoundary: Br,
-    filterByFuzzy: Mr,
-    createMultiPropertyFilter: Tr,
-    createRankedFilter: Ar,
-    createMultiTermFilter: Fr,
-    createSectionAwareFilter: Or
-  }
-};
-export {
-  oo as C
-};
-//# sourceMappingURL=combobox-D57Kz3Nc.es.js.map