@ariakit/react-core 0.1.8 → 0.2.0

package/cjs/__chunks/JZRGYPLK.cjs

@@ -1,125 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _IRSBF3C5cjs = require('./IRSBF3C5.cjs');
-
-
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
-
-
-
-
-var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
-
-
-
-
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
-
-
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/popover/popover.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var usePopover = _7NAIPZYNcjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, {
-      store,
-      modal = false,
-      portal = !!modal,
-      preserveTabOrder = true,
-      autoFocusOnShow = true,
-      wrapperProps
-    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
-      "store",
-      "modal",
-      "portal",
-      "preserveTabOrder",
-      "autoFocusOnShow",
-      "wrapperProps"
-    ]);
-    const popoverElement = store.useState("popoverElement");
-    const contentElement = store.useState("contentElement");
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
-      const wrapper = popoverElement;
-      const popover = contentElement;
-      if (!wrapper)
-        return;
-      if (!popover)
-        return;
-      wrapper.style.zIndex = getComputedStyle(popover).zIndex;
-    }, [popoverElement, contentElement]);
-    const [canAutoFocusOnShow, setCanAutoFocusOnShow] = _react.useState.call(void 0, false);
-    const { portalRef, domReady } = _NREUHWTUcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const mounted = store.useState("mounted");
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!domReady)
-        return;
-      if (!mounted)
-        return;
-      if (!(contentElement == null ? void 0 : contentElement.isConnected))
-        return;
-      const raf = requestAnimationFrame(() => {
-        setCanAutoFocusOnShow(true);
-      });
-      return () => {
-        cancelAnimationFrame(raf);
-      };
-    }, [domReady, mounted, contentElement]);
-    const position = store.useState(
-      (state) => state.fixed ? "fixed" : "absolute"
-    );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
-          role: "presentation"
-        }, wrapperProps), {
-          style: _6455U47Tcjs.__spreadValues.call(void 0, {
-            position,
-            top: 0,
-            left: 0
-          }, wrapperProps == null ? void 0 : wrapperProps.style),
-          ref: store.setPopoverElement,
-          children: element
-        })
-      ),
-      [store, position, wrapperProps]
-    );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
-      [store]
-    );
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      style: _6455U47Tcjs.__spreadValues.call(void 0, {
-        position: "relative"
-      }, props.style)
-    });
-    props = _IRSBF3C5cjs.useDialog.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
-      store,
-      modal,
-      preserveTabOrder,
-      portal,
-      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow
-    }, props), {
-      portalRef
-    }));
-    return props;
-  }
-);
-var Popover = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
-  const htmlProps = usePopover(props);
-  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Popover.displayName = "Popover";
-}
-
-
-
-
-exports.usePopover = usePopover; exports.Popover = Popover;

package/esm/__chunks/JJHXFKMC.js

@@ -1,125 +0,0 @@
-import {
-  useDialog
-} from "./EMZ4NQG4.js";
-import {
-  PopoverContext
-} from "./6GS36SYX.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./5ETIGB6O.js";
-import {
-  usePortalRef,
-  useSafeLayoutEffect,
-  useWrapElement
-} from "./ASYR66PQ.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4BKCJXBM.js";
-
-// src/popover/popover.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var usePopover = createHook(
-  (_a) => {
-    var _b = _a, {
-      store,
-      modal = false,
-      portal = !!modal,
-      preserveTabOrder = true,
-      autoFocusOnShow = true,
-      wrapperProps
-    } = _b, props = __objRest(_b, [
-      "store",
-      "modal",
-      "portal",
-      "preserveTabOrder",
-      "autoFocusOnShow",
-      "wrapperProps"
-    ]);
-    const popoverElement = store.useState("popoverElement");
-    const contentElement = store.useState("contentElement");
-    useSafeLayoutEffect(() => {
-      const wrapper = popoverElement;
-      const popover = contentElement;
-      if (!wrapper)
-        return;
-      if (!popover)
-        return;
-      wrapper.style.zIndex = getComputedStyle(popover).zIndex;
-    }, [popoverElement, contentElement]);
-    const [canAutoFocusOnShow, setCanAutoFocusOnShow] = useState(false);
-    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);
-    const mounted = store.useState("mounted");
-    useSafeLayoutEffect(() => {
-      if (!domReady)
-        return;
-      if (!mounted)
-        return;
-      if (!(contentElement == null ? void 0 : contentElement.isConnected))
-        return;
-      const raf = requestAnimationFrame(() => {
-        setCanAutoFocusOnShow(true);
-      });
-      return () => {
-        cancelAnimationFrame(raf);
-      };
-    }, [domReady, mounted, contentElement]);
-    const position = store.useState(
-      (state) => state.fixed ? "fixed" : "absolute"
-    );
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(
-        "div",
-        __spreadProps(__spreadValues({
-          role: "presentation"
-        }, wrapperProps), {
-          style: __spreadValues({
-            position,
-            top: 0,
-            left: 0
-          }, wrapperProps == null ? void 0 : wrapperProps.style),
-          ref: store.setPopoverElement,
-          children: element
-        })
-      ),
-      [store, position, wrapperProps]
-    );
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(PopoverContext.Provider, { value: store, children: element }),
-      [store]
-    );
-    props = __spreadProps(__spreadValues({}, props), {
-      style: __spreadValues({
-        position: "relative"
-      }, props.style)
-    });
-    props = useDialog(__spreadProps(__spreadValues({
-      store,
-      modal,
-      preserveTabOrder,
-      portal,
-      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow
-    }, props), {
-      portalRef
-    }));
-    return props;
-  }
-);
-var Popover = createComponent((props) => {
-  const htmlProps = usePopover(props);
-  return createElement("div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Popover.displayName = "Popover";
-}
-
-export {
-  usePopover,
-  Popover
-};

package/esm/__chunks/SHGWT5HV.js

@@ -1,54 +0,0 @@
-import {
-  useDialogStoreOptions,
-  useDialogStoreProps
-} from "./OBNQHP6V.js";
-import {
-  useStore,
-  useStoreProps
-} from "./AV5WE37O.js";
-import {
-  useEvent
-} from "./ASYR66PQ.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./4BKCJXBM.js";
-
-// src/popover/popover-store.ts
-import * as Core from "@ariakit/core/popover/popover-store";
-function usePopoverStoreOptions(props) {
-  const getAnchorRect = useEvent(props.getAnchorRect);
-  const renderCallback = useEvent(props.renderCallback);
-  return __spreadProps(__spreadValues({}, useDialogStoreOptions(props)), {
-    getAnchorRect: props.getAnchorRect ? getAnchorRect : void 0,
-    renderCallback: props.renderCallback ? renderCallback : void 0
-  });
-}
-function usePopoverStoreProps(store, props) {
-  store = useDialogStoreProps(store, props);
-  useStoreProps(store, props, "placement");
-  useStoreProps(store, props, "fixed");
-  useStoreProps(store, props, "gutter");
-  useStoreProps(store, props, "flip");
-  useStoreProps(store, props, "shift");
-  useStoreProps(store, props, "slide");
-  useStoreProps(store, props, "overlap");
-  useStoreProps(store, props, "sameWidth");
-  useStoreProps(store, props, "fitViewport");
-  useStoreProps(store, props, "arrowPadding");
-  useStoreProps(store, props, "overflowPadding");
-  return store;
-}
-function usePopoverStore(props = {}) {
-  const options = usePopoverStoreOptions(props);
-  const store = useStore(
-    () => Core.createPopoverStore(__spreadValues(__spreadValues({}, props), options))
-  );
-  return usePopoverStoreProps(store, props);
-}
-
-export {
-  usePopoverStoreOptions,
-  usePopoverStoreProps,
-  usePopoverStore
-};

package/cjs/__chunks/{OV363CW6.cjs → BDJYHP43.cjs}

@@ -3,10 +3,10 @@
 var _WUH43WQ5cjs = require('./WUH43WQ5.cjs');
 
 
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
+var _CCVWD45Ycjs = require('./CCVWD45Y.cjs');
 
 
-var _CCVWD45Ycjs = require('./CCVWD45Y.cjs');
+var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
 
 

package/cjs/__chunks/{5I6IQHKQ.cjs → BIPONQXE.cjs}

@@ -7,10 +7,10 @@
 var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 
 
-var _NVBNDB5Bcjs = require('./NVBNDB5B.cjs');
+var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
-var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
+var _NVBNDB5Bcjs = require('./NVBNDB5B.cjs');
 
 
 

package/esm/__chunks/{OY5YT7OV.js → RTOWJJVI.js}

@@ -5,12 +5,12 @@ import {
   isItem,
   silentlyFocused
 } from "./OXPV2NBK.js";
-import {
-  useFocusable
-} from "./AGWM73EZ.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
+import {
+  useFocusable
+} from "./AGWM73EZ.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{6O3TZMB4.js → U2KSDJ3W.js}

@@ -1,12 +1,12 @@
 import {
   useDialogDisclosure
 } from "./LSTZ5Q72.js";
-import {
-  PopoverContext
-} from "./6GS36SYX.js";
 import {
   usePopoverAnchor
 } from "./D6NPK2DL.js";
+import {
+  PopoverContext
+} from "./6GS36SYX.js";
 import {
   createComponent,
   createElement,