@ariakit/react-core/esm/select/select-item-offscreen.js

Ariakit React core

"use client";
import {
  SelectItem
} from "../__chunks/TCUKIZ67.js";
import {
  useSelectScopedContext
} from "../__chunks/DG5U6ZEL.js";
import {
  useCompositeItemOffscreen
} from "../__chunks/JRLOXMGX.js";
import "../__chunks/UQQRIHDV.js";
import "../__chunks/6VRAQV3D.js";
import "../__chunks/5VQZOHHZ.js";
import "../__chunks/3NAWWYOJ.js";
import {
  Role
} from "../__chunks/XL7CSKGW.js";
import "../__chunks/RZ4GPYOB.js";
import "../__chunks/MTZPJQMC.js";
import "../__chunks/RS7LB2H4.js";
import "../__chunks/S6EF7IVO.js";
import "../__chunks/P7GR5CS5.js";
import "../__chunks/2RSXSRCN.js";
import "../__chunks/PFRGBC2K.js";
import "../__chunks/SWN3JYXT.js";
import "../__chunks/YV4JVR4I.js";
import "../__chunks/VDHZ5F7K.js";
import {
  forwardRef
} from "../__chunks/LMDWO4NN.js";
import {
  useMergeRefs
} from "../__chunks/ABQUS43J.js";
import "../__chunks/SK3NAZA3.js";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "../__chunks/3YLGPPWQ.js";

// src/select/select-item-offscreen.tsx
import { jsx } from "react/jsx-runtime";
var TagName = "div";
function useSelectItemOffscreen(_a) {
  var _b = _a, { store, value } = _b, props = __objRest(_b, ["store", "value"]);
  const context = useSelectScopedContext();
  store = store || context;
  return useCompositeItemOffscreen(__spreadValues({ store, value }, props));
}
var SelectItem2 = forwardRef(function SelectItem3(_a) {
  var _b = _a, {
    offscreenBehavior,
    offscreenRoot
  } = _b, props = __objRest(_b, [
    "offscreenBehavior",
    "offscreenRoot"
  ]);
  const _a2 = useSelectItemOffscreen(__spreadValues({
    offscreenBehavior,
    offscreenRoot
  }, props)), { active, ref } = _a2, rest = __objRest(_a2, ["active", "ref"]);
  const allProps = __spreadProps(__spreadValues(__spreadValues({}, rest), props), { ref: useMergeRefs(ref, props.ref) });
  if (active) {
    return /* @__PURE__ */ jsx(SelectItem, __spreadValues({}, allProps));
  }
  const _b2 = allProps, {
    store,
    value,
    getItem,
    hideOnClick,
    setValueOnClick,
    preventScrollOnKeyDown,
    focusOnHover,
    blurOnHoverEnd
  } = _b2, htmlProps = __objRest(_b2, [
    "store",
    "value",
    "getItem",
    "hideOnClick",
    "setValueOnClick",
    "preventScrollOnKeyDown",
    "focusOnHover",
    "blurOnHoverEnd"
  ]);
  const Component = Role[TagName];
  return /* @__PURE__ */ jsx(Component, __spreadValues({}, htmlProps));
});
export {
  SelectItem2 as SelectItem,
  useSelectItemOffscreen
};