@ariakit/react-core 0.3.13 → 0.4.0

package/esm/__chunks/JH4A3V7P.js

@@ -1,52 +0,0 @@
-"use client";
-import {
-  useCommand
-} from "./BVNGIDQK.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useMergeRefs,
-  useTagName
-} from "./6O5OEQGF.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/button/button.ts
-import { useEffect, useRef, useState } from "react";
-import { isButton } from "@ariakit/core/utils/dom";
-var useButton = createHook((props) => {
-  const ref = useRef(null);
-  const tagName = useTagName(ref, props.as || "button");
-  const [isNativeButton, setIsNativeButton] = useState(
-    () => !!tagName && isButton({ tagName, type: props.type })
-  );
-  useEffect(() => {
-    if (!ref.current)
-      return;
-    setIsNativeButton(isButton(ref.current));
-  }, []);
-  props = __spreadProps(__spreadValues({
-    role: !isNativeButton && tagName !== "a" ? "button" : void 0
-  }, props), {
-    ref: useMergeRefs(ref, props.ref)
-  });
-  props = useCommand(props);
-  return props;
-});
-var Button = createComponent((props) => {
-  const htmlProps = useButton(props);
-  return createElement("button", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Button.displayName = "Button";
-}
-
-export {
-  useButton,
-  Button
-};

package/esm/__chunks/JHO32H4J.js

@@ -1,80 +0,0 @@
-"use client";
-import {
-  usePopoverContext
-} from "./7H5KSHHF.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/popover/popover-disclosure-arrow.tsx
-import { useMemo } from "react";
-import { invariant } from "@ariakit/core/utils/misc";
-import { jsx } from "react/jsx-runtime";
-var pointsMap = {
-  top: "4,10 8,6 12,10",
-  right: "6,4 10,8 6,12",
-  bottom: "4,6 8,10 12,6",
-  left: "10,4 6,8 10,12"
-};
-var usePopoverDisclosureArrow = createHook(
-  (_a) => {
-    var _b = _a, { store, placement } = _b, props = __objRest(_b, ["store", "placement"]);
-    const context = usePopoverContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
-    );
-    const position = store.useState((state) => placement || state.placement);
-    const dir = position.split("-")[0];
-    const points = pointsMap[dir];
-    const children = useMemo(
-      () => /* @__PURE__ */ jsx(
-        "svg",
-        {
-          display: "block",
-          fill: "none",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "1.5pt",
-          viewBox: "0 0 16 16",
-          height: "1em",
-          width: "1em",
-          children: /* @__PURE__ */ jsx("polyline", { points })
-        }
-      ),
-      [points]
-    );
-    props = __spreadProps(__spreadValues({
-      children,
-      "aria-hidden": true
-    }, props), {
-      style: __spreadValues({
-        width: "1em",
-        height: "1em",
-        pointerEvents: "none"
-      }, props.style)
-    });
-    return props;
-  }
-);
-var PopoverDisclosureArrow = createComponent((props) => {
-  const htmlProps = usePopoverDisclosureArrow(props);
-  return createElement("span", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  PopoverDisclosureArrow.displayName = "PopoverDisclosureArrow";
-}
-
-export {
-  usePopoverDisclosureArrow,
-  PopoverDisclosureArrow
-};

package/esm/__chunks/JPXNJYSO.js

@@ -1,285 +0,0 @@
-"use client";
-import {
-  FocusTrap
-} from "./CHKJ74UC.js";
-import {
-  PortalContext
-} from "./7452U3HH.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useMergeRefs,
-  useSafeLayoutEffect,
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  setRef
-} from "./XM66DUTO.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/portal/portal.tsx
-import { useContext, useEffect, useRef, useState } from "react";
-import { getDocument } from "@ariakit/core/utils/dom";
-import { isFocusEventOutside } from "@ariakit/core/utils/events";
-import {
-  disableFocusIn,
-  getNextTabbable,
-  getPreviousTabbable,
-  restoreFocusIn
-} from "@ariakit/core/utils/focus";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function getRootElement(element) {
-  return getDocument(element).body;
-}
-function getPortalElement(element, portalElement) {
-  if (!portalElement) {
-    return getDocument(element).createElement("div");
-  }
-  if (typeof portalElement === "function") {
-    return portalElement(element);
-  }
-  return portalElement;
-}
-function getRandomId(prefix = "id") {
-  return `${prefix ? `${prefix}-` : ""}${Math.random().toString(36).substr(2, 6)}`;
-}
-function queueFocus(element) {
-  queueMicrotask(() => {
-    element == null ? void 0 : element.focus();
-  });
-}
-var usePortal = createHook(
-  (_a) => {
-    var _b = _a, {
-      preserveTabOrder,
-      preserveTabOrderAnchor,
-      portalElement,
-      portalRef,
-      portal = true
-    } = _b, props = __objRest(_b, [
-      "preserveTabOrder",
-      "preserveTabOrderAnchor",
-      "portalElement",
-      "portalRef",
-      "portal"
-    ]);
-    const ref = useRef(null);
-    const refProp = useMergeRefs(ref, props.ref);
-    const context = useContext(PortalContext);
-    const [portalNode, setPortalNode] = useState(null);
-    const [anchorPortalNode, setAnchorPortalNode] = useState(null);
-    const outerBeforeRef = useRef(null);
-    const innerBeforeRef = useRef(null);
-    const innerAfterRef = useRef(null);
-    const outerAfterRef = useRef(null);
-    useSafeLayoutEffect(() => {
-      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) {
-        const rootElement = context || getRootElement(element);
-        rootElement.appendChild(portalEl);
-      }
-      if (!portalEl.id) {
-        portalEl.id = element.id ? `portal/${element.id}` : getRandomId();
-      }
-      setPortalNode(portalEl);
-      setRef(portalRef, portalEl);
-      if (isPortalInDocument)
-        return;
-      return () => {
-        portalEl.remove();
-        setRef(portalRef, null);
-      };
-    }, [portal, portalElement, context, portalRef]);
-    useSafeLayoutEffect(() => {
-      if (!preserveTabOrder)
-        return;
-      if (!preserveTabOrderAnchor)
-        return;
-      const doc = getDocument(preserveTabOrderAnchor);
-      const element = doc.createElement("span");
-      element.style.position = "fixed";
-      preserveTabOrderAnchor.insertAdjacentElement("afterend", element);
-      setAnchorPortalNode(element);
-      return () => {
-        element.remove();
-        setAnchorPortalNode(null);
-      };
-    }, [preserveTabOrder, preserveTabOrderAnchor]);
-    useEffect(() => {
-      if (!portalNode)
-        return;
-      if (!preserveTabOrder)
-        return;
-      let raf = 0;
-      const onFocus = (event) => {
-        if (!isFocusEventOutside(event))
-          return;
-        const focusing = event.type === "focusin";
-        cancelAnimationFrame(raf);
-        if (focusing) {
-          return restoreFocusIn(portalNode);
-        }
-        raf = requestAnimationFrame(() => {
-          disableFocusIn(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 = useWrapElement(
-      props,
-      (element) => {
-        element = // While the portal node is not in the DOM, we need to pass the
-        // current context to the portal context, otherwise it's going to
-        // reset to the body element on nested portals.
-        /* @__PURE__ */ jsx(PortalContext.Provider, { value: portalNode || context, children: element });
-        if (!portal)
-          return element;
-        if (!portalNode) {
-          return /* @__PURE__ */ jsx(
-            "span",
-            {
-              ref: refProp,
-              id: props.id,
-              style: { position: "fixed" },
-              hidden: true
-            }
-          );
-        }
-        element = /* @__PURE__ */ jsxs(Fragment, { children: [
-          preserveTabOrder && portalNode && /* @__PURE__ */ jsx(
-            FocusTrap,
-            {
-              ref: innerBeforeRef,
-              className: "__focus-trap-inner-before",
-              onFocus: (event) => {
-                if (isFocusEventOutside(event, portalNode)) {
-                  queueFocus(getNextTabbable());
-                } else {
-                  queueFocus(outerBeforeRef.current);
-                }
-              }
-            }
-          ),
-          element,
-          preserveTabOrder && portalNode && /* @__PURE__ */ jsx(
-            FocusTrap,
-            {
-              ref: innerAfterRef,
-              className: "__focus-trap-inner-after",
-              onFocus: (event) => {
-                if (isFocusEventOutside(event, portalNode)) {
-                  queueFocus(getPreviousTabbable());
-                } else {
-                  queueFocus(outerAfterRef.current);
-                }
-              }
-            }
-          )
-        ] });
-        if (portalNode) {
-          element = createPortal(element, portalNode);
-        }
-        let preserveTabOrderElement = /* @__PURE__ */ jsxs(Fragment, { children: [
-          preserveTabOrder && portalNode && /* @__PURE__ */ jsx(
-            FocusTrap,
-            {
-              ref: outerBeforeRef,
-              className: "__focus-trap-outer-before",
-              onFocus: (event) => {
-                const fromOuter = event.relatedTarget === outerAfterRef.current;
-                if (!fromOuter && isFocusEventOutside(event, portalNode)) {
-                  queueFocus(innerBeforeRef.current);
-                } else {
-                  queueFocus(getPreviousTabbable());
-                }
-              }
-            }
-          ),
-          preserveTabOrder && // We're using position: fixed here so that the browser doesn't
-          // add margin to the element when setting gap on a parent element.
-          /* @__PURE__ */ jsx("span", { "aria-owns": portalNode == null ? void 0 : portalNode.id, style: { position: "fixed" } }),
-          preserveTabOrder && portalNode && /* @__PURE__ */ jsx(
-            FocusTrap,
-            {
-              ref: outerAfterRef,
-              className: "__focus-trap-outer-after",
-              onFocus: (event) => {
-                if (isFocusEventOutside(event, portalNode)) {
-                  queueFocus(innerAfterRef.current);
-                } else {
-                  const nextTabbable = getNextTabbable();
-                  if (nextTabbable === innerBeforeRef.current) {
-                    requestAnimationFrame(() => {
-                      var _a2;
-                      return (_a2 = getNextTabbable()) == null ? void 0 : _a2.focus();
-                    });
-                    return;
-                  }
-                  queueFocus(nextTabbable);
-                }
-              }
-            }
-          )
-        ] });
-        if (anchorPortalNode && preserveTabOrder) {
-          preserveTabOrderElement = createPortal(
-            preserveTabOrderElement,
-            anchorPortalNode
-          );
-        }
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          preserveTabOrderElement,
-          element
-        ] });
-      },
-      [
-        portalNode,
-        context,
-        portal,
-        props.id,
-        preserveTabOrder,
-        anchorPortalNode
-      ]
-    );
-    props = __spreadProps(__spreadValues({}, props), {
-      ref: refProp
-    });
-    return props;
-  }
-);
-var Portal = createComponent((props) => {
-  const htmlProps = usePortal(props);
-  return createElement("div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Portal.displayName = "Portal";
-}
-
-export {
-  usePortal,
-  Portal
-};

package/esm/__chunks/NT7GEZQU.js

@@ -1,44 +0,0 @@
-"use client";
-import {
-  GroupLabelContext
-} from "./3X3MDQGM.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useId,
-  useSafeLayoutEffect
-} from "./6O5OEQGF.js";
-import {
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/group/group-label.ts
-import { useContext } from "react";
-var useGroupLabel = createHook((props) => {
-  const setLabelId = useContext(GroupLabelContext);
-  const id = useId(props.id);
-  useSafeLayoutEffect(() => {
-    setLabelId == null ? void 0 : setLabelId(id);
-    return () => setLabelId == null ? void 0 : setLabelId(void 0);
-  }, [setLabelId, id]);
-  props = __spreadValues({
-    id,
-    "aria-hidden": true
-  }, props);
-  return props;
-});
-var GroupLabel = createComponent((props) => {
-  const htmlProps = useGroupLabel(props);
-  return createElement("div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  GroupLabel.displayName = "GroupLabel";
-}
-
-export {
-  useGroupLabel,
-  GroupLabel
-};

package/esm/__chunks/P4FX6ZFL.js

@@ -1,51 +0,0 @@
-"use client";
-import {
-  HeadingContext
-} from "./XPF5GU3Q.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useMergeRefs,
-  useTagName
-} from "./6O5OEQGF.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/heading/heading.tsx
-import { useContext, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var useHeading = createHook((props) => {
-  const ref = useRef(null);
-  const level = useContext(HeadingContext) || 1;
-  const Element = `h${level}`;
-  const tagName = useTagName(ref, Element);
-  const isNativeHeading = useMemo(
-    () => !!tagName && /^h\d$/.test(tagName),
-    [tagName]
-  );
-  props = __spreadProps(__spreadValues({
-    render: /* @__PURE__ */ jsx(Element, {}),
-    role: !isNativeHeading ? "heading" : void 0,
-    "aria-level": !isNativeHeading ? level : void 0
-  }, props), {
-    ref: useMergeRefs(ref, props.ref)
-  });
-  return props;
-});
-var Heading = createComponent((props) => {
-  const htmlProps = useHeading(props);
-  return createElement("h1", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Heading.displayName = "Heading";
-}
-
-export {
-  useHeading,
-  Heading
-};

package/esm/__chunks/PHR7QED4.js

@@ -1,70 +0,0 @@
-"use client";
-import {
-  useDialogDisclosure
-} from "./PUBUTPR6.js";
-import {
-  usePopoverAnchor
-} from "./JCH6MLL2.js";
-import {
-  PopoverScopedContextProvider,
-  usePopoverProviderContext
-} from "./7H5KSHHF.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useEvent,
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/popover/popover-disclosure.tsx
-import { invariant } from "@ariakit/core/utils/misc";
-import { jsx } from "react/jsx-runtime";
-var usePopoverDisclosure = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = usePopoverProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
-    );
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      store == null ? void 0 : store.setAnchorElement(event.currentTarget);
-      onClickProp == null ? void 0 : onClickProp(event);
-    });
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsx(PopoverScopedContextProvider, { value: store, children: element }),
-      [store]
-    );
-    props = __spreadProps(__spreadValues({}, props), {
-      onClick
-    });
-    props = usePopoverAnchor(__spreadValues({ store }, props));
-    props = useDialogDisclosure(__spreadValues({ store }, props));
-    return props;
-  }
-);
-var PopoverDisclosure = createComponent(
-  (props) => {
-    const htmlProps = usePopoverDisclosure(props);
-    return createElement("button", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  PopoverDisclosure.displayName = "PopoverDisclosure";
-}
-
-export {
-  usePopoverDisclosure,
-  PopoverDisclosure
-};

package/esm/__chunks/R2QZ3KXH.js

@@ -1,44 +0,0 @@
-"use client";
-import {
-  GroupLabelContext
-} from "./3X3MDQGM.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-import {
-  useWrapElement
-} from "./6O5OEQGF.js";
-import {
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/group/group.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var useGroup = createHook((props) => {
-  const [labelId, setLabelId] = useState();
-  props = useWrapElement(
-    props,
-    (element) => /* @__PURE__ */ jsx(GroupLabelContext.Provider, { value: setLabelId, children: element }),
-    []
-  );
-  props = __spreadValues({
-    role: "group",
-    "aria-labelledby": labelId
-  }, props);
-  return props;
-});
-var Group = createComponent((props) => {
-  const htmlProps = useGroup(props);
-  return createElement("div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Group.displayName = "Group";
-}
-
-export {
-  useGroup,
-  Group
-};

package/esm/__chunks/RJDEYIKS.js

@@ -1,29 +0,0 @@
-"use client";
-import {
-  useDialogHeading
-} from "./XHRZYRZ5.js";
-import {
-  createComponent,
-  createElement,
-  createHook
-} from "./3ORBWXWF.js";
-
-// src/popover/popover-heading.ts
-var usePopoverHeading = createHook((props) => {
-  props = useDialogHeading(props);
-  return props;
-});
-var PopoverHeading = createComponent(
-  (props) => {
-    const htmlProps = usePopoverHeading(props);
-    return createElement("h1", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  PopoverHeading.displayName = "PopoverHeading";
-}
-
-export {
-  usePopoverHeading,
-  PopoverHeading
-};