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

Ariakit React core

"use client";
import {
  SelectItem
} from "../__chunks/5EYUQX2C.js";
import {
  useSelectScopedContext
} from "../__chunks/35OKO4JY.js";
import {
  useCompositeItemOffscreen
} from "../__chunks/BHWLTE4Z.js";
import "../__chunks/HBZ7G2WX.js";
import "../__chunks/JT5CKSP7.js";
import "../__chunks/7NJRHOSP.js";
import "../__chunks/GIQLGI43.js";
import {
  Role
} from "../__chunks/AB647VKY.js";
import "../__chunks/4WQSNMEM.js";
import "../__chunks/467XRHWL.js";
import "../__chunks/2LVHRIRC.js";
import "../__chunks/FYYAZUDI.js";
import "../__chunks/NO3UEYQ2.js";
import "../__chunks/EZ4UPVW6.js";
import "../__chunks/3F6D4KUU.js";
import "../__chunks/SWN3JYXT.js";
import "../__chunks/SOQQIDO4.js";
import "../__chunks/CTVD4XJH.js";
import {
  forwardRef
} from "../__chunks/L4OUMOCQ.js";
import {
  useMergeRefs
} from "../__chunks/W2TDKEPX.js";
import "../__chunks/AZVQSWGA.js";

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