@ariakit/react 0.4.25 → 0.4.27

package/cjs/__chunks/U2UYQT45.cjs

@@ -0,0 +1 @@
+"use strict";

package/cjs/__chunks/UUEFM3TG.cjs

@@ -0,0 +1,75 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+var _LMCBLO3Gcjs = require('./LMCBLO3G.cjs');
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/disclosure/disclosure.js
+var _react = require('react');
+var TagName = "button";
+var symbol = /* @__PURE__ */ Symbol("disclosure");
+var useDisclosure = _QAUJZR6Ycjs.createHook.call(void 0, function useDisclosure2({ store, toggleOnClick = true, ...props }) {
+  var _a;
+  const context = _7M4GY5DScjs.useDisclosureProviderContext.call(void 0, );
+  store = store || context;
+  _QAUJZR6Ycjs.invariant.call(void 0, store, "Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component.");
+  const ref = _react.useRef.call(void 0, null);
+  const [expanded, setExpanded] = _react.useState.call(void 0, false);
+  const disclosureElement = _D4HCGWOUcjs.useStoreState.call(void 0, store, "disclosureElement");
+  const open = _D4HCGWOUcjs.useStoreState.call(void 0, store, "open");
+  _react.useEffect.call(void 0, () => {
+    let isCurrentDisclosure = disclosureElement === ref.current;
+    if (!(disclosureElement == null ? void 0 : disclosureElement.isConnected)) {
+      store == null ? void 0 : store.setDisclosureElement(ref.current);
+      isCurrentDisclosure = true;
+    }
+    setExpanded(open && isCurrentDisclosure);
+  }, [
+    disclosureElement,
+    store,
+    open
+  ]);
+  const onClickProp = props.onClick;
+  const toggleOnClickProp = _QAUJZR6Ycjs.useBooleanEvent.call(void 0, toggleOnClick);
+  const [isDuplicate, metadataProps] = _QAUJZR6Ycjs.useMetadataProps.call(void 0, props, symbol, true);
+  const onClick = _QAUJZR6Ycjs.useEvent.call(void 0, (event) => {
+    onClickProp == null ? void 0 : onClickProp(event);
+    if (event.defaultPrevented) return;
+    if (isDuplicate) return;
+    if (!toggleOnClickProp(event)) return;
+    store == null ? void 0 : store.setDisclosureElement(event.currentTarget);
+    store == null ? void 0 : store.toggle();
+  });
+  props = {
+    "aria-expanded": expanded,
+    "aria-controls": (_a = _D4HCGWOUcjs.useStoreState.call(void 0, store, "contentElement")) == null ? void 0 : _a.id,
+    ...metadataProps,
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref),
+    onClick
+  };
+  props = _LMCBLO3Gcjs.useButton.call(void 0, props);
+  return props;
+});
+var Disclosure = _QAUJZR6Ycjs.forwardRef.call(void 0, function Disclosure2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useDisclosure(props));
+});
+
+
+
+
+exports.useDisclosure = useDisclosure; exports.Disclosure = Disclosure;

package/cjs/__chunks/UV7CXZEM.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _7M4GY5DScjs = require('./7M4GY5DS.cjs');
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/dialog/dialog-description.js
+var _react = require('react');
+var TagName = "p";
+var useDialogDescription = _QAUJZR6Ycjs.createHook.call(void 0, function useDialogDescription2({ store, ...props }) {
+  const setDescriptionId = _react.useContext.call(void 0, _7M4GY5DScjs.DialogDescriptionContext);
+  const id = _QAUJZR6Ycjs.useId.call(void 0, props.id);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    setDescriptionId == null ? void 0 : setDescriptionId(id);
+    return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
+  }, [setDescriptionId, id]);
+  props = {
+    ...props,
+    id
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var DialogDescription = _QAUJZR6Ycjs.forwardRef.call(void 0, function DialogDescription2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useDialogDescription(props));
+});
+
+
+
+
+exports.useDialogDescription = useDialogDescription; exports.DialogDescription = DialogDescription;

package/cjs/__chunks/VXDLN5CP.cjs

@@ -0,0 +1,234 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _N3DLR7OLcjs = require('./N3DLR7OL.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/portal/portal-context.js
+var _react = require('react');
+var PortalContext = _react.createContext.call(void 0, null);
+
+// ../ariakit-react-components/dist/portal/portal.js
+
+var _jsxruntime = require('react/jsx-runtime');
+var _reactdom = require('react-dom');
+var TagName = "div";
+function getRootElement(element) {
+  const doc = _QAUJZR6Ycjs.getDocument.call(void 0, element);
+  const { fullscreenElement } = doc;
+  if (fullscreenElement instanceof HTMLElement) return fullscreenElement;
+  return doc.body;
+}
+function getPortalElement(element, portalElement) {
+  if (!portalElement) return _QAUJZR6Ycjs.getDocument.call(void 0, element).createElement("div");
+  if (typeof portalElement === "function") return portalElement(element);
+  return portalElement;
+}
+function getRandomId(prefix = "id") {
+  return `${prefix ? `${prefix}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
+}
+function queueFocus(element) {
+  queueMicrotask(() => {
+    element == null ? void 0 : element.focus();
+  });
+}
+var usePortal = _QAUJZR6Ycjs.createHook.call(void 0, function usePortal2({ preserveTabOrder, preserveTabOrderAnchor, portalElement, portalRef, portal = true, ...props }) {
+  const ref = _react.useRef.call(void 0, null);
+  const refProp = _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref);
+  const context = _react.useContext.call(void 0, PortalContext);
+  const [portalNode, setPortalNode] = _react.useState.call(void 0, null);
+  const [anchorPortalNode, setAnchorPortalNode] = _react.useState.call(void 0, null);
+  const outerBeforeRef = _react.useRef.call(void 0, null);
+  const innerBeforeRef = _react.useRef.call(void 0, null);
+  const innerAfterRef = _react.useRef.call(void 0, null);
+  const outerAfterRef = _react.useRef.call(void 0, null);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    const element = ref.current;
+    if (!element || !portal) {
+      setPortalNode(null);
+      return;
+    }
+    const portalEl = getPortalElement(element, portalElement);
+    if (!portalEl) {
+      setPortalNode(null);
+      return;
+    }
+    const isPortalInDocument = portalEl.isConnected;
+    if (!isPortalInDocument) (context || getRootElement(element)).appendChild(portalEl);
+    if (!portalEl.id) portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
+    setPortalNode(portalEl);
+    _QAUJZR6Ycjs.setRef.call(void 0, portalRef, portalEl);
+    if (isPortalInDocument) return;
+    return () => {
+      portalEl.remove();
+      _QAUJZR6Ycjs.setRef.call(void 0, portalRef, null);
+    };
+  }, [
+    portal,
+    portalElement,
+    context,
+    portalRef
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (!portalNode) return;
+    if (context) return;
+    if (portalElement) return;
+    const doc = _QAUJZR6Ycjs.getDocument.call(void 0, portalNode);
+    const onFullscreenChange = () => {
+      const rootElement = getRootElement(portalNode);
+      if (portalNode.parentElement !== rootElement) rootElement.appendChild(portalNode);
+    };
+    onFullscreenChange();
+    doc.addEventListener("fullscreenchange", onFullscreenChange);
+    return () => {
+      doc.removeEventListener("fullscreenchange", onFullscreenChange);
+    };
+  }, [
+    portalNode,
+    context,
+    portalElement
+  ]);
+  _QAUJZR6Ycjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!portal) return;
+    if (!preserveTabOrder) return;
+    if (!preserveTabOrderAnchor) return;
+    const element = _QAUJZR6Ycjs.getDocument.call(void 0, preserveTabOrderAnchor).createElement("span");
+    element.style.position = "fixed";
+    preserveTabOrderAnchor.insertAdjacentElement("afterend", element);
+    setAnchorPortalNode(element);
+    return () => {
+      element.remove();
+      setAnchorPortalNode(null);
+    };
+  }, [
+    portal,
+    preserveTabOrder,
+    preserveTabOrderAnchor
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (!portalNode) return;
+    if (!preserveTabOrder) return;
+    let raf = 0;
+    const onFocus = (event) => {
+      if (!_QAUJZR6Ycjs.isFocusEventOutside.call(void 0, event)) return;
+      const focusing = event.type === "focusin";
+      cancelAnimationFrame(raf);
+      if (focusing) return _QAUJZR6Ycjs.restoreFocusIn.call(void 0, portalNode);
+      raf = requestAnimationFrame(() => {
+        _QAUJZR6Ycjs.disableFocusIn.call(void 0, portalNode, true);
+      });
+    };
+    portalNode.addEventListener("focusin", onFocus, true);
+    portalNode.addEventListener("focusout", onFocus, true);
+    return () => {
+      cancelAnimationFrame(raf);
+      portalNode.removeEventListener("focusin", onFocus, true);
+      portalNode.removeEventListener("focusout", onFocus, true);
+    };
+  }, [portalNode, preserveTabOrder]);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => {
+    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PortalContext.Provider, {
+      value: portalNode || context,
+      children: element
+    });
+    if (!portal) return element;
+    if (!portalNode) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
+      ref: refProp,
+      id: props.id,
+      style: { position: "fixed" },
+      hidden: true
+    });
+    element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N3DLR7OLcjs.FocusTrap, {
+        ref: innerBeforeRef,
+        "data-focus-trap": props.id,
+        className: "__focus-trap-inner-before",
+        onFocus: (event) => {
+          if (_QAUJZR6Ycjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(_QAUJZR6Ycjs.getNextTabbable.call(void 0, ));
+          else queueFocus(outerBeforeRef.current);
+        }
+      }),
+      element,
+      preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N3DLR7OLcjs.FocusTrap, {
+        ref: innerAfterRef,
+        "data-focus-trap": props.id,
+        className: "__focus-trap-inner-after",
+        onFocus: (event) => {
+          if (_QAUJZR6Ycjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(_QAUJZR6Ycjs.getPreviousTabbable.call(void 0, ));
+          else queueFocus(outerAfterRef.current);
+        }
+      })
+    ] });
+    if (portalNode) element = _reactdom.createPortal.call(void 0, element, portalNode);
+    let preserveTabOrderElement = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N3DLR7OLcjs.FocusTrap, {
+        ref: outerBeforeRef,
+        "data-focus-trap": props.id,
+        className: "__focus-trap-outer-before",
+        onFocus: (event) => {
+          if (!(event.relatedTarget === outerAfterRef.current) && _QAUJZR6Ycjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(innerBeforeRef.current);
+          else queueFocus(_QAUJZR6Ycjs.getPreviousTabbable.call(void 0, ));
+        }
+      }),
+      preserveTabOrder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
+        "aria-owns": portalNode == null ? void 0 : portalNode.id,
+        style: { position: "fixed" }
+      }),
+      preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N3DLR7OLcjs.FocusTrap, {
+        ref: outerAfterRef,
+        "data-focus-trap": props.id,
+        className: "__focus-trap-outer-after",
+        onFocus: (event) => {
+          if (_QAUJZR6Ycjs.isFocusEventOutside.call(void 0, event, portalNode)) queueFocus(innerAfterRef.current);
+          else {
+            const nextTabbable = _QAUJZR6Ycjs.getNextTabbable.call(void 0, );
+            if (nextTabbable === innerBeforeRef.current) {
+              requestAnimationFrame(() => {
+                var _a;
+                return (_a = _QAUJZR6Ycjs.getNextTabbable.call(void 0, )) == null ? void 0 : _a.focus();
+              });
+              return;
+            }
+            queueFocus(nextTabbable);
+          }
+        }
+      })
+    ] });
+    if (anchorPortalNode && preserveTabOrder) preserveTabOrderElement = _reactdom.createPortal.call(void 0, preserveTabOrderElement, anchorPortalNode);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [preserveTabOrderElement, element] });
+  }, [
+    portalNode,
+    context,
+    portal,
+    props.id,
+    preserveTabOrder,
+    anchorPortalNode
+  ]);
+  props = {
+    ...props,
+    ref: refProp
+  };
+  return props;
+});
+var Portal = _QAUJZR6Ycjs.forwardRef.call(void 0, function Portal2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, usePortal(props));
+});
+
+
+
+
+
+exports.PortalContext = PortalContext; exports.usePortal = usePortal; exports.Portal = Portal;