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

Ariakit React core

"use client";
import {
  SelectItem
} from "../__chunks/WWSIOBO5.js";
import {
  useSelectScopedContext
} from "../__chunks/LM7KIZUU.js";
import {
  useCompositeItemOffscreen
} from "../__chunks/XOT33MS6.js";
import "../__chunks/IABE5EV2.js";
import "../__chunks/SBSPVDDI.js";
import "../__chunks/5VQZOHHZ.js";
import "../__chunks/OQDUQELZ.js";
import {
  Role
} from "../__chunks/QJ4LGO2N.js";
import "../__chunks/Y62RTBST.js";
import "../__chunks/Y67KZUMI.js";
import "../__chunks/T2AZQXQU.js";
import "../__chunks/ABN76PSX.js";
import "../__chunks/APTFW6PT.js";
import "../__chunks/2W3RN7C5.js";
import "../__chunks/OE2EFRVA.js";
import "../__chunks/SWN3JYXT.js";
import "../__chunks/RTNCFSKZ.js";
import "../__chunks/5CPL3B7G.js";
import {
  forwardRef
} from "../__chunks/VOQWLFSQ.js";
import {
  useMergeRefs
} from "../__chunks/5GGHRIN3.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
};