npm - @px-ui/core - Versions diffs - 1.23.0 → 1.24.0 - Mend

@px-ui/core 1.23.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/combobox/chip/ComboboxChip.js ADDED Viewed

@@ -0,0 +1,78 @@
+import * as l from "react";
+import * as E from "react-dom";
+import { useRenderElement as I } from "../../utils/useRenderElement.js";
+import { useComboboxChipsContext as K } from "../chips/ComboboxChipsContext.js";
+import { useComboboxRootContext as N } from "../root/ComboboxRootContext.js";
+import { useCompositeListItem as O } from "../../composite/list/useCompositeListItem.js";
+import { ComboboxChipContext as V } from "./ComboboxChipContext.js";
+import { selectors as a } from "../store.js";
+import { createChangeEventDetails as p } from "../../utils/createBaseUIEventDetails.js";
+import { j as A } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore as u } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+import { stopEvent as c } from "../../floating-ui-react/utils/event.js";
+const M = /* @__PURE__ */ l.forwardRef(function(m, x) {
+  const {
+    render: S,
+    className: L,
+    ...y
+  } = m, n = N(), {
+    setHighlightedChipIndex: h,
+    chipsRef: b
+  } = K(), r = u(n, a.disabled), d = u(n, a.readOnly), i = u(n, a.selectedValue), {
+    ref: C,
+    index: o
+  } = O();
+  function k(e) {
+    let t = o;
+    if (e.key === "ArrowLeft")
+      e.preventDefault(), o > 0 ? t = o - 1 : t = void 0;
+    else if (e.key === "ArrowRight")
+      e.preventDefault(), o < i.length - 1 ? t = o + 1 : t = void 0;
+    else if (e.key === "Backspace" || e.key === "Delete") {
+      const s = o >= i.length - 1 ? i.length - 2 : o;
+      t = s >= 0 ? s : void 0, c(e), n.state.setIndices({
+        activeIndex: null,
+        selectedIndex: null,
+        type: "keyboard"
+      }), n.state.setSelectedValue(i.filter((f, w) => w !== o), p("none", e.nativeEvent));
+    } else e.key === "Enter" || e.key === " " ? (c(e), t = void 0) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (c(e), n.state.setOpen(!0, p("list-navigation", e.nativeEvent)), t = void 0) : (
+      // Check for printable characters (letters, numbers, symbols)
+      e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (t = void 0)
+    );
+    return t;
+  }
+  const D = l.useMemo(() => ({
+    disabled: r
+  }), [r]), R = I("div", m, {
+    ref: [x, C],
+    state: D,
+    props: [{
+      tabIndex: -1,
+      "aria-disabled": r || void 0,
+      "aria-readonly": d || void 0,
+      onKeyDown(e) {
+        var s, f;
+        if (r || d)
+          return;
+        const t = k(e);
+        E.flushSync(() => {
+          h(t);
+        }), t === void 0 ? (s = n.state.inputRef.current) == null || s.focus() : (f = b.current[t]) == null || f.focus();
+      },
+      onMouseDown(e) {
+        var t;
+        r || d || (e.preventDefault(), (t = n.state.inputRef.current) == null || t.focus());
+      }
+    }, y]
+  }), g = l.useMemo(() => ({
+    index: o
+  }), [o]);
+  return /* @__PURE__ */ A.jsx(V.Provider, {
+    value: g,
+    children: R
+  });
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "ComboboxChip");
+export {
+  M as ComboboxChip
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxChipContext");
+function n() {
+  const o = t.useContext(e);
+  if (!o)
+    throw new Error("useComboboxChipContext must be used within a ComboboxChip");
+  return o;
+}
+export {
+  e as ComboboxChipContext,
+  n as useComboboxChipContext
+};

@@ -0,0 +1,65 @@
+import * as x from "react";
+import { useRenderElement as g } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext as w } from "../root/ComboboxRootContext.js";
+import { useComboboxChipContext as A } from "../chip/ComboboxChipContext.js";
+import { selectors as s } from "../store.js";
+import { createChangeEventDetails as I } from "../../utils/createBaseUIEventDetails.js";
+import { findItemIndex as R } from "../../utils/itemEquality.js";
+import { useButton as N } from "../../use-button/useButton.js";
+import { useStore as i } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+import { stopEvent as P } from "../../floating-ui-react/utils/event.js";
+const B = /* @__PURE__ */ x.forwardRef(function(p, y) {
+  const {
+    render: S,
+    className: _,
+    nativeButton: C = !0,
+    ...E
+  } = p, e = w(), {
+    index: a
+  } = A(), o = i(e, s.disabled), c = i(e, s.readOnly), v = i(e, s.valuesRef), d = i(e, s.selectedValue), b = i(e, s.isItemEqualToValue), {
+    buttonRef: h,
+    getButtonProps: k
+  } = N({
+    native: C,
+    disabled: o || c,
+    focusableWhenDisabled: !0
+  }), V = x.useMemo(() => ({
+    disabled: o
+  }), [o]);
+  return g("button", p, {
+    ref: [y, h],
+    state: V,
+    props: [{
+      tabIndex: -1,
+      disabled: o,
+      "aria-readonly": c || void 0,
+      onClick(t) {
+        var r;
+        if (o || c)
+          return;
+        const n = I("chip-remove-press", t.nativeEvent), m = e.state.activeIndex, u = d[a], l = R(v.current, u, b);
+        l !== -1 && m === l && e.state.setIndices({
+          activeIndex: null,
+          type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+        }), e.state.setSelectedValue(d.filter((D, f) => f !== a), n), n.isPropagationAllowed || t.stopPropagation(), (r = e.state.inputRef.current) == null || r.focus();
+      },
+      onKeyDown(t) {
+        var m;
+        if (o || c)
+          return;
+        const n = I("chip-remove-press", t.nativeEvent);
+        if (t.key === "Enter" || t.key === " ") {
+          const u = e.state.activeIndex, l = d[a], r = R(v.current, l, b);
+          r !== -1 && u === r && e.state.setIndices({
+            activeIndex: null,
+            type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+          }), e.state.setSelectedValue(d.filter((D, f) => f !== a), n), n.isPropagationAllowed || P(t), (m = e.state.inputRef.current) == null || m.focus();
+        }
+      }
+    }, E, k]
+  });
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "ComboboxChipRemove");
+export {
+  B as ComboboxChipRemove
+};

@@ -0,0 +1,35 @@
+import * as e from "react";
+import { useRenderElement as x } from "../../utils/useRenderElement.js";
+import { ComboboxChipsContext as a } from "./ComboboxChipsContext.js";
+import { CompositeList as l } from "../../composite/list/CompositeList.js";
+import { useComboboxRootContext as b } from "../root/ComboboxRootContext.js";
+import { selectors as r } from "../store.js";
+import { j as m } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore as p } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const R = /* @__PURE__ */ e.forwardRef(function(i, f) {
+  const {
+    render: j,
+    className: v,
+    ...c
+  } = i, n = b(), d = p(n, r.chipsContainerRef), h = p(n, r.open), [o, t] = e.useState(void 0);
+  h && o !== void 0 && t(void 0);
+  const s = e.useRef([]), C = x("div", i, {
+    ref: [f, d],
+    props: c
+  }), u = e.useMemo(() => ({
+    highlightedChipIndex: o,
+    setHighlightedChipIndex: t,
+    chipsRef: s
+  }), [o, t, s]);
+  return /* @__PURE__ */ m.jsx(a.Provider, {
+    value: u,
+    children: /* @__PURE__ */ m.jsx(l, {
+      elementsRef: s,
+      children: C
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "ComboboxChips");
+export {
+  R as ComboboxChips
+};

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxChipsContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as ComboboxChipsContext,
+  e as useComboboxChipsContext
+};

@@ -0,0 +1,86 @@
+import * as C from "react";
+import { useComboboxRootContext as O, useComboboxInputValueContext as N } from "../root/ComboboxRootContext.js";
+import { useRenderElement as B } from "../../utils/useRenderElement.js";
+import { selectors as o } from "../store.js";
+import { useFieldRootContext as w } from "../../field/root/FieldRootContext.js";
+import { useTransitionStatus as P } from "../../utils/useTransitionStatus.js";
+import { transitionStatusMapping as F } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as T } from "../../utils/useOpenChangeComplete.js";
+import { createChangeEventDetails as x } from "../../utils/createBaseUIEventDetails.js";
+import { triggerOpenStateMapping as _ } from "../../utils/popupStateMapping.js";
+import { useButton as j } from "../../use-button/useButton.js";
+import { useStore as n } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const q = {
+  ...F,
+  ..._
+}, z = /* @__PURE__ */ C.forwardRef(function(l, y) {
+  const {
+    render: H,
+    className: J,
+    disabled: v = !1,
+    nativeButton: R = !0,
+    keepMounted: g = !1,
+    ...M
+  } = l, {
+    disabled: I
+  } = w(), e = O(), i = n(e, o.selectionMode), h = n(e, o.disabled), u = n(e, o.readOnly), d = n(e, o.clearRef), c = n(e, o.open), r = n(e, o.selectedValue), A = N();
+  let t = !1;
+  i === "none" ? t = A !== "" : i === "single" ? t = r != null : t = Array.isArray(r) && r.length > 0;
+  const s = I || h || v, {
+    buttonRef: V,
+    getButtonProps: k
+  } = j({
+    native: R,
+    disabled: s
+  }), {
+    mounted: p,
+    transitionStatus: f,
+    setMounted: D
+  } = P(t), E = C.useMemo(() => ({
+    disabled: s,
+    open: c,
+    transitionStatus: f
+  }), [s, c, f]);
+  T({
+    open: t,
+    ref: d,
+    onComplete() {
+      t || D(!1);
+    }
+  });
+  const S = B("button", l, {
+    state: E,
+    ref: [y, V, d],
+    props: [{
+      tabIndex: -1,
+      hidden: !p,
+      children: "x",
+      disabled: s,
+      "aria-readonly": u || void 0,
+      // Avoid stealing focus from the input.
+      onMouseDown(a) {
+        a.preventDefault();
+      },
+      onClick(a) {
+        var b;
+        if (s || u)
+          return;
+        const m = e.state.keyboardActiveRef;
+        e.state.setInputValue("", x("clear-press", a.nativeEvent)), i !== "none" ? (e.state.setSelectedValue(Array.isArray(r) ? [] : null, x("clear-press", a.nativeEvent)), e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: m.current ? "keyboard" : "pointer"
+        })) : e.state.setIndices({
+          activeIndex: null,
+          type: m.current ? "keyboard" : "pointer"
+        }), (b = e.state.inputRef.current) == null || b.focus();
+      }
+    }, M, k],
+    stateAttributesMapping: q
+  });
+  return g || p ? S : null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "ComboboxClear");
+export {
+  z as ComboboxClear
+};

@@ -0,0 +1,17 @@
+import * as m from "react";
+import { useComboboxDerivedItemsContext as i } from "../root/ComboboxRootContext.js";
+import { useGroupCollectionContext as s } from "./GroupCollectionContext.js";
+import { j as c } from "../../../../../../../../../_virtual/jsx-runtime.js";
+function x(e) {
+  const {
+    children: r
+  } = e, {
+    filteredItems: n
+  } = i(), o = s(), t = o ? o.items : n;
+  return t ? /* @__PURE__ */ c.jsx(m.Fragment, {
+    children: t.map(r)
+  }) : null;
+}
+export {
+  x as ComboboxCollection
+};

@@ -0,0 +1,10 @@
+import * as o from "react";
+import "../../../../../../../../../_virtual/jsx-runtime.js";
+const t = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (t.displayName = "GroupCollectionContext");
+function n() {
+  return o.useContext(t);
+}
+export {
+  n as useGroupCollectionContext
+};

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useRenderElement as s } from "../../utils/useRenderElement.js";
+import { useComboboxDerivedItemsContext as l } from "../root/ComboboxRootContext.js";
+const a = /* @__PURE__ */ n.forwardRef(function(e, o) {
+  const {
+    render: c,
+    className: d,
+    children: r,
+    ...t
+  } = e, {
+    filteredItems: m
+  } = l(), i = m.length === 0 ? r : null;
+  return s("div", e, {
+    ref: o,
+    props: [{
+      children: i,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": !0
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "ComboboxEmpty");
+export {
+  a as ComboboxEmpty
+};

@@ -0,0 +1,190 @@
+import * as b from "react";
+import * as G from "react-dom";
+import { useEventCallback as J } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useRenderElement as Q } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext as U, useComboboxInputValueContext as W } from "../root/ComboboxRootContext.js";
+import { selectors as i } from "../store.js";
+import { pressableTriggerOpenStateMapping as X } from "../../utils/popupStateMapping.js";
+import { useFieldRootContext as Y } from "../../field/root/FieldRootContext.js";
+import { fieldValidityMapping as Z } from "../../field/utils/constants.js";
+import { useComboboxChipsContext as $ } from "../chips/ComboboxChipsContext.js";
+import { useComboboxPositionerContext as ee } from "../positioner/ComboboxPositionerContext.js";
+import { createChangeEventDetails as c } from "../../utils/createBaseUIEventDetails.js";
+import { useStore as o } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+import { stopEvent as v } from "../../floating-ui-react/utils/event.js";
+const te = {
+  ...X,
+  ...Z
+}, ne = /* @__PURE__ */ b.forwardRef(function(k, P) {
+  const {
+    render: ae,
+    className: se,
+    disabled: w = !1,
+    ...C
+  } = k, {
+    state: V,
+    disabled: M,
+    labelId: B,
+    setTouched: K,
+    setFocused: A,
+    validationMode: N
+  } = Y(), l = $(), I = !!ee(!0), t = U(), H = o(t, i.disabled), d = o(t, i.readOnly), g = o(t, i.fieldControlValidation), T = o(t, i.openOnInputClick), D = o(t, i.name), y = o(t, i.selectionMode), h = o(t, i.autoHighlight), F = o(t, i.inputProps), L = o(t, i.triggerProps), f = o(t, i.open), r = o(t, i.selectedValue), S = W(), m = M || H || w, [_, E] = b.useState(null), R = b.useRef(!1), j = J((e) => {
+    I && !t.state.hasInputValue && t.state.setInputValue("", c("none")), t.apply({
+      inputElement: e,
+      inputInsidePopup: I
+    });
+  }), q = b.useMemo(() => ({
+    ...V,
+    open: f,
+    disabled: m,
+    readOnly: d
+  }), [V, f, m, d]);
+  function z(e) {
+    if (!l)
+      return;
+    let n;
+    const {
+      highlightedChipIndex: a
+    } = l;
+    if (a !== void 0) {
+      if (e.key === "ArrowLeft")
+        e.preventDefault(), a > 0 ? n = a - 1 : n = void 0;
+      else if (e.key === "ArrowRight")
+        e.preventDefault(), a < r.length - 1 ? n = a + 1 : n = void 0;
+      else if (e.key === "Backspace" || e.key === "Delete") {
+        e.preventDefault();
+        const s = a >= r.length - 1 ? r.length - 2 : a;
+        n = s >= 0 ? s : void 0, t.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: "keyboard"
+        });
+      }
+      return n;
+    }
+    return e.key === "ArrowLeft" && (e.currentTarget.selectionStart ?? 0) === 0 && r.length > 0 ? (e.preventDefault(), n = Math.max(r.length - 1, 0)) : e.key === "Backspace" && e.currentTarget.value === "" && r.length > 0 && (t.state.setIndices({
+      activeIndex: null,
+      selectedIndex: null,
+      type: "keyboard"
+    }), e.preventDefault()), n;
+  }
+  return Q("input", k, {
+    state: q,
+    ref: [P, t.state.inputRef, j],
+    props: [F, L, {
+      type: "text",
+      value: k.value ?? _ ?? S,
+      "aria-readonly": d || void 0,
+      "aria-labelledby": B,
+      disabled: m,
+      readOnly: d,
+      ...y === "none" && D && {
+        name: D
+      },
+      onFocus() {
+        A(!0);
+      },
+      onBlur() {
+        if (K(!0), A(!1), N === "onBlur") {
+          const e = y === "none" ? S : r;
+          g == null || g.commitValidation(e);
+        }
+      },
+      onCompositionStart(e) {
+        R.current = !0, E(e.currentTarget.value);
+      },
+      onCompositionEnd(e) {
+        R.current = !1;
+        const n = e.currentTarget.value;
+        E(null), t.state.setInputValue(n, c("input-change", e.nativeEvent));
+      },
+      onChange(e) {
+        if (R.current) {
+          const s = e.currentTarget.value;
+          E(s), s === "" && !T && !I && t.state.setOpen(!1, c("input-clear", e.nativeEvent)), !d && !m && s.trim() !== "" && (t.state.setOpen(!0, c("input-change", e.nativeEvent)), h || t.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: t.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          })), f && t.state.activeIndex !== null && !(h && s.trim() !== "") && t.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: t.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+          return;
+        }
+        t.state.setInputValue(e.currentTarget.value, c("input-change", e.nativeEvent));
+        const n = e.currentTarget.value === "", a = c("input-clear", e.nativeEvent);
+        n && !I && (y === "single" && t.state.setSelectedValue(null, a), T || t.state.setOpen(!1, a)), !d && !m && e.currentTarget.value.trim() !== "" && (t.state.setOpen(!0, c("input-change", e.nativeEvent)), h || t.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: t.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+        })), f && t.state.activeIndex !== null && !(h && e.currentTarget.value.trim() !== "") && t.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: t.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+        });
+      },
+      onKeyDown(e) {
+        var a, s;
+        if (m || d || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)
+          return;
+        if (t.state.keyboardActiveRef.current = !0, e.key === "Home") {
+          v(e), e.currentTarget.setSelectionRange(0, 0);
+          return;
+        }
+        if (e.key === "End") {
+          v(e);
+          const u = e.currentTarget.value.length;
+          e.currentTarget.setSelectionRange(u, u);
+          return;
+        }
+        if (!f && e.key === "Escape") {
+          const u = y === "multiple" && Array.isArray(r) ? r.length === 0 : r === null, p = c("escape-key", e.nativeEvent), x = y === "multiple" ? [] : null;
+          t.state.setInputValue("", p), t.state.setSelectedValue(x, p), !u && !t.state.inline && !p.isPropagationAllowed && e.stopPropagation();
+          return;
+        }
+        if (l && e.key === "Backspace" && e.currentTarget.value === "" && l.highlightedChipIndex === void 0 && Array.isArray(r) && r.length > 0) {
+          const u = r.slice(0, -1);
+          t.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: t.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          }), t.state.setSelectedValue(u, c("none", e.nativeEvent));
+          return;
+        }
+        const n = z(e);
+        if (l == null || l.setHighlightedChipIndex(n), n !== void 0 ? (a = l == null ? void 0 : l.chipsRef.current[n]) == null || a.focus() : (s = t.state.inputRef.current) == null || s.focus(), e.which !== 229 && e.key === "Enter" && f) {
+          const u = t.state.activeIndex, p = e.nativeEvent;
+          if (u === null) {
+            t.state.setOpen(!1, c("none", p));
+            return;
+          }
+          const x = () => {
+            const O = t.state.listRef.current[u];
+            if (O) {
+              t.state.selectionEventRef.current = p, O.click(), t.state.selectionEventRef.current = null;
+              return;
+            }
+            t.state.handleSelection(p);
+          };
+          if (t.state.alwaysSubmitOnEnter) {
+            G.flushSync(x);
+            return;
+          }
+          v(e), x();
+        }
+      },
+      onPointerMove() {
+        t.state.keyboardActiveRef.current = !1;
+      },
+      onPointerDown() {
+        t.state.keyboardActiveRef.current = !1;
+      }
+    }, g ? g.getValidationProps(C) : C],
+    stateAttributesMapping: te
+  });
+});
+process.env.NODE_ENV !== "production" && (ne.displayName = "ComboboxInput");
+export {
+  ne as ComboboxInput
+};

@@ -0,0 +1,98 @@
+import * as u from "react";
+import { useLatestRef as _ } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useLatestRef.js";
+import { useIsoLayoutEffect as h } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useComboboxRootContext as H, useComboboxDerivedItemsContext as J } from "../root/ComboboxRootContext.js";
+import { useCompositeListItem as K, IndexGuessBehavior as Q } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement as U } from "../../utils/useRenderElement.js";
+import { ComboboxItemContext as X } from "./ComboboxItemContext.js";
+import { selectors as t } from "../store.js";
+import { useComboboxRowContext as Y } from "../row/ComboboxRowContext.js";
+import { findItemIndex as Z, compareItemEquality as ee } from "../../utils/itemEquality.js";
+import { j as te } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as oe } from "../../use-button/useButton.js";
+import { useStore as o } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const se = /* @__PURE__ */ u.memo(/* @__PURE__ */ u.forwardRef(function(C, M) {
+  const {
+    render: re,
+    className: ie,
+    value: r = null,
+    index: a,
+    disabled: d = !1,
+    nativeButton: w = !1,
+    ...N
+  } = C, f = u.useRef(null), p = K({
+    index: a,
+    textRef: f,
+    indexGuessBehavior: Q.GuessFromOrder
+  }), e = H(), O = Y(), {
+    flatFilteredItems: j
+  } = J(), x = o(e, t.selectionMode), q = o(e, t.readOnly), R = o(e, t.virtualized), V = o(e, t.listRef), E = o(e, t.valuesRef), g = o(e, t.allValuesRef), b = o(e, t.isItemEqualToValue), P = x !== "none", s = a ?? (R ? Z(j, r, b) : p.index), y = o(e, t.id), v = o(e, t.isActive, s), A = o(e, t.isSelected, r), c = o(e, t.selectedValue), m = o(e, t.items), F = o(e, t.getItemProps), S = u.useRef(null), B = _(s), i = p.index !== -1, G = y != null && i ? `${y}-${s}` : void 0, l = A && P;
+  h(() => {
+    if (!(i && (R || a != null)))
+      return;
+    const D = V.current;
+    return D[s] = S.current, () => {
+      delete D[s];
+    };
+  }, [i, R, s, V, a]), h(() => {
+    if (!i || m)
+      return;
+    const n = E.current;
+    return n[s] = r, x !== "none" && g.current.push(r), () => {
+      delete n[s];
+    };
+  }, [i, m, s, r, E, g, x]), h(() => {
+    if (!i || m)
+      return;
+    const n = Array.isArray(c) ? c[c.length - 1] : c;
+    ee(n, r, b) && e.set("selectedIndex", s);
+  }, [i, m, e, s, r, c, b]);
+  const L = u.useMemo(() => ({
+    disabled: d,
+    selected: l,
+    highlighted: v
+  }), [d, l, v]), I = F({
+    active: v,
+    selected: l
+  });
+  delete I.id, delete I.onFocus;
+  const {
+    getButtonProps: z,
+    buttonRef: T
+  } = oe({
+    disabled: d,
+    focusableWhenDisabled: !0,
+    native: w
+  }), $ = {
+    id: G,
+    role: O ? "gridcell" : "option",
+    "aria-disabled": d || void 0,
+    "aria-selected": P ? l : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDown(n) {
+      n.preventDefault();
+    },
+    onClick(n) {
+      d || q || e.state.handleSelection(n.nativeEvent, r);
+    }
+  }, k = U("div", C, {
+    ref: [T, M, p.ref, S],
+    state: L,
+    props: [I, $, N, z]
+  }), W = u.useMemo(() => ({
+    selected: l,
+    indexRef: B,
+    textRef: f
+  }), [l, B, f]);
+  return /* @__PURE__ */ te.jsx(X.Provider, {
+    value: W,
+    children: k
+  });
+}));
+process.env.NODE_ENV !== "production" && (se.displayName = "ComboboxItem");
+export {
+  se as ComboboxItem
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxItemContext");
+function n() {
+  const o = t.useContext(e);
+  if (!o)
+    throw new Error("Base UI: ComboboxItemContext is missing. ComboboxItem parts must be placed within <Combobox.Item>.");
+  return o;
+}
+export {
+  e as ComboboxItemContext,
+  n as useComboboxItemContext
+};