@commercetools/nimbus 3.0.0 → 3.1.0

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

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