@ariakit/react-core 0.1.5 → 0.1.7

package/cjs/__chunks/GD6HHJCV.cjs

@@ -1,44 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
-
-
-
-
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
-
-
-
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
-
-// src/dialog/dialog-description.ts
-var _react = require('react');
-var useDialogDescription = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
-    const setDescriptionId = _react.useContext.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext);
-    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-      _optionalChain([setDescriptionId, 'optionalCall', _ => _(id)]);
-      return () => _optionalChain([setDescriptionId, 'optionalCall', _2 => _2(void 0)]);
-    }, [setDescriptionId, id]);
-    props = {
-      id,
-      ...props
-    };
-    return props;
-  }
-);
-var DialogDescription = _UYIFJ7U3cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useDialogDescription(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "p", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  DialogDescription.displayName = "DialogDescription";
-}
-
-
-
-
-exports.useDialogDescription = useDialogDescription; exports.DialogDescription = DialogDescription;

package/cjs/__chunks/GSMEXLDS.cjs

@@ -1,462 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _2ZU7T6CDcjs = require('./2ZU7T6CD.cjs');
-
-
-var _MWKUZW4Ecjs = require('./MWKUZW4E.cjs');
-
-
-var _5EIZ4QQ7cjs = require('./5EIZ4QQ7.cjs');
-
-
-var _OKPDB2ZMcjs = require('./OKPDB2ZM.cjs');
-
-
-var _XFVLDGPPcjs = require('./XFVLDGPP.cjs');
-
-
-var _ZNVMDYMMcjs = require('./ZNVMDYMM.cjs');
-
-
-var _CP6M4POZcjs = require('./CP6M4POZ.cjs');
-
-
-var _ZDO3DQPWcjs = require('./ZDO3DQPW.cjs');
-
-
-var _UK7WFIG4cjs = require('./UK7WFIG4.cjs');
-
-
-var _SOPRUU56cjs = require('./SOPRUU56.cjs');
-
-
-
-
-var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
-
-
-var _44UMDBZEcjs = require('./44UMDBZE.cjs');
-
-
-var _KUXCWMWWcjs = require('./KUXCWMWW.cjs');
-
-
-var _SWSQUGVGcjs = require('./SWSQUGVG.cjs');
-
-
-
-
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
-
-
-
-
-
-
-
-
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
-
-// src/dialog/dialog.tsx
-var _react = require('react');
-
-
-
-
-
-
-var _dom = require('@ariakit/core/utils/dom');
-
-
-
-var _events = require('@ariakit/core/utils/events');
-
-
-
-
-var _focus = require('@ariakit/core/utils/focus');
-var _misc = require('@ariakit/core/utils/misc');
-var _platform = require('@ariakit/core/utils/platform');
-var _jsxruntime = require('react/jsx-runtime');
-var isSafariBrowser = _platform.isSafari.call(void 0, );
-function isBackdrop(dialog, element) {
-  const id = dialog.id;
-  if (!id)
-    return;
-  return element.getAttribute("data-backdrop") === id;
-}
-function isInDialog(element) {
-  return (dialog) => dialog && _dom.contains.call(void 0, dialog, element);
-}
-function isAlreadyFocusingAnotherElement(dialog, nestedDialogs) {
-  const activeElement = _dom.getActiveElement.call(void 0, );
-  if (!activeElement)
-    return false;
-  if (_dom.contains.call(void 0, dialog, activeElement))
-    return false;
-  if (isBackdrop(dialog, activeElement))
-    return false;
-  if (_optionalChain([nestedDialogs, 'optionalAccess', _ => _.some, 'call', _2 => _2(isInDialog(activeElement))]))
-    return false;
-  if (_focus.isFocusable.call(void 0, activeElement))
-    return true;
-  return false;
-}
-function getElementFromProp(prop, focusable = false) {
-  if (!prop)
-    return null;
-  const element = "current" in prop ? prop.current : prop;
-  if (!element)
-    return null;
-  if (focusable)
-    return _focus.isFocusable.call(void 0, element) ? element : null;
-  return element;
-}
-var useDialog = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({
-    store,
-    focusable = true,
-    modal = true,
-    portal = !!modal,
-    backdrop = !!modal,
-    backdropProps,
-    hideOnEscape = true,
-    hideOnInteractOutside = true,
-    preventBodyScroll = !!modal,
-    autoFocusOnShow = true,
-    autoFocusOnHide = true,
-    initialFocus,
-    finalFocus,
-    ...props
-  }) => {
-    const ref = _react.useRef.call(void 0, null);
-    const { portalRef, portalNode, domReady } = _5QY4WCTRcjs.usePortalRef.call(void 0, 
-      portal,
-      props.portalRef
-    );
-    const preserveTabOrderProp = props.preserveTabOrder;
-    const preserveTabOrder = store.useState(
-      (state) => preserveTabOrderProp && !modal && state.mounted
-    );
-    const open = store.useState("open");
-    const shouldDisableAccessibilityTree = modal || portal && preserveTabOrder && _platform.isSafari.call(void 0, );
-    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
-    const contentElement = store.useState("contentElement");
-    _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      const dialog = ref.current;
-      const activeElement = _dom.getActiveElement.call(void 0, dialog, true);
-      if (!activeElement)
-        return;
-      if (activeElement.tagName === "BODY")
-        return;
-      if (dialog && _dom.contains.call(void 0, dialog, activeElement))
-        return;
-      store.setDisclosureElement(activeElement);
-    }, [open]);
-    const nested = _UK7WFIG4cjs.useNestedDialogs.call(void 0, store, modal);
-    const { nestedDialogs, openModals, wrapElement } = nested;
-    const nestedDialogsRef = _5QY4WCTRcjs.useLiveRef.call(void 0, nestedDialogs);
-    const shouldPreventBodyScroll = store.useState(
-      (state) => preventBodyScroll && state.mounted
-    );
-    _CP6M4POZcjs.usePreventBodyScroll.call(void 0, store, shouldPreventBodyScroll);
-    _MWKUZW4Ecjs.useHideOnInteractOutside.call(void 0, {
-      store,
-      modal,
-      hideOnInteractOutside,
-      nestedDialogs
-    });
-    const shouldRestoreLostFocus = _ZDO3DQPWcjs.useChampionDialog.call(void 0, 
-      "data-dialog-restore-lost-focus",
-      store,
-      open && modal && !openModals.length
-    );
-    _react.useEffect.call(void 0, () => {
-      if (!shouldRestoreLostFocus())
-        return;
-      let raf = 0;
-      const restoreLostFocus = () => {
-        const dialog = ref.current;
-        raf = requestAnimationFrame(restoreLostFocus);
-        if (!dialog)
-          return;
-        const doc = _dom.getDocument.call(void 0, dialog);
-        if (!doc.hasFocus())
-          return;
-        if (doc.activeElement !== doc.body)
-          return;
-        dialog.focus();
-      };
-      restoreLostFocus();
-      return () => cancelAnimationFrame(raf);
-    }, [shouldRestoreLostFocus]);
-    const mounted = store.useState("mounted");
-    if (isSafariBrowser) {
-      _react.useEffect.call(void 0, () => {
-        if (!mounted)
-          return;
-        const disclosure = store.getState().disclosureElement;
-        if (!disclosure)
-          return;
-        if (!_dom.isButton.call(void 0, disclosure))
-          return;
-        const onMouseDown = () => {
-          let receivedFocus = false;
-          const onFocus = () => {
-            receivedFocus = true;
-          };
-          const options = { capture: true, once: true };
-          disclosure.addEventListener("focusin", onFocus, options);
-          _events.queueBeforeEvent.call(void 0, disclosure, "mouseup", () => {
-            disclosure.removeEventListener("focusin", onFocus, true);
-            if (receivedFocus)
-              return;
-            _focus.focusIfNeeded.call(void 0, disclosure);
-          });
-        };
-        disclosure.addEventListener("mousedown", onMouseDown);
-        return () => {
-          disclosure.removeEventListener("mousedown", onMouseDown);
-        };
-      }, [mounted]);
-    }
-    _react.useEffect.call(void 0, () => {
-      if (!mounted)
-        return;
-      if (!domReady)
-        return;
-      const dialog = ref.current;
-      if (!dialog)
-        return;
-      if (!shouldDisableAccessibilityTree)
-        return;
-      const existingDismiss = dialog.querySelector("[data-dialog-dismiss]");
-      if (existingDismiss)
-        return;
-      return _5EIZ4QQ7cjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
-    }, [mounted, domReady, shouldDisableAccessibilityTree]);
-    const shouldDisableOutside = _ZDO3DQPWcjs.useChampionDialog.call(void 0, 
-      "data-dialog-disable-outside",
-      store,
-      open && !openModals.length && shouldDisableAccessibilityTree
-    );
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!shouldDisableOutside())
-        return;
-      const element = portal ? portalNode : ref.current;
-      if (modal) {
-        return _misc.chain.call(void 0, 
-          _XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element),
-          _OKPDB2ZMcjs.disableTreeOutside.call(void 0, element)
-        );
-      }
-      return _XFVLDGPPcjs.disableAccessibilityTreeOutside.call(void 0, element);
-    }, [shouldDisableOutside, portal, portalNode, modal]);
-    const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const autoFocusOnShowProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
-    _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      if (!mayAutoFocusOnShow)
-        return;
-      if (!domReady)
-        return;
-      const hasNestedOpenDialog = _optionalChain([nestedDialogsRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.some, 'call', _5 => _5(
-        (dialog2) => !dialog2.hidden
-      )]);
-      if (hasNestedOpenDialog)
-        return;
-      const dialog = contentElement;
-      if (!_optionalChain([dialog, 'optionalAccess', _6 => _6.isConnected]))
-        return;
-      const element = getElementFromProp(initialFocus, true) || // If no initial focus is specified, we try to focus the first element
-      // with the `autofocus` attribute. If it's an Ariakit component, the
-      // `Focusable` component will consume the `autoFocus` prop and add the
-      // `data-autofocus` attribute to the element instead.
-      dialog.querySelector(
-        "[data-autofocus=true],[autofocus]"
-      ) || // We have to fallback to the first focusable element otherwise portaled
-      // dialogs with preserveTabOrder set to true will not receive focus
-      // properly because the elements aren't tabbable until the dialog
-      // receives focus.
-      _focus.getFirstTabbableIn.call(void 0, dialog, true, portal && preserveTabOrder) || dialog;
-      if (!autoFocusOnShowProp(element))
-        return;
-      element.focus();
-    }, [
-      contentElement,
-      open,
-      mayAutoFocusOnShow,
-      domReady,
-      initialFocus,
-      portal,
-      preserveTabOrder,
-      autoFocusOnShowProp
-    ]);
-    const mayAutoFocusOnHide = !!autoFocusOnHide;
-    const autoFocusOnHideProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
-    const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
-    _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      setHasOpened(true);
-      return () => setHasOpened(false);
-    }, [open]);
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-      if (!hasOpened)
-        return;
-      if (!mayAutoFocusOnHide)
-        return;
-      const focusOnHide = () => {
-        const dialog = ref.current;
-        if (!dialog)
-          return;
-        const dialogs = nestedDialogsRef.current;
-        if (isAlreadyFocusingAnotherElement(dialog, dialogs))
-          return;
-        let element = getElementFromProp(finalFocus) || store.getState().disclosureElement;
-        if (element) {
-          if (element.id) {
-            const doc = _dom.getDocument.call(void 0, element);
-            const selector = `[aria-activedescendant="${element.id}"]`;
-            const composite = doc.querySelector(selector);
-            if (composite) {
-              element = composite;
-            }
-          }
-          if (!_focus.isFocusable.call(void 0, element)) {
-            const parentDialog = _dom.closest.call(void 0, element, "[data-dialog]");
-            if (parentDialog && parentDialog.id) {
-              const doc = _dom.getDocument.call(void 0, parentDialog);
-              const selector = `[aria-controls~="${parentDialog.id}"]`;
-              const control = doc.querySelector(selector);
-              if (control) {
-                element = control;
-              }
-            }
-          }
-          if (!autoFocusOnHideProp(element))
-            return;
-          element.focus();
-        }
-      };
-      if (!open) {
-        return focusOnHide();
-      }
-      return focusOnHide;
-    }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
-    const hideOnEscapeProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, hideOnEscape);
-    _react.useEffect.call(void 0, () => {
-      if (!domReady)
-        return;
-      if (!mounted)
-        return;
-      const onKeyDown = (event) => {
-        const dialog = ref.current;
-        if (!dialog)
-          return;
-        const target = event.target;
-        const disclosure = store.getState().disclosureElement;
-        if (event.key !== "Escape")
-          return;
-        if (event.defaultPrevented)
-          return;
-        if (!target)
-          return;
-        const isValidTarget = () => {
-          if (_dom.contains.call(void 0, dialog, target)) {
-            const dialogs = nestedDialogsRef.current;
-            const inNestedDialog = dialogs.some(isInDialog(target));
-            if (inNestedDialog)
-              return false;
-            return true;
-          }
-          if (disclosure && _dom.contains.call(void 0, disclosure, target))
-            return true;
-          return false;
-        };
-        if (isValidTarget() && hideOnEscapeProp(event)) {
-          store.hide();
-        }
-      };
-      return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
-    }, [mounted, domReady, hideOnEscapeProp]);
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
-      [modal]
-    );
-    const [shouldFocusTrap, setShouldFocusTrap] = _react.useState.call(void 0, false);
-    const hasOpenModals = !!openModals.length;
-    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-      const value = open && modal && !hasOpenModals && !("inert" in HTMLElement.prototype);
-      setShouldFocusTrap(value);
-    }, [modal, open, hasOpenModals]);
-    props = _ZNVMDYMMcjs.useFocusTrapRegion.call(void 0, { ...props, enabled: shouldFocusTrap });
-    const hiddenProp = props.hidden;
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => {
-        if (backdrop) {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _2ZU7T6CDcjs.DialogBackdrop,
-            {
-              store,
-              backdrop,
-              backdropProps,
-              hideOnInteractOutside,
-              hideOnEscape,
-              hidden: hiddenProp,
-              children: element
-            }
-          );
-        }
-        return element;
-      },
-      [
-        store,
-        backdrop,
-        backdropProps,
-        hideOnInteractOutside,
-        hideOnEscape,
-        hiddenProp
-      ]
-    );
-    const [headingId, setHeadingId] = _react.useState.call(void 0, );
-    const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogContext.Provider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
-      [store]
-    );
-    props = {
-      id,
-      "data-dialog": "",
-      role: "dialog",
-      tabIndex: focusable ? -1 : void 0,
-      "aria-labelledby": headingId,
-      "aria-describedby": descriptionId,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
-    };
-    props = _SWSQUGVGcjs.useDisclosureContent.call(void 0, { store, ...props });
-    props = _44UMDBZEcjs.useFocusable.call(void 0, { ...props, focusable });
-    props = _KUXCWMWWcjs.usePortal.call(void 0, { portal, ...props, portalRef, preserveTabOrder });
-    return props;
-  }
-);
-var Dialog = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useDialog(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Dialog.displayName = "Dialog";
-}
-
-
-
-
-exports.useDialog = useDialog; exports.Dialog = Dialog;

package/cjs/__chunks/LICOAFSX.cjs

@@ -1,56 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _22VQR3WCcjs = require('./22VQR3WC.cjs');
-
-
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
-
-
-var _BJTWNJAPcjs = require('./BJTWNJAP.cjs');
-
-
-
-
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
-
-
-
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
-
-// src/popover/popover-disclosure.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var usePopoverDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
-    const onClickProp = props.onClick;
-    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      store.setAnchorElement(event.currentTarget);
-      _optionalChain([onClickProp, 'optionalCall', _ => _(event)]);
-    });
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
-      props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
-      [store]
-    );
-    props = {
-      ...props,
-      onClick
-    };
-    props = _BJTWNJAPcjs.usePopoverAnchor.call(void 0, { store, ...props });
-    props = _22VQR3WCcjs.useDialogDisclosure.call(void 0, { store, ...props });
-    return props;
-  }
-);
-var PopoverDisclosure = _UYIFJ7U3cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = usePopoverDisclosure(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  PopoverDisclosure.displayName = "PopoverDisclosure";
-}
-
-
-
-
-exports.usePopoverDisclosure = usePopoverDisclosure; exports.PopoverDisclosure = PopoverDisclosure;

package/cjs/__chunks/MAH7ORCZ.cjs

@@ -1,39 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _DGBC5VB4cjs = require('./DGBC5VB4.cjs');
-
-
-
-
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
-
-// src/focus-trap/focus-trap.ts
-var useFocusTrap = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
-  props = {
-    "data-focus-trap": "",
-    tabIndex: 0,
-    "aria-hidden": true,
-    ...props,
-    style: {
-      // Prevents unintended scroll jumps.
-      position: "fixed",
-      top: 0,
-      left: 0,
-      ...props.style
-    }
-  };
-  props = _DGBC5VB4cjs.useVisuallyHidden.call(void 0, props);
-  return props;
-});
-var FocusTrap = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useFocusTrap(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "span", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  FocusTrap.displayName = "FocusTrap";
-}
-
-
-
-
-exports.useFocusTrap = useFocusTrap; exports.FocusTrap = FocusTrap;