@ariakit/react-core 0.3.14 → 0.4.1

package/esm/__chunks/IMEG7JN4.js

@@ -1,189 +0,0 @@
-"use client";
-import {
-  selectTextField
-} from "./3IEDWLST.js";
-import {
-  useCompositeContext
-} from "./IB7YUKH5.js";
-import {
-  createElement,
-  createHook,
-  createMemoComponent
-} from "./3ORBWXWF.js";
-import {
-  useStoreState
-} from "./EKQEJRUF.js";
-import {
-  useEvent,
-  useMergeRefs
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/composite/composite-container.ts
-import { useEffect, useRef } from "react";
-import { isButton, isTextField } from "@ariakit/core/utils/dom";
-import { isFocusEventOutside, isSelfTarget } from "@ariakit/core/utils/events";
-import {
-  disableFocusIn,
-  getFirstTabbableIn,
-  restoreFocusIn
-} from "@ariakit/core/utils/focus";
-function getFirstTabbable(container) {
-  restoreFocusIn(container);
-  const tabbable = getFirstTabbableIn(container);
-  disableFocusIn(container);
-  return tabbable;
-}
-var useCompositeContainer = createHook(
-  (_a) => {
-    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-    const context = useCompositeContext();
-    store = store || context;
-    const ref = useRef(null);
-    const isOpenRef = useRef(false);
-    const open = (collapseToEnd = false) => {
-      const container = ref.current;
-      if (!container)
-        return;
-      restoreFocusIn(container);
-      const tabbable = getFirstTabbableIn(container);
-      if (!tabbable) {
-        disableFocusIn(container);
-        return;
-      }
-      isOpenRef.current = true;
-      queueMicrotask(() => {
-        tabbable.focus();
-        if (isTextField(tabbable) || tabbable.isContentEditable) {
-          selectTextField(tabbable, collapseToEnd);
-        }
-      });
-    };
-    const close = () => {
-      const container = ref.current;
-      if (!container)
-        return;
-      isOpenRef.current = false;
-      disableFocusIn(container);
-    };
-    const renderedItems = useStoreState(store, "renderedItems");
-    useEffect(() => {
-      const container = ref.current;
-      if (!container)
-        return;
-      const isOpen = isOpenRef.current;
-      if (!isOpen && (renderedItems == null ? void 0 : renderedItems.length)) {
-        disableFocusIn(container);
-      }
-    }, [renderedItems]);
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!store)
-        return;
-      const isOpen = isOpenRef.current;
-      if (isSelfTarget(event)) {
-        isOpenRef.current = false;
-        const { baseElement } = store.getState();
-        const composite = baseElement;
-        const selector = "[data-composite-container]";
-        const containers = composite == null ? void 0 : composite.querySelectorAll(selector);
-        containers == null ? void 0 : containers.forEach((container) => disableFocusIn(container));
-      } else if (!isOpen) {
-        isOpenRef.current = true;
-        restoreFocusIn(event.currentTarget);
-        store == null ? void 0 : store.setState("moves", 0);
-      }
-    });
-    const onBlurProp = props.onBlur;
-    const onBlur = useEvent((event) => {
-      onBlurProp == null ? void 0 : onBlurProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isFocusEventOutside(event)) {
-        close();
-      }
-    });
-    const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = useEvent((event) => {
-      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (event.altKey)
-        return;
-      if (event.ctrlKey)
-        return;
-      if (event.metaKey)
-        return;
-      if (event.shiftKey)
-        return;
-      const container = event.currentTarget;
-      if (isSelfTarget(event)) {
-        if (event.key.length === 1 && event.key !== " ") {
-          const tabbable = getFirstTabbable(container);
-          if (!tabbable)
-            return;
-          if (isTextField(tabbable) || tabbable.isContentEditable) {
-            event.stopPropagation();
-            open();
-          }
-        } else if (event.key === "Delete" || event.key === "Backspace") {
-          const tabbable = getFirstTabbable(container);
-          if (!tabbable)
-            return;
-          if (isTextField(tabbable) || tabbable.isContentEditable) {
-            open();
-            const onInput = () => queueMicrotask(() => container.focus());
-            container.addEventListener("input", onInput, { once: true });
-          }
-        }
-      } else if (event.key === "Escape") {
-        queueMicrotask(() => container.focus());
-      } else if (event.key === "Enter") {
-        const target = event.target;
-        const isInput = target.tagName === "INPUT" && !isButton(target) || target.tagName === "TEXTAREA";
-        if (isInput || target.isContentEditable) {
-          event.preventDefault();
-          queueMicrotask(() => container.focus());
-        }
-      }
-    });
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isSelfTarget(event) && !event.detail) {
-        open(true);
-      }
-    });
-    props = __spreadProps(__spreadValues({
-      "data-composite-container": ""
-    }, props), {
-      ref: useMergeRefs(ref, props.ref),
-      onFocus,
-      onBlur,
-      onKeyDown,
-      onClick
-    });
-    return props;
-  }
-);
-var CompositeContainer = createMemoComponent((props) => {
-  const htmlProps = useCompositeContainer(props);
-  return createElement("div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  CompositeContainer.displayName = "CompositeContainer";
-}
-
-export {
-  useCompositeContainer,
-  CompositeContainer
-};

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/JL6IRDFK.js

@@ -1,155 +0,0 @@
-"use client";
-import {
-  useRadioContext
-} from "./XEV62JUQ.js";
-import {
-  useCompositeItem
-} from "./QZLXIDNP.js";
-import {
-  createElement,
-  createHook,
-  createMemoComponent
-} from "./3ORBWXWF.js";
-import {
-  useStoreState
-} from "./EKQEJRUF.js";
-import {
-  useEvent,
-  useForceUpdate,
-  useId,
-  useMergeRefs,
-  useTagName
-} from "./6O5OEQGF.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./4R3V3JGP.js";
-
-// src/radio/radio.ts
-import { useEffect, useRef } from "react";
-import { disabledFromProps } from "@ariakit/core/utils/misc";
-function getIsChecked(value, storeValue) {
-  if (storeValue === void 0)
-    return;
-  if (value != null && storeValue != null) {
-    return storeValue === value;
-  }
-  return !!storeValue;
-}
-function isNativeRadio(tagName, type) {
-  return tagName === "input" && (!type || type === "radio");
-}
-var useRadio = createHook(
-  (_a) => {
-    var _b = _a, { store, name, value, checked } = _b, props = __objRest(_b, ["store", "name", "value", "checked"]);
-    const context = useRadioContext();
-    store = store || context;
-    const id = useId(props.id);
-    const ref = useRef(null);
-    const isChecked = useStoreState(
-      store,
-      (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
-    );
-    useEffect(() => {
-      if (!id)
-        return;
-      if (!isChecked)
-        return;
-      const isActiveItem = (store == null ? void 0 : store.getState().activeId) === id;
-      if (isActiveItem)
-        return;
-      store == null ? void 0 : store.setActiveId(id);
-    }, [store, isChecked, id]);
-    const onChangeProp = props.onChange;
-    const tagName = useTagName(ref, props.as || "input");
-    const nativeRadio = isNativeRadio(tagName, props.type);
-    const disabled = disabledFromProps(props);
-    const [propertyUpdated, schedulePropertyUpdate] = useForceUpdate();
-    useEffect(() => {
-      const element = ref.current;
-      if (!element)
-        return;
-      if (nativeRadio)
-        return;
-      if (isChecked !== void 0) {
-        element.checked = isChecked;
-      }
-      if (name !== void 0) {
-        element.name = name;
-      }
-      if (value !== void 0) {
-        element.value = `${value}`;
-      }
-    }, [propertyUpdated, nativeRadio, isChecked, name, value]);
-    const onChange = useEvent((event) => {
-      if (disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      if (!nativeRadio) {
-        event.currentTarget.checked = true;
-        schedulePropertyUpdate();
-      }
-      onChangeProp == null ? void 0 : onChangeProp(event);
-      if (event.defaultPrevented)
-        return;
-      store == null ? void 0 : store.setValue(value);
-    });
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (nativeRadio)
-        return;
-      onChange(event);
-    });
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (!nativeRadio)
-        return;
-      if (!store)
-        return;
-      const { moves, activeId } = store.getState();
-      if (!moves)
-        return;
-      if (id && activeId !== id)
-        return;
-      onChange(event);
-    });
-    props = __spreadProps(__spreadValues({
-      id,
-      role: !nativeRadio ? "radio" : void 0,
-      type: nativeRadio ? "radio" : void 0,
-      "aria-checked": isChecked
-    }, props), {
-      ref: useMergeRefs(ref, props.ref),
-      onChange,
-      onClick,
-      onFocus
-    });
-    props = useCompositeItem(__spreadValues({ store, clickOnEnter: !nativeRadio }, props));
-    return __spreadValues({
-      name: nativeRadio ? name : void 0,
-      value: nativeRadio ? value : void 0,
-      checked: isChecked
-    }, props);
-  }
-);
-var Radio = createMemoComponent((props) => {
-  const htmlProps = useRadio(props);
-  return createElement("input", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Radio.displayName = "Radio";
-}
-
-export {
-  useRadio,
-  Radio
-};

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
-};