@ariakit/react-core/cjs/composite/composite-overflow.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _LNC7ZL3Hcjs = require('../__chunks/LNC7ZL3H.cjs');
require('../__chunks/5XOEJL7A.cjs');
require('../__chunks/Y7XCL7GY.cjs');
require('../__chunks/UI5KWBYV.cjs');
require('../__chunks/L634CRNJ.cjs');
require('../__chunks/RDDLXR5T.cjs');
require('../__chunks/EQD56WGF.cjs');
require('../__chunks/LMAY3X4U.cjs');
require('../__chunks/W32FX7DM.cjs');
require('../__chunks/HIRVBNBX.cjs');
require('../__chunks/ENNAUHNH.cjs');
require('../__chunks/FW2GMPNK.cjs');
require('../__chunks/XYFLKFU6.cjs');
require('../__chunks/VC5V2CPO.cjs');
require('../__chunks/JLMLKTUB.cjs');
require('../__chunks/LCWSLOYU.cjs');
require('../__chunks/V7JASX7S.cjs');
require('../__chunks/56NPFF7P.cjs');
require('../__chunks/GASMO7Y4.cjs');
require('../__chunks/6IDGXS7Y.cjs');
require('../__chunks/26P4PLHI.cjs');
require('../__chunks/YVOQ2BCB.cjs');
require('../__chunks/4SKDRUBR.cjs');
require('../__chunks/AQ2LO7WV.cjs');
require('../__chunks/VIIJ4PIK.cjs');
require('../__chunks/FMHXK2IU.cjs');
require('../__chunks/6PUNKVPO.cjs');
require('../__chunks/FCZ3IGUB.cjs');
require('../__chunks/ZVJRPAXY.cjs');
require('../__chunks/YDPERDKF.cjs');
require('../__chunks/KVXNVDJK.cjs');
require('../__chunks/YUGKYIYY.cjs');
require('../__chunks/T3QB4FR3.cjs');
require('../__chunks/25BPIGZH.cjs');




var _WULEED4Qcjs = require('../__chunks/WULEED4Q.cjs');


var _OZM4QA2Vcjs = require('../__chunks/OZM4QA2V.cjs');
require('../__chunks/FDRJDQ5Y.cjs');




var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');

// src/composite/composite-overflow.tsx
var TagName = "div";
var hiddenStyle = {
  opacity: 0,
  pointerEvents: "none"
};
var useCompositeOverflow = _WULEED4Qcjs.createHook.call(void 0, function useCompositeOverflow2(_a) {
  var _b = _a, {
    store,
    wrapperProps: wrapperPropsProp,
    portal = false
  } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, [
    "store",
    "wrapperProps",
    "portal"
  ]);
  const onFocusProp = props.onFocus;
  const onFocus = _OZM4QA2Vcjs.useEvent.call(void 0, (event) => {
    onFocusProp == null ? void 0 : onFocusProp(event);
    if (event.defaultPrevented) return;
    store.show();
  });
  const mounted = store.useState("mounted");
  const getStyle = (styleProp) => mounted ? styleProp : _7EQBAZ46cjs.__spreadValues.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, hiddenStyle), styleProp);
  const wrapperProps = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {}, wrapperPropsProp), {
    style: getStyle(wrapperPropsProp == null ? void 0 : wrapperPropsProp.style)
  });
  props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
    role: "presentation"
  }, props), {
    onFocus
  });
  props = _LNC7ZL3Hcjs.usePopover.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
    store,
    focusable: false,
    alwaysVisible: true,
    wrapperProps,
    portal
  }, props));
  return props;
});
var CompositeOverflow = _WULEED4Qcjs.forwardRef.call(void 0, function CompositeOverflow2(props) {
  const htmlProps = useCompositeOverflow(props);
  return _WULEED4Qcjs.createElement.call(void 0, TagName, htmlProps);
});



exports.CompositeOverflow = CompositeOverflow; exports.useCompositeOverflow = useCompositeOverflow;