@reactzero/combo 0.1.0

package/dist/useCombo-gPeBdkRf.js

@@ -0,0 +1,887 @@
+import { useId as Ue, useRef as S, useReducer as Re, useEffect as w, useMemo as J, useCallback as m } from "react";
+import { c as ke, d as xe } from "./icons-Ch1Q5AhF.js";
+const f = (...e) => (...r) => {
+  e.forEach((t) => t?.(...r));
+}, ee = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "object" && "label" in e ? String(e.label) : String(e), Fe = (e) => typeof e == "string" || typeof e == "number" ? e : typeof e == "object" && e != null && "value" in e ? e.value : String(e), Ae = (e, r, t) => {
+  if (!r) return e;
+  const l = r.toLowerCase();
+  return e.filter(
+    (o) => t(o).toLowerCase().includes(l)
+  );
+}, Q = (e, r, t) => Math.min(Math.max(e, r), t);
+function A(...e) {
+  return (r) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(r) : t != null && (t.current = r);
+    });
+  };
+}
+function _(e) {
+  return e === "OPEN_IDLE" || e === "OPEN_HIGHLIGHTED";
+}
+function U(e, r, t) {
+  const l = t.filterFunction ? t.filterFunction(e, r) : Ae(e, r, (o) => t.itemToString(o));
+  return t.hideDisabled ? l.filter((o) => !t.isItemDisabled(o)) : l;
+}
+function Z(e, r, t, l, o) {
+  const d = e.length;
+  if (d === 0) return -1;
+  if (o === "focus") {
+    let h = r + t;
+    return h >= d && (h = 0), h < 0 && (h = d - 1), h;
+  }
+  let I = r + t, T = 0;
+  for (; T < d; ) {
+    if (I >= d && (I = 0), I < 0 && (I = d - 1), !l(e[I])) return I;
+    I += t, T++;
+  }
+  return -1;
+}
+function $e(e, r, t) {
+  if (e.length === 0) return -1;
+  if (t === "focus") return 0;
+  for (let l = 0; l < e.length; l++)
+    if (!r(e[l])) return l;
+  return -1;
+}
+function Pe(e, r, t) {
+  if (e.length === 0) return -1;
+  if (t === "focus") return e.length - 1;
+  for (let l = e.length - 1; l >= 0; l--)
+    if (!r(e[l])) return l;
+  return -1;
+}
+function te(e) {
+  const r = e.itemToString ?? ee, t = e.selectedItem ?? e.defaultSelectedItem ?? null;
+  return {
+    status: "IDLE",
+    selectedItem: t,
+    selectedItems: e.selectedItems ?? e.defaultSelectedItems ?? [],
+    inputValue: e.inputValue ?? e.defaultInputValue ?? (t ? r(t) : ""),
+    lastConfirmedValue: t ? r(t) : "",
+    highlightedIndex: -1,
+    filteredItems: e.items,
+    expandedItems: /* @__PURE__ */ new Set(),
+    activeTabId: null,
+    isLoading: e.isLoading ?? !1,
+    isLoadingMore: !1,
+    error: null,
+    visibleChipCount: 0
+  };
+}
+function Be(e, r, t) {
+  switch (r.type) {
+    case "FOCUS":
+      return e.status !== "IDLE" ? e : {
+        ...e,
+        status: "FOCUSED_CLOSED",
+        lastConfirmedValue: e.inputValue
+      };
+    case "BLUR": {
+      if (e.status === "IDLE") return e;
+      if (t.mode === "multi")
+        return {
+          ...e,
+          status: "IDLE",
+          inputValue: "",
+          lastConfirmedValue: "",
+          highlightedIndex: -1,
+          filteredItems: t.items
+        };
+      if (t.commitOnBlur && _(e.status) && e.highlightedIndex >= 0 && e.highlightedIndex < e.filteredItems.length) {
+        const l = e.filteredItems[e.highlightedIndex];
+        if (!t.isItemDisabled(l)) {
+          const o = t.itemToString(l);
+          return {
+            ...e,
+            status: "IDLE",
+            selectedItem: l,
+            inputValue: o,
+            lastConfirmedValue: o,
+            highlightedIndex: -1
+          };
+        }
+      }
+      return {
+        ...e,
+        status: "IDLE",
+        inputValue: e.lastConfirmedValue,
+        highlightedIndex: -1
+      };
+    }
+    case "INPUT_CHANGE": {
+      if (t.variant === "select") return e;
+      const l = U(t.items, r.value, t);
+      return {
+        ...e,
+        status: "OPEN_IDLE",
+        inputValue: r.value,
+        filteredItems: l,
+        highlightedIndex: -1
+      };
+    }
+    case "TOGGLE_MENU": {
+      if (_(e.status))
+        return {
+          ...e,
+          status: "FOCUSED_CLOSED",
+          inputValue: t.mode === "multi" ? "" : e.lastConfirmedValue,
+          highlightedIndex: -1,
+          ...t.mode === "multi" ? { filteredItems: t.items } : {}
+        };
+      const l = t.mode === "multi" ? e.inputValue : "", o = U(t.items, l, t);
+      return {
+        ...e,
+        status: "OPEN_IDLE",
+        inputValue: l,
+        filteredItems: o,
+        highlightedIndex: -1
+      };
+    }
+    case "OPEN_MENU": {
+      if (_(e.status)) return e;
+      const l = t.mode === "multi" ? e.inputValue : "", o = U(t.items, l, t);
+      return {
+        ...e,
+        status: "OPEN_IDLE",
+        inputValue: l,
+        filteredItems: o,
+        highlightedIndex: -1
+      };
+    }
+    case "CLOSE_MENU":
+      return _(e.status) ? {
+        ...e,
+        status: "FOCUSED_CLOSED",
+        inputValue: t.mode === "multi" ? "" : e.lastConfirmedValue,
+        highlightedIndex: -1,
+        ...t.mode === "multi" ? { filteredItems: t.items } : {}
+      } : e;
+    case "HIGHLIGHT_ITEM": {
+      if (!_(e.status) && e.status !== "FOCUSED_CLOSED")
+        return e;
+      const l = r.index;
+      return l < 0 ? { ...e, status: "OPEN_IDLE", highlightedIndex: -1 } : l >= e.filteredItems.length || t.disabledItemBehavior === "skip" && t.isItemDisabled(e.filteredItems[l]) ? e : {
+        ...e,
+        status: "OPEN_HIGHLIGHTED",
+        highlightedIndex: l
+      };
+    }
+    case "HIGHLIGHT_FIRST": {
+      const l = $e(
+        e.filteredItems,
+        t.isItemDisabled,
+        t.disabledItemBehavior
+      );
+      return l < 0 ? { ...e, status: "OPEN_IDLE", highlightedIndex: -1 } : {
+        ...e,
+        status: "OPEN_HIGHLIGHTED",
+        highlightedIndex: l
+      };
+    }
+    case "HIGHLIGHT_LAST": {
+      const l = Pe(
+        e.filteredItems,
+        t.isItemDisabled,
+        t.disabledItemBehavior
+      );
+      return l < 0 ? { ...e, status: "OPEN_IDLE", highlightedIndex: -1 } : {
+        ...e,
+        status: "OPEN_HIGHLIGHTED",
+        highlightedIndex: l
+      };
+    }
+    case "HIGHLIGHT_NEXT": {
+      const l = e.highlightedIndex, o = Z(
+        e.filteredItems,
+        l,
+        1,
+        t.isItemDisabled,
+        t.disabledItemBehavior
+      );
+      return o < 0 ? e : {
+        ...e,
+        status: "OPEN_HIGHLIGHTED",
+        highlightedIndex: o
+      };
+    }
+    case "HIGHLIGHT_PREV": {
+      const l = e.highlightedIndex, o = Z(
+        e.filteredItems,
+        l,
+        -1,
+        t.isItemDisabled,
+        t.disabledItemBehavior
+      );
+      return o < 0 ? e : {
+        ...e,
+        status: "OPEN_HIGHLIGHTED",
+        highlightedIndex: o
+      };
+    }
+    case "SELECT_HIGHLIGHTED": {
+      if (e.highlightedIndex < 0 || e.highlightedIndex >= e.filteredItems.length) return e;
+      const l = e.filteredItems[e.highlightedIndex];
+      if (t.isItemDisabled(l)) return e;
+      if (t.mode === "multi") {
+        const d = t.itemToValue(l), I = e.selectedItems.some(
+          (h) => t.itemToValue(h) === d
+        );
+        if (!I && t.maxSelected != null && e.selectedItems.length >= t.maxSelected)
+          return e;
+        const T = I ? e.selectedItems.filter((h) => t.itemToValue(h) !== d) : [...e.selectedItems, l];
+        return {
+          ...e,
+          status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+          selectedItems: T,
+          highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+        };
+      }
+      if (t.deselectionAllowed && e.selectedItem != null) {
+        const d = t.itemToValue(e.selectedItem), I = t.itemToValue(l);
+        if (d === I)
+          return {
+            ...e,
+            status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+            selectedItem: null,
+            inputValue: "",
+            lastConfirmedValue: "",
+            highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+          };
+      }
+      const o = t.itemToString(l);
+      return {
+        ...e,
+        status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+        selectedItem: l,
+        inputValue: o,
+        lastConfirmedValue: o,
+        highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+      };
+    }
+    case "SELECT_ITEM": {
+      const l = r.item;
+      if (t.isItemDisabled(l)) return e;
+      if (t.mode === "multi") {
+        const d = t.itemToValue(l), I = e.selectedItems.some(
+          (h) => t.itemToValue(h) === d
+        );
+        if (!I && t.maxSelected != null && e.selectedItems.length >= t.maxSelected)
+          return e;
+        const T = I ? e.selectedItems.filter((h) => t.itemToValue(h) !== d) : [...e.selectedItems, l];
+        return {
+          ...e,
+          status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+          selectedItems: T,
+          highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+        };
+      }
+      if (t.deselectionAllowed && e.selectedItem != null) {
+        const d = t.itemToValue(e.selectedItem), I = t.itemToValue(l);
+        if (d === I)
+          return {
+            ...e,
+            status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+            selectedItem: null,
+            inputValue: "",
+            lastConfirmedValue: "",
+            highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+          };
+      }
+      const o = t.itemToString(l);
+      return {
+        ...e,
+        status: t.closeOnSelect ? "FOCUSED_CLOSED" : e.status,
+        selectedItem: l,
+        inputValue: o,
+        lastConfirmedValue: o,
+        highlightedIndex: t.closeOnSelect ? -1 : e.highlightedIndex
+      };
+    }
+    case "DESELECT_ITEM": {
+      if (t.mode === "multi") {
+        const l = t.itemToValue(r.item);
+        return {
+          ...e,
+          selectedItems: e.selectedItems.filter(
+            (o) => t.itemToValue(o) !== l
+          )
+        };
+      }
+      return e.selectedItem == null ? e : {
+        ...e,
+        selectedItem: null,
+        inputValue: "",
+        lastConfirmedValue: ""
+      };
+    }
+    case "CLEAR_SELECTION":
+      return {
+        ...e,
+        selectedItem: null,
+        selectedItems: [],
+        inputValue: "",
+        lastConfirmedValue: "",
+        filteredItems: t.items
+      };
+    case "REMOVE_LAST_CHIP":
+      return t.mode !== "multi" || e.selectedItems.length === 0 || e.inputValue !== "" ? e : {
+        ...e,
+        selectedItems: e.selectedItems.slice(0, -1)
+      };
+    case "SELECT_ALL": {
+      if (t.mode !== "multi") return e;
+      let l = e.filteredItems.filter(
+        (o) => !t.isItemDisabled(o)
+      );
+      return t.maxSelected != null && (l = l.slice(0, t.maxSelected)), {
+        ...e,
+        selectedItems: l
+      };
+    }
+    case "SYNC_ITEMS": {
+      const l = U(t.items, e.inputValue, t);
+      return {
+        ...e,
+        filteredItems: l,
+        highlightedIndex: -1
+      };
+    }
+    case "RESET":
+      return te({
+        items: t.items,
+        itemToString: t.itemToString,
+        itemToValue: t.itemToValue
+      });
+    default:
+      return e;
+  }
+}
+function Ke(e, r, t) {
+  return (l) => {
+    const o = r.status === "OPEN_IDLE" || r.status === "OPEN_HIGHLIGHTED";
+    switch (l.key) {
+      case "ArrowDown": {
+        l.preventDefault(), o ? e({ type: "HIGHLIGHT_NEXT" }) : (e({ type: "OPEN_MENU" }), e({ type: "HIGHLIGHT_FIRST" }));
+        break;
+      }
+      case "ArrowUp": {
+        l.preventDefault(), o ? e({ type: "HIGHLIGHT_PREV" }) : (e({ type: "OPEN_MENU" }), e({ type: "HIGHLIGHT_LAST" }));
+        break;
+      }
+      case "Enter": {
+        o && r.highlightedIndex >= 0 && (l.preventDefault(), e({ type: "SELECT_HIGHLIGHTED" }));
+        break;
+      }
+      case "Escape": {
+        o && (l.preventDefault(), e({ type: "CLOSE_MENU" }));
+        break;
+      }
+      case "Home": {
+        o && (l.preventDefault(), e({ type: "HIGHLIGHT_FIRST" }));
+        break;
+      }
+      case "End": {
+        o && (l.preventDefault(), e({ type: "HIGHLIGHT_LAST" }));
+        break;
+      }
+      case "PageDown": {
+        if (o) {
+          l.preventDefault();
+          const d = r.filteredItems.length - 1;
+          e({
+            type: "HIGHLIGHT_ITEM",
+            index: Q(r.highlightedIndex + 10, 0, d)
+          });
+        }
+        break;
+      }
+      case "PageUp": {
+        o && (l.preventDefault(), e({
+          type: "HIGHLIGHT_ITEM",
+          index: Q(r.highlightedIndex - 10, 0, r.filteredItems.length - 1)
+        }));
+        break;
+      }
+      case "Tab": {
+        o && (t.commitOnBlur && r.highlightedIndex >= 0 && e({ type: "SELECT_HIGHLIGHTED" }), e({ type: "CLOSE_MENU" }));
+        break;
+      }
+      case "Backspace": {
+        r.inputValue === "" && e({ type: "REMOVE_LAST_CHIP" });
+        break;
+      }
+      case " ": {
+        t.variant === "select" && !o ? (l.preventDefault(), e({ type: "OPEN_MENU" }), e({ type: "HIGHLIGHT_FIRST" })) : t.variant === "select" && o && r.highlightedIndex >= 0 && (l.preventDefault(), e({ type: "SELECT_HIGHLIGHTED" }));
+        break;
+      }
+      case "a":
+      case "A": {
+        (l.ctrlKey || l.metaKey) && t.mode === "multi" && (l.preventDefault(), e({ type: "SELECT_ALL" }));
+        break;
+      }
+    }
+  };
+}
+const L = "rzero";
+function ze(e) {
+  return {
+    base: e,
+    input: `${L}-input-${e}`,
+    label: `${L}-label-${e}`,
+    listbox: `${L}-listbox-${e}`,
+    toggleButton: `${L}-toggle-${e}`,
+    clearButton: `${L}-clear-${e}`,
+    liveRegion: `${L}-live-${e}`,
+    item: (r) => `${L}-item-${e}-${r}`,
+    group: (r) => `${L}-group-${e}-${r}`
+  };
+}
+function je(e) {
+  const r = Ue(), t = e ?? r, l = S(null);
+  return (!l.current || l.current.base !== t) && (l.current = ze(t)), l.current;
+}
+let b = null, $ = null;
+function Xe() {
+  return typeof document > "u" ? null : (b && document.body.contains(b) || (b = document.createElement("div"), b.setAttribute("role", "status"), b.setAttribute("aria-live", "polite"), b.setAttribute("aria-atomic", "true"), b.setAttribute("data-rzero-live", ""), Object.assign(b.style, {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0,0,0,0)",
+    whiteSpace: "nowrap",
+    borderWidth: "0"
+  }), document.body.appendChild(b)), b);
+}
+function y(e, r = 3e3) {
+  const t = Xe();
+  t && ($ && clearTimeout($), t.textContent = "", requestAnimationFrame(() => {
+    t.textContent = e;
+  }), $ = setTimeout(() => {
+    t.textContent = "";
+  }, r));
+}
+function qe(e, r) {
+  if (!e || r < 0) return;
+  const t = e.querySelector(
+    `[data-rzero-index="${r}"]`
+  );
+  t && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
+}
+function Je(e) {
+  const {
+    items: r,
+    itemToString: t,
+    itemToValue: l,
+    mode: o = "single",
+    variant: d = "input",
+    filterFunction: I,
+    closeOnSelect: T = o === "single",
+    commitOnBlur: h = !1,
+    deselectionAllowed: le = !0,
+    disabled: c = !1,
+    readOnly: E = !1,
+    isItemDisabled: ne,
+    hideDisabled: ie = !1,
+    disabledItemBehavior: R = "skip",
+    ariaLabel: C,
+    ariaLabelledBy: D,
+    icons: V,
+    chevronStyle: P = "caret",
+    onSelectedItemChange: re,
+    onSelectedItemsChange: oe,
+    onIsOpenChange: de,
+    onHighlightedIndexChange: ue,
+    onStateChange: se,
+    onInputChange: ae
+  } = e, H = t ?? ee, O = l ?? Fe, k = ne ?? (() => !1), u = je(e.id), v = S(null), x = S(null), B = S(null), K = S(null);
+  K.current = {
+    items: r,
+    itemToString: H,
+    itemToValue: O,
+    filterFunction: I,
+    closeOnSelect: T,
+    commitOnBlur: h,
+    deselectionAllowed: le,
+    isItemDisabled: k,
+    disabledItemBehavior: R,
+    hideDisabled: ie,
+    variant: d,
+    mode: o,
+    maxSelected: e.maxSelected
+  };
+  const [i, s] = Re(
+    (n, a) => Be(n, a, K.current),
+    e,
+    te
+  ), z = S(r);
+  w(() => {
+    z.current !== r && (z.current = r, s({ type: "SYNC_ITEMS" }));
+  }, [r]);
+  const g = i.status === "OPEN_IDLE" || i.status === "OPEN_HIGHLIGHTED", Ie = o === "multi" ? i.selectedItems.length > 0 : i.selectedItem != null, ce = o === "multi" ? i.selectedItems.map(H).join(", ") : i.selectedItem != null ? H(i.selectedItem) : "", me = J(
+    () => ke(V),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [V]
+  ), he = J(
+    () => xe(P, V?.chevronDown),
+    [P, V?.chevronDown]
+  ), j = S(i);
+  j.current = i;
+  const G = m(
+    (n) => {
+      if (c || E) return;
+      Ke(s, j.current, {
+        variant: d,
+        commitOnBlur: h,
+        mode: o
+      })(n);
+    },
+    [c, E, d, h, o]
+  );
+  w(() => {
+    i.highlightedIndex >= 0 && qe(x.current, i.highlightedIndex);
+  }, [i.highlightedIndex]);
+  const X = S(!1), q = S(0);
+  w(() => {
+    const n = X.current, a = q.current;
+    if (X.current = g, q.current = i.filteredItems.length, g && (!n || a !== i.filteredItems.length)) {
+      const p = i.filteredItems.length;
+      y(
+        p === 0 ? "No options available" : `${p} option${p !== 1 ? "s" : ""} available`
+      );
+    }
+  }, [g, i.filteredItems.length]);
+  const Y = S(i);
+  w(() => {
+    const n = Y.current;
+    if (Y.current = i, n.selectedItem !== i.selectedItem && (re?.(i.selectedItem), i.selectedItem ? y(`${H(i.selectedItem)} selected`) : n.selectedItem && y(`${H(n.selectedItem)} deselected`)), n.selectedItems !== i.selectedItems)
+      if (oe?.(i.selectedItems), i.selectedItems.length > n.selectedItems.length) {
+        const p = i.selectedItems[i.selectedItems.length - 1];
+        p && y(`${H(p)} selected, ${i.selectedItems.length} total`);
+      } else i.selectedItems.length < n.selectedItems.length && y(`Item removed, ${i.selectedItems.length} selected`);
+    (n.status === "OPEN_IDLE" || n.status === "OPEN_HIGHLIGHTED") !== g && de?.(g), n.highlightedIndex !== i.highlightedIndex && ue?.(i.highlightedIndex), n.inputValue !== i.inputValue && ae?.(i.inputValue), se?.(i);
+  }, [i]);
+  const fe = m(
+    (n = {}) => ({
+      id: u.label,
+      htmlFor: u.input,
+      ...n
+    }),
+    [u]
+  ), ge = m(
+    (n = {}) => ({
+      id: u.input,
+      role: "combobox",
+      "aria-expanded": g,
+      "aria-haspopup": "listbox",
+      "aria-controls": u.listbox,
+      "aria-autocomplete": d === "select" ? "none" : "list",
+      "aria-activedescendant": i.highlightedIndex >= 0 ? u.item(i.highlightedIndex) : void 0,
+      "aria-labelledby": D ?? u.label,
+      "aria-label": C,
+      "aria-disabled": c ? !0 : void 0,
+      readOnly: E || d === "select",
+      disabled: c === !0,
+      autoComplete: "off",
+      value: i.inputValue,
+      ...n,
+      onChange: f(
+        n.onChange,
+        (a) => {
+          c || E || s({ type: "INPUT_CHANGE", value: a.target.value });
+        }
+      ),
+      onKeyDown: f(
+        n.onKeyDown,
+        G
+      ),
+      onFocus: f(
+        n.onFocus,
+        () => {
+          c || s({ type: "FOCUS" });
+        }
+      ),
+      onBlur: f(
+        n.onBlur,
+        () => {
+          s({ type: "BLUR" });
+        }
+      ),
+      onClick: f(
+        n.onClick,
+        () => {
+          c || E || g || s({ type: "OPEN_MENU" });
+        }
+      ),
+      ref: A(
+        v,
+        n.ref
+      )
+    }),
+    [
+      u,
+      g,
+      i.highlightedIndex,
+      i.inputValue,
+      C,
+      D,
+      c,
+      E,
+      d,
+      G
+    ]
+  ), Ee = m(
+    (n = {}) => ({
+      id: u.toggleButton,
+      type: "button",
+      "aria-label": g ? "Close options" : "Open options",
+      "aria-expanded": g,
+      "aria-haspopup": "listbox",
+      "aria-controls": u.listbox,
+      tabIndex: -1,
+      "aria-disabled": c ? !0 : void 0,
+      ...n,
+      onMouseDown: f(
+        n.onMouseDown,
+        (a) => a.preventDefault()
+        // prevent input blur
+      ),
+      onClick: f(
+        n.onClick,
+        () => {
+          c || E || (s({ type: "TOGGLE_MENU" }), v.current?.focus());
+        }
+      )
+    }),
+    [u, g, c, E]
+  ), pe = m(
+    (n = {}) => ({
+      id: u.clearButton,
+      type: "button",
+      "aria-label": "Clear selection",
+      tabIndex: -1,
+      ...n,
+      onMouseDown: f(
+        n.onMouseDown,
+        (a) => a.preventDefault()
+        // prevent input blur
+      ),
+      onClick: f(
+        n.onClick,
+        () => {
+          c || E || (s({ type: "CLEAR_SELECTION" }), v.current?.focus());
+        }
+      )
+    }),
+    [u, c, E]
+  ), be = m(
+    (n = {}) => ({
+      id: u.listbox,
+      role: "listbox",
+      "aria-labelledby": D ?? u.label,
+      "aria-label": C,
+      "aria-multiselectable": o === "multi" ? !0 : void 0,
+      ...n,
+      onMouseDown: f(
+        n.onMouseDown,
+        (a) => a.preventDefault()
+        // prevent input blur
+      ),
+      ref: A(
+        x,
+        n.ref
+      )
+    }),
+    [u, C, D, o]
+  ), Se = m(
+    ({
+      item: n,
+      index: a,
+      variant: p,
+      ...N
+    }) => {
+      const F = o === "multi" ? i.selectedItems.some((we) => O(we) === O(n)) : i.selectedItem != null && O(i.selectedItem) === O(n), Ne = i.highlightedIndex === a, M = k(n), Me = p === "checkbox" || p === "radio";
+      return {
+        id: u.item(a),
+        role: "option",
+        "aria-selected": F,
+        "aria-checked": Me ? F : void 0,
+        "aria-disabled": M || void 0,
+        "data-rzero-index": a,
+        "data-highlighted": Ne || void 0,
+        "data-selected": F || void 0,
+        "data-disabled": M || void 0,
+        "data-variant": p || void 0,
+        ...N,
+        onClick: f(
+          N?.onClick,
+          () => {
+            M || s({ type: "SELECT_ITEM", item: n });
+          }
+        ),
+        onMouseEnter: f(
+          N?.onMouseEnter,
+          () => {
+            M && R === "skip" || s({ type: "HIGHLIGHT_ITEM", index: a });
+          }
+        ),
+        onMouseLeave: f(
+          N?.onMouseLeave,
+          () => {
+            s({ type: "HIGHLIGHT_ITEM", index: -1 });
+          }
+        )
+      };
+    },
+    [
+      i.selectedItem,
+      i.selectedItems,
+      i.highlightedIndex,
+      u,
+      O,
+      k,
+      R,
+      o
+    ]
+  ), Te = m(
+    ({
+      group: n,
+      index: a,
+      ...p
+    }) => ({
+      role: "group",
+      "aria-label": n.label,
+      id: u.group(a),
+      "data-disabled": n.disabled || void 0,
+      ...p
+    }),
+    [u]
+  ), Le = m(
+    (n = {}) => ({
+      "data-rzero-chevron": "",
+      "aria-hidden": !0,
+      ...n
+    }),
+    []
+  ), W = m(
+    (n = {}) => ({
+      role: "combobox",
+      "aria-expanded": g,
+      "aria-haspopup": "listbox",
+      "aria-controls": u.listbox,
+      "aria-activedescendant": i.highlightedIndex >= 0 ? u.item(i.highlightedIndex) : void 0,
+      "aria-label": C,
+      "aria-labelledby": D,
+      "aria-disabled": c ? !0 : void 0,
+      "data-rzero-trigger": "",
+      "data-disabled": c || void 0,
+      "data-readonly": E || void 0,
+      "data-loading": c === "loading" || void 0,
+      tabIndex: 0,
+      ...n,
+      onKeyDown: f(
+        n.onKeyDown,
+        G
+      ),
+      onClick: f(
+        n.onClick,
+        () => {
+          c || E || s({ type: "TOGGLE_MENU" });
+        }
+      ),
+      onFocus: f(
+        n.onFocus,
+        () => {
+          c || s({ type: "FOCUS" });
+        }
+      ),
+      onBlur: f(
+        n.onBlur,
+        () => {
+          s({ type: "BLUR" });
+        }
+      ),
+      ref: A(
+        B,
+        n.ref
+      )
+    }),
+    [
+      u,
+      g,
+      i.highlightedIndex,
+      C,
+      D,
+      c,
+      E,
+      G
+    ]
+  ), Ce = m(() => s({ type: "OPEN_MENU" }), []), De = m(() => s({ type: "CLOSE_MENU" }), []), He = m(
+    () => s({ type: "TOGGLE_MENU" }),
+    []
+  ), Oe = m(
+    (n) => s({ type: "SELECT_ITEM", item: n }),
+    []
+  ), _e = m(
+    (n) => s({ type: "DESELECT_ITEM", item: n }),
+    []
+  ), ye = m(
+    () => s({ type: "SELECT_ALL" }),
+    []
+  ), Ve = m(
+    () => s({ type: "CLEAR_SELECTION" }),
+    []
+  ), ve = m(
+    (n) => s({ type: "INPUT_CHANGE", value: n }),
+    []
+  ), Ge = m(() => s({ type: "RESET" }), []);
+  return {
+    // Prop getters
+    getInputProps: ge,
+    getToggleButtonProps: Ee,
+    getLabelProps: fe,
+    getClearButtonProps: pe,
+    getMenuProps: be,
+    getItemProps: Se,
+    getGroupProps: Te,
+    getChevronProps: Le,
+    getTriggerProps: W,
+    getControlProps: W,
+    // State
+    isOpen: g,
+    inputValue: i.inputValue,
+    selectedItem: i.selectedItem,
+    selectedItems: i.selectedItems,
+    highlightedIndex: i.highlightedIndex,
+    filteredItems: i.filteredItems,
+    hasSelection: Ie,
+    triggerLabel: ce,
+    isLoading: i.isLoading,
+    isEmpty: g && i.filteredItems.length === 0,
+    isError: i.error != null,
+    error: i.error,
+    // Icons
+    icons: me,
+    chevronIcon: he,
+    // Actions
+    openMenu: Ce,
+    closeMenu: De,
+    toggleMenu: He,
+    selectItem: Oe,
+    removeItem: _e,
+    selectAll: ye,
+    clearSelection: Ve,
+    setInputValue: ve,
+    reset: Ge,
+    // Refs
+    inputRef: v,
+    listboxRef: x,
+    triggerRef: B
+  };
+}
+export {
+  Je as u
+};
+//# sourceMappingURL=useCombo-gPeBdkRf.js.map