npm - @px-ui/core - Versions diffs - 1.21.0 - Mend

@px-ui/core 1.21.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 (404) 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/radio/root/RadioRootDataAttributes.js ADDED Viewed

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+}({});
+export {
+  e as RadioRootDataAttributes
+};

@@ -0,0 +1,17 @@
+import { transitionStatusMapping as r } from "../../utils/stateAttributesMapping.js";
+import { fieldValidityMapping as e } from "../../field/utils/constants.js";
+import { RadioRootDataAttributes as t } from "../root/RadioRootDataAttributes.js";
+const n = {
+  checked(i) {
+    return i ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r,
+  ...e
+};
+export {
+  n as stateAttributesMapping
+};

@@ -0,0 +1,134 @@
+import * as r from "react";
+import { useControlled as Y } 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/useControlled.js";
+import { useMergedRefs as Q } 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/useMergedRefs.js";
+import { useIsoLayoutEffect as E } 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 { useEventCallback as l } 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 { visuallyHidden as X } 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/visuallyHidden.js";
+import { useBaseUiId as Z } from "../utils/useBaseUiId.js";
+import { SHIFT as $ } from "../composite/composite.js";
+import { CompositeRoot as ee } from "../composite/root/CompositeRoot.js";
+import { useFormContext as oe } from "../form/FormContext.js";
+import { useField as te } from "../field/useField.js";
+import { useFieldRootContext as re } from "../field/root/FieldRootContext.js";
+import { useFieldControlValidation as ae } from "../field/control/useFieldControlValidation.js";
+import { fieldValidityMapping as ie } from "../field/utils/constants.js";
+import { RadioGroupContext as ne } from "./RadioGroupContext.js";
+import { j as V } from "../../../../../../../../_virtual/jsx-runtime.js";
+import { contains as se } from "../floating-ui-react/utils/element.js";
+import { mergeProps as le } from "../merge-props/mergeProps.js";
+const de = [$], ue = /* @__PURE__ */ r.forwardRef(function(I, v) {
+  const {
+    render: M,
+    className: N,
+    disabled: k,
+    readOnly: a,
+    required: i,
+    onValueChange: T,
+    value: j,
+    defaultValue: G,
+    name: O,
+    inputRef: S,
+    id: w,
+    ...K
+  } = I, {
+    labelId: q,
+    setTouched: R,
+    setFocused: f,
+    validationMode: m,
+    name: A,
+    disabled: B,
+    state: d
+  } = re(), t = ae(), {
+    clearErrors: g
+  } = oe(), n = B || k, s = A ?? O, C = Z(w), [e, D] = Y({
+    controlled: j,
+    default: G,
+    name: "RadioGroup",
+    state: "value"
+  }), c = l(T), h = l((o, F) => {
+    c(o, F), !F.isCanceled && D(o);
+  }), u = r.useRef(null), y = l((o) => {
+    u.current == null && o != null && (u.current = o);
+  });
+  te({
+    id: C,
+    commitValidation: t.commitValidation,
+    value: e,
+    controlRef: u,
+    name: s,
+    getValue: () => e ?? null
+  });
+  const b = r.useRef(e);
+  E(() => {
+    b.current !== e && (g(s), m === "onChange" ? t.commitValidation(e) : t.commitValidation(e, !0));
+  }, [s, g, m, e, t]), E(() => {
+    b.current = e;
+  }, [e]);
+  const [x, p] = r.useState(!1), H = l((o) => {
+    se(o.currentTarget, o.relatedTarget) || (R(!0), f(!1), m === "onBlur" && t.commitValidation(e));
+  }), U = l((o) => {
+    o.key.startsWith("Arrow") && (R(!0), p(!0), f(!0));
+  }), P = r.useMemo(() => e == null ? "" : typeof e == "string" ? e : JSON.stringify(e), [e]), _ = Q(t.inputRef, S), z = le({
+    value: P,
+    ref: _,
+    id: C,
+    name: P ? s : void 0,
+    disabled: n,
+    readOnly: a,
+    required: i,
+    "aria-hidden": !0,
+    tabIndex: -1,
+    style: X,
+    onFocus() {
+      var o;
+      (o = u.current) == null || o.focus();
+    }
+  }, t.getInputValidationProps), J = r.useMemo(() => ({
+    ...d,
+    disabled: n ?? !1,
+    required: i ?? !1,
+    readOnly: a ?? !1
+  }), [d, n, a, i]), L = r.useMemo(() => ({
+    ...d,
+    checkedValue: e,
+    disabled: n,
+    name: s,
+    onValueChange: c,
+    readOnly: a,
+    registerControlRef: y,
+    required: i,
+    setCheckedValue: h,
+    setTouched: p,
+    touched: x
+  }), [e, n, d, s, c, a, y, i, h, p, x]), W = {
+    role: "radiogroup",
+    "aria-required": i || void 0,
+    "aria-disabled": n || void 0,
+    "aria-readonly": a || void 0,
+    "aria-labelledby": q,
+    onFocus() {
+      f(!0);
+    },
+    onBlur: H,
+    onKeyDownCapture: U
+  };
+  return /* @__PURE__ */ V.jsxs(ne.Provider, {
+    value: L,
+    children: [/* @__PURE__ */ V.jsx(ee, {
+      render: M,
+      className: N,
+      state: J,
+      props: [W, t.getValidationProps, K],
+      refs: [v],
+      stateAttributesMapping: ie,
+      enableHomeAndEndKeys: !1,
+      modifierKeys: de
+    }), /* @__PURE__ */ V.jsx("input", {
+      ...z
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ue.displayName = "RadioGroup");
+export {
+  ue as RadioGroup
+};

@@ -0,0 +1,22 @@
+import * as o from "react";
+import { NOOP as e } 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/empty.js";
+const n = /* @__PURE__ */ o.createContext({
+  disabled: void 0,
+  readOnly: void 0,
+  required: void 0,
+  name: void 0,
+  checkedValue: "",
+  setCheckedValue: e,
+  onValueChange: e,
+  touched: !1,
+  setTouched: e,
+  registerControlRef: e
+});
+process.env.NODE_ENV !== "production" && (n.displayName = "RadioGroupContext");
+function d() {
+  return o.useContext(n);
+}
+export {
+  n as RadioGroupContext,
+  d as useRadioGroupContext
+};

@@ -0,0 +1,45 @@
+import * as s from "react";
+import { useSelectPositionerContext as d } from "../positioner/SelectPositionerContext.js";
+import { useSelectRootContext as S } from "../root/SelectRootContext.js";
+import { popupStateMapping as g } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as w } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement as A } from "../../utils/useRenderElement.js";
+import { selectors as R } from "../store.js";
+import { useStore as M } 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 N = {
+  ...g,
+  ...w
+}, v = /* @__PURE__ */ s.forwardRef(function(e, i) {
+  const {
+    className: y,
+    render: E,
+    ...p
+  } = e, {
+    store: a
+  } = S(), {
+    side: t,
+    align: r,
+    arrowRef: m,
+    arrowStyles: c,
+    arrowUncentered: o,
+    alignItemWithTriggerActive: l
+  } = d(), n = M(a, R.open, !0), u = s.useMemo(() => ({
+    open: n,
+    side: t,
+    align: r,
+    uncentered: o
+  }), [n, t, r, o]), f = A("div", e, {
+    state: u,
+    ref: [m, i],
+    props: [{
+      style: c,
+      "aria-hidden": !0
+    }, p],
+    stateAttributesMapping: N
+  });
+  return l ? null : f;
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "SelectArrow");
+export {
+  v as SelectArrow
+};

@@ -0,0 +1,39 @@
+import * as p from "react";
+import { useSelectRootContext as l } from "../root/SelectRootContext.js";
+import { popupStateMapping as u } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as d } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement as f } from "../../utils/useRenderElement.js";
+import { selectors as t } from "../store.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 S = {
+  ...u,
+  ...d
+}, k = /* @__PURE__ */ p.forwardRef(function(r, i) {
+  const {
+    className: N,
+    render: R,
+    ...a
+  } = r, {
+    store: e
+  } = l(), n = o(e, t.open), c = o(e, t.mounted), s = o(e, t.transitionStatus), m = p.useMemo(() => ({
+    open: n,
+    transitionStatus: s
+  }), [n, s]);
+  return f("div", r, {
+    state: m,
+    ref: i,
+    props: [{
+      role: "presentation",
+      hidden: !c,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, a],
+    stateAttributesMapping: S
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "SelectBackdrop");
+export {
+  k as SelectBackdrop
+};

@@ -0,0 +1,28 @@
+import * as r from "react";
+import { SelectGroupContext as c } from "./SelectGroupContext.js";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { j as m } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const u = /* @__PURE__ */ r.forwardRef(function(o, s) {
+  const {
+    className: d,
+    render: f,
+    ...l
+  } = o, [e, t] = r.useState(), n = r.useMemo(() => ({
+    labelId: e,
+    setLabelId: t
+  }), [e, t]), a = p("div", o, {
+    ref: s,
+    props: [{
+      role: "group",
+      "aria-labelledby": e
+    }, l]
+  });
+  return /* @__PURE__ */ m.jsx(c.Provider, {
+    value: n,
+    children: a
+  });
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "SelectGroup");
+export {
+  u as SelectGroup
+};

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

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { useBaseUiId as c } from "../../utils/useBaseUiId.js";
+import { useSelectGroupContext as i } from "../group/SelectGroupContext.js";
+import { useRenderElement as l } from "../../utils/useRenderElement.js";
+const a = /* @__PURE__ */ n.forwardRef(function(o, t) {
+  const {
+    className: u,
+    render: d,
+    id: s,
+    ...m
+  } = o, {
+    setLabelId: r
+  } = i(), e = c(s);
+  return p(() => {
+    r(e);
+  }, [e, r]), l("div", o, {
+    ref: t,
+    props: [{
+      id: e
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+export {
+  a as SelectGroupLabel
+};

@@ -0,0 +1,30 @@
+import * as o from "react";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { useSelectRootContext as m } from "../root/SelectRootContext.js";
+import { triggerOpenStateMapping as i } from "../../utils/popupStateMapping.js";
+import { selectors as a } from "../store.js";
+import { useStore as l } 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 f = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    className: d,
+    render: S,
+    ...n
+  } = e, {
+    store: s
+  } = m(), t = l(s, a.open), c = o.useMemo(() => ({
+    open: t
+  }), [t]);
+  return p("span", e, {
+    state: c,
+    ref: r,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, n],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SelectIcon");
+export {
+  f as SelectIcon
+};

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/select/index.parts.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { SelectRoot as e } from "./root/SelectRoot.js";
+import { SelectTrigger as l } from "./trigger/SelectTrigger.js";
+import { SelectValue as a } from "./value/SelectValue.js";
+import { SelectIcon as m } from "./icon/SelectIcon.js";
+import { SelectPortal as s } from "./portal/SelectPortal.js";
+import { SelectBackdrop as f } from "./backdrop/SelectBackdrop.js";
+import { SelectPositioner as I } from "./positioner/SelectPositioner.js";
+import { SelectPopup as u } from "./popup/SelectPopup.js";
+import { SelectList as A } from "./list/SelectList.js";
+import { SelectItem as d } from "./item/SelectItem.js";
+import { SelectItemIndicator as G } from "./item-indicator/SelectItemIndicator.js";
+import { SelectItemText as T } from "./item-text/SelectItemText.js";
+import { SelectArrow as k } from "./arrow/SelectArrow.js";
+import { SelectScrollDownArrow as D } from "./scroll-down-arrow/SelectScrollDownArrow.js";
+import { SelectScrollUpArrow as U } from "./scroll-up-arrow/SelectScrollUpArrow.js";
+import { SelectGroup as h } from "./group/SelectGroup.js";
+import { SelectGroupLabel as q } from "./group-label/SelectGroupLabel.js";
+import { Separator as y } from "../separator/Separator.js";
+export {
+  k as Arrow,
+  f as Backdrop,
+  h as Group,
+  q as GroupLabel,
+  m as Icon,
+  d as Item,
+  G as ItemIndicator,
+  T as ItemText,
+  A as List,
+  u as Popup,
+  s as Portal,
+  I as Positioner,
+  e as Root,
+  D as ScrollDownArrow,
+  U as ScrollUpArrow,
+  y as Separator,
+  l as Trigger,
+  a as Value
+};

@@ -0,0 +1,140 @@
+import * as s from "react";
+import { useIsoLayoutEffect as T } 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 { useLatestRef 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/useLatestRef.js";
+import { isMouseWithinBounds 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/isMouseWithinBounds.js";
+import { useTimeout as Q } 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/useTimeout.js";
+import { useSelectRootContext as X } from "../root/SelectRootContext.js";
+import { useCompositeListItem as Y, IndexGuessBehavior as Z } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement as $ } from "../../utils/useRenderElement.js";
+import { SelectItemContext as ee } from "./SelectItemContext.js";
+import { selectors as a } from "../store.js";
+import { createChangeEventDetails as w } from "../../utils/createBaseUIEventDetails.js";
+import { itemIncludes as te, compareItemEquality as re, removeItem as oe } from "../../utils/itemEquality.js";
+import { j as ne } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as se } from "../../use-button/useButton.js";
+import { useStore as d } 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 ie = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(g, A) {
+  const {
+    render: ce,
+    className: le,
+    value: o = null,
+    label: D,
+    disabled: u = !1,
+    nativeButton: C = !1,
+    ...F
+  } = g, R = s.useRef(null), t = Y({
+    label: D,
+    textRef: R,
+    indexGuessBehavior: Z.GuessFromOrder
+  }), {
+    store: r,
+    getItemProps: k,
+    setOpen: L,
+    setValue: U,
+    selectionRef: y,
+    typingRef: N,
+    valuesRef: V,
+    registerItemIndex: h,
+    keyboardActiveRef: b,
+    multiple: S
+  } = X(), j = Q(), c = d(r, a.isActive, t.index), n = d(r, a.isSelected, t.index, o), l = d(r, a.value), B = d(r, a.isSelectedByFocus, t.index), f = d(r, a.isItemEqualToValue), q = s.useRef(null), i = H(t.index), m = t.index !== -1;
+  T(() => {
+    if (!m)
+      return;
+    const e = V.current;
+    return e[t.index] = o, () => {
+      delete e[t.index];
+    };
+  }, [m, t.index, o, V]), T(() => {
+    m && (S ? Array.isArray(l) && te(l, o, f) && h(t.index) : re(l, o, f) && h(t.index));
+  }, [m, t.index, h, o, l, S, f]);
+  const G = s.useMemo(() => ({
+    disabled: u,
+    selected: n,
+    highlighted: c
+  }), [u, n, c]), M = k({
+    active: c,
+    selected: n
+  });
+  delete M.onFocus, delete M.id;
+  const p = s.useRef(null), x = s.useRef("mouse"), v = s.useRef(!1), {
+    getButtonProps: O,
+    buttonRef: K
+  } = se({
+    disabled: u,
+    focusableWhenDisabled: !0,
+    native: C
+  });
+  function P(e) {
+    if (S) {
+      const I = Array.isArray(l) ? l : [], E = n ? oe(I, o, f) : [...I, o];
+      U(E, w("item-press", e));
+    } else
+      U(o, w("item-press", e)), L(!1, w("item-press", e));
+  }
+  const W = {
+    role: "option",
+    "aria-selected": n,
+    "aria-disabled": u || void 0,
+    tabIndex: c ? 0 : -1,
+    onFocus() {
+      r.set("activeIndex", i.current);
+    },
+    onMouseEnter() {
+      !b.current && r.state.selectedIndex === null && r.set("activeIndex", i.current);
+    },
+    onMouseMove() {
+      r.set("activeIndex", i.current);
+    },
+    onMouseLeave(e) {
+      b.current || J(e) || j.start(0, () => {
+        r.state.activeIndex === i.current && r.set("activeIndex", null);
+      });
+    },
+    onTouchStart() {
+      y.current = {
+        allowSelectedMouseUp: !1,
+        allowUnselectedMouseUp: !1
+      };
+    },
+    onKeyDown(e) {
+      p.current = e.key, r.set("activeIndex", i.current);
+    },
+    onClick(e) {
+      v.current = !1, !(e.type === "keydown" && p.current === null) && (u || p.current === " " && N.current || x.current !== "touch" && !c || (p.current = null, P(e.nativeEvent)));
+    },
+    onPointerEnter(e) {
+      x.current = e.pointerType;
+    },
+    onPointerDown(e) {
+      x.current = e.pointerType, v.current = !0;
+    },
+    onMouseUp(e) {
+      if (u)
+        return;
+      if (v.current) {
+        v.current = !1;
+        return;
+      }
+      const I = !y.current.allowSelectedMouseUp && n, E = !y.current.allowUnselectedMouseUp && !n;
+      I || E || x.current !== "touch" && !c || P(e.nativeEvent);
+    }
+  }, _ = $("div", g, {
+    ref: [K, A, t.ref, q],
+    state: G,
+    props: [M, W, F, O]
+  }), z = s.useMemo(() => ({
+    selected: n,
+    indexRef: i,
+    textRef: R,
+    selectedByFocus: B
+  }), [n, i, R, B]);
+  return /* @__PURE__ */ ne.jsx(ee.Provider, {
+    value: z,
+    children: _
+  });
+}));
+process.env.NODE_ENV !== "production" && (ie.displayName = "SelectItem");
+export {
+  ie as SelectItem
+};

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

@@ -0,0 +1,54 @@
+import * as t from "react";
+import { useSelectItemContext as c } from "../item/SelectItemContext.js";
+import { useTransitionStatus as R } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete as M } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as N } from "../../utils/useRenderElement.js";
+import { transitionStatusMapping as S } from "../../utils/stateAttributesMapping.js";
+import { j as h } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const E = /* @__PURE__ */ t.forwardRef(function(n, r) {
+  const s = n.keepMounted ?? !1, {
+    selected: i
+  } = c();
+  return s || i ? /* @__PURE__ */ h.jsx(u, {
+    ...n,
+    ref: r
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "SelectItemIndicator");
+const u = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef((o, n) => {
+  const {
+    render: r,
+    className: s,
+    keepMounted: i,
+    ...a
+  } = o, {
+    selected: e
+  } = c(), m = t.useRef(null), {
+    mounted: p,
+    transitionStatus: d,
+    setMounted: f
+  } = R(e), l = t.useMemo(() => ({
+    selected: e,
+    transitionStatus: d
+  }), [e, d]), I = N("span", o, {
+    ref: [n, m],
+    state: l,
+    props: [{
+      hidden: !p,
+      "aria-hidden": !0,
+      children: "✔️"
+    }, a],
+    stateAttributesMapping: S
+  });
+  return M({
+    open: e,
+    ref: m,
+    onComplete() {
+      e || f(!1);
+    }
+  }), I;
+}));
+process.env.NODE_ENV !== "production" && (u.displayName = "Inner");
+export {
+  E as SelectItemIndicator
+};

@@ -0,0 +1,30 @@
+import * as t from "react";
+import { useSelectRootContext as i } from "../root/SelectRootContext.js";
+import { useSelectItemContext as a } from "../item/SelectItemContext.js";
+import { useRenderElement as d } from "../../utils/useRenderElement.js";
+const x = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef(function(r, s) {
+  const {
+    indexRef: o,
+    textRef: m,
+    selectedByFocus: c
+  } = a(), {
+    selectedItemTextRef: e
+  } = i(), {
+    className: R,
+    render: I,
+    ...l
+  } = r, u = t.useCallback((n) => {
+    n && queueMicrotask(() => {
+      const f = e.current === null || !e.current.isConnected;
+      (c || f && o.current === 0) && (e.current = n);
+    });
+  }, [e, o, c]);
+  return d("div", r, {
+    ref: [u, s, m],
+    props: l
+  });
+}));
+process.env.NODE_ENV !== "production" && (x.displayName = "SelectItemText");
+export {
+  x as SelectItemText
+};