@ariakit/react-core 0.0.1 → 0.1.0

package/cjs/__chunks/RDNP4FTV.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _YHG3KGFWcjs = require('./YHG3KGFW.cjs');
+
+// src/dialog/utils/disable-pointer-events-outside.ts
+var _misc = require('@ariakit/core/utils/misc');
+function disableElement(element) {
+  if (!("style" in element))
+    return _misc.noop;
+  const previousPointerEvents = element.style.pointerEvents;
+  element.style.pointerEvents = "none";
+  const enableElement = () => {
+    element.style.pointerEvents = _nullishCoalesce(previousPointerEvents, () => ( ""));
+  };
+  return enableElement;
+}
+function disablePointerEventsOutside(...elements) {
+  const cleanups = [];
+  _YHG3KGFWcjs.walkTreeOutside.call(void 0, elements, (element) => {
+    cleanups.unshift(disableElement(element));
+  });
+  const restorePointerEvents = () => {
+    cleanups.forEach((fn) => fn());
+  };
+  return restorePointerEvents;
+}
+
+
+
+exports.disablePointerEventsOutside = disablePointerEventsOutside;

package/cjs/__chunks/RG6JXX7T.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+var _5LMWS5O4cjs = require('./5LMWS5O4.cjs');
+
+
+
+var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+
+// src/composite/composite-store.ts
+var _compositestore = require('@ariakit/core/composite/composite-store'); var Core = _interopRequireWildcard(_compositestore);
+function useCompositeStoreOptions(props) {
+  return _5LMWS5O4cjs.useCollectionStoreOptions.call(void 0, props);
+}
+function useCompositeStoreProps(store, props) {
+  store = _5LMWS5O4cjs.useCollectionStoreProps.call(void 0, store, props);
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "activeId", "setActiveId");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "includesBaseElement");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "virtualFocus");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "orientation");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "rtl");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusLoop");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusWrap");
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "focusShift");
+  return store;
+}
+function useCompositeStore(props = {}) {
+  const options = useCompositeStoreOptions(props);
+  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+    () => Core.createCompositeStore({ ...props, ...options })
+  );
+  return useCompositeStoreProps(store, props);
+}
+
+
+
+
+
+exports.useCompositeStoreOptions = useCompositeStoreOptions; exports.useCompositeStoreProps = useCompositeStoreProps; exports.useCompositeStore = useCompositeStore;

package/cjs/__chunks/RLMRI6EX.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _CQSUIL2Dcjs = require('./CQSUIL2D.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/heading/heading.ts
+var _react = require('react');
+var useHeading = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
+  const ref = _react.useRef.call(void 0, null);
+  const level = _react.useContext.call(void 0, _CQSUIL2Dcjs.HeadingContext) || 1;
+  const as = `h${level}`;
+  const tagName = _5QY4WCTRcjs.useTagName.call(void 0, ref, props.as || as);
+  const isNativeHeading = _react.useMemo.call(void 0, 
+    () => !!tagName && /^h\d$/.test(tagName),
+    [tagName]
+  );
+  props = {
+    as,
+    role: !isNativeHeading ? "heading" : void 0,
+    "aria-level": !isNativeHeading ? level : void 0,
+    ...props,
+    ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref)
+  };
+  return props;
+});
+var Heading = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useHeading(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "h1", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  Heading.displayName = "Heading";
+}
+
+
+
+
+exports.useHeading = useHeading; exports.Heading = Heading;

package/cjs/__chunks/S6SU42H5.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _GD6HHJCVcjs = require('./GD6HHJCV.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+// src/popover/popover-description.ts
+var usePopoverDescription = _UYIFJ7U3cjs.createHook.call(void 0, 
+  (props) => {
+    props = _GD6HHJCVcjs.useDialogDescription.call(void 0, props);
+    return props;
+  }
+);
+var PopoverDescription = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = usePopoverDescription(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "p", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  PopoverDescription.displayName = "PopoverDescription";
+}
+
+
+
+
+exports.usePopoverDescription = usePopoverDescription; exports.PopoverDescription = PopoverDescription;

package/cjs/__chunks/SOPRUU56.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _CQSUIL2Dcjs = require('./CQSUIL2D.cjs');
+
+// src/heading/heading-level.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function HeadingLevel({ level, children }) {
+  const contextLevel = _react.useContext.call(void 0, _CQSUIL2Dcjs.HeadingContext);
+  const nextLevel = Math.max(
+    Math.min(level || contextLevel + 1, 6),
+    1
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CQSUIL2Dcjs.HeadingContext.Provider, { value: nextLevel, children });
+}
+
+
+
+exports.HeadingLevel = HeadingLevel;

package/cjs/__chunks/SWSQUGVG.cjs

@@ -0,0 +1,108 @@
+"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 _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/disclosure/disclosure-content.ts
+var _react = require('react');
+function afterTimeout(timeoutMs, cb) {
+  const timeoutId = setTimeout(cb, timeoutMs);
+  return () => clearTimeout(timeoutId);
+}
+function afterPaint(cb) {
+  let raf = requestAnimationFrame(() => {
+    raf = requestAnimationFrame(cb);
+  });
+  return () => cancelAnimationFrame(raf);
+}
+function parseCSSTime(...times) {
+  return times.join(", ").split(", ").reduce((longestTime, currentTimeString) => {
+    const currentTime = parseFloat(currentTimeString || "0s") * 1e3;
+    if (currentTime > longestTime)
+      return currentTime;
+    return longestTime;
+  }, 0);
+}
+var useDisclosureContent = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({ store, ...props }) => {
+    const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
+    const [transition, setTransition] = _react.useState.call(void 0, null);
+    const open = store.useState("open");
+    const mounted = store.useState("mounted");
+    const animated = store.useState("animated");
+    const contentElement = store.useState("contentElement");
+    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!animated)
+        return;
+      if (!_optionalChain([contentElement, 'optionalAccess', _ => _.isConnected])) {
+        setTransition(null);
+        return;
+      }
+      return afterPaint(() => {
+        setTransition(open ? "enter" : "leave");
+      });
+    }, [animated, contentElement, open]);
+    _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!animated)
+        return;
+      if (!contentElement)
+        return;
+      if (!transition)
+        return;
+      if (transition === "enter" && !open)
+        return;
+      if (transition === "leave" && open)
+        return;
+      if (typeof animated === "number") {
+        const timeoutMs2 = animated;
+        return afterTimeout(timeoutMs2, store.stopAnimation);
+      }
+      const {
+        transitionDuration,
+        animationDuration,
+        transitionDelay,
+        animationDelay
+      } = getComputedStyle(contentElement);
+      const delay = parseCSSTime(transitionDelay, animationDelay);
+      const duration = parseCSSTime(transitionDuration, animationDuration);
+      const timeoutMs = delay + duration;
+      if (!timeoutMs)
+        return;
+      return afterTimeout(timeoutMs, store.stopAnimation);
+    }, [animated, contentElement, open, transition]);
+    const style = (
+      // TODO: props.hidden !== true see combobox-textarea example
+      mounted && props.hidden !== true || props.hidden === false ? props.style : { ...props.style, display: "none" }
+    );
+    props = {
+      id,
+      "data-enter": transition === "enter" ? "" : void 0,
+      "data-leave": transition === "leave" ? "" : void 0,
+      hidden: !mounted,
+      ...props,
+      ref: _5QY4WCTRcjs.useForkRef.call(void 0, id ? store.setContentElement : null, props.ref),
+      style
+    };
+    return props;
+  }
+);
+var DisclosureContent = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useDisclosureContent(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  DisclosureContent.displayName = "DisclosureContent";
+}
+
+
+
+
+exports.useDisclosureContent = useDisclosureContent; exports.DisclosureContent = DisclosureContent;

package/cjs/__chunks/T4TB3AAZ.cjs

@@ -0,0 +1,92 @@
+"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 _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/dialog/utils/use-nested-dialogs.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
+var NestedDialogsContext = _react.createContext.call(void 0, {});
+function useNestedDialogs(store, modal) {
+  const context = _react.useContext.call(void 0, NestedDialogsContext);
+  const [openModals, setOpenModals] = _react.useState.call(void 0, []);
+  const [nestedDialogs, setNestedDialogs] = _react.useState.call(void 0, []);
+  const open = store.useState("open");
+  const contentElement = store.useState("contentElement");
+  const addDialog = _react.useCallback.call(void 0, 
+    (dialog) => {
+      return _misc.chain.call(void 0, 
+        _optionalChain([context, 'access', _ => _.addDialog, 'optionalCall', _2 => _2(dialog)]),
+        (() => {
+          setNestedDialogs((dialogs) => [...dialogs, dialog]);
+          return () => {
+            setNestedDialogs(
+              (dialogs) => dialogs.filter((element) => element !== dialog)
+            );
+          };
+        })()
+      );
+    },
+    [context.addDialog]
+  );
+  const showModal = _react.useCallback.call(void 0, 
+    (dialog) => {
+      return _misc.chain.call(void 0, 
+        _optionalChain([context, 'access', _3 => _3.showModal, 'optionalCall', _4 => _4(dialog)]),
+        (() => {
+          setOpenModals((modals) => [...modals, dialog]);
+          return () => {
+            setOpenModals(
+              (modals) => modals.filter((modal2) => modal2 !== dialog)
+            );
+          };
+        })()
+      );
+    },
+    [context.showModal]
+  );
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!contentElement)
+      return;
+    return _optionalChain([context, 'access', _5 => _5.addDialog, 'optionalCall', _6 => _6(contentElement)]);
+  }, [contentElement, context.addDialog]);
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    if (!modal)
+      return;
+    if (!open)
+      return;
+    if (!contentElement)
+      return;
+    return _optionalChain([context, 'access', _7 => _7.showModal, 'optionalCall', _8 => _8(contentElement)]);
+  }, [modal, open, contentElement, context.showModal]);
+  _react.useEffect.call(void 0, () => {
+    return _optionalChain([context, 'access', _9 => _9.store, 'optionalAccess', _10 => _10.syncBatch, 'call', _11 => _11(
+      (state) => {
+        if (!state.open) {
+          store.setOpen(false);
+        }
+      },
+      ["open"]
+    )]);
+  }, [context.store, store]);
+  const providerValue = _react.useMemo.call(void 0, 
+    () => ({ store, addDialog, showModal }),
+    [store, addDialog, showModal]
+  );
+  const wrapElement = _react.useCallback.call(void 0, 
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedDialogsContext.Provider, { value: providerValue, children: element }),
+    [providerValue]
+  );
+  return { nestedDialogs, openModals, wrapElement };
+}
+
+
+
+exports.useNestedDialogs = useNestedDialogs;

package/cjs/__chunks/TBYPXZ5H.cjs

@@ -0,0 +1,102 @@
+"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 _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/composite/composite-hover.ts
+var _react = require('react');
+var _dom = require('@ariakit/core/utils/dom');
+var _focus = require('@ariakit/core/utils/focus');
+var _misc = require('@ariakit/core/utils/misc');
+function getMouseDestination(event) {
+  const relatedTarget = event.relatedTarget;
+  if (_optionalChain([relatedTarget, 'optionalAccess', _ => _.nodeType]) === Node.ELEMENT_NODE) {
+    return relatedTarget;
+  }
+  return null;
+}
+function hoveringInside(event) {
+  const nextElement = getMouseDestination(event);
+  if (!nextElement)
+    return false;
+  return _dom.contains.call(void 0, event.currentTarget, nextElement);
+}
+function movingToAnotherItem(event) {
+  const dest = getMouseDestination(event);
+  if (!dest)
+    return false;
+  const item = _dom.closest.call(void 0, dest, "[data-composite-hover]");
+  return !!item;
+}
+var useCompositeHover = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({ store, focusOnHover = true, ...props }) => {
+    const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component"
+    );
+    const isMouseMoving = _5QY4WCTRcjs.useIsMouseMoving.call(void 0, );
+    const onMouseMoveProp = props.onMouseMove;
+    const focusOnHoverProp = _5QY4WCTRcjs.useBooleanEvent.call(void 0, focusOnHover);
+    const onMouseMove = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      _optionalChain([onMouseMoveProp, 'optionalCall', _2 => _2(event)]);
+      if (event.defaultPrevented)
+        return;
+      if (!isMouseMoving())
+        return;
+      if (!focusOnHoverProp(event))
+        return;
+      if (!_focus.hasFocusWithin.call(void 0, event.currentTarget)) {
+        _optionalChain([store, 'optionalAccess', _3 => _3.getState, 'call', _4 => _4(), 'access', _5 => _5.baseElement, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
+      }
+      _optionalChain([store, 'optionalAccess', _8 => _8.setActiveId, 'call', _9 => _9(event.currentTarget.id)]);
+    });
+    const onMouseLeaveProp = props.onMouseLeave;
+    const onMouseLeave = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+      _optionalChain([onMouseLeaveProp, 'optionalCall', _10 => _10(event)]);
+      if (event.defaultPrevented)
+        return;
+      if (!isMouseMoving())
+        return;
+      if (hoveringInside(event))
+        return;
+      if (movingToAnotherItem(event))
+        return;
+      if (!focusOnHoverProp(event))
+        return;
+      _optionalChain([store, 'optionalAccess', _11 => _11.setActiveId, 'call', _12 => _12(null)]);
+      _optionalChain([store, 'optionalAccess', _13 => _13.getState, 'call', _14 => _14(), 'access', _15 => _15.baseElement, 'optionalAccess', _16 => _16.focus, 'call', _17 => _17()]);
+    });
+    props = {
+      "data-composite-hover": "",
+      ...props,
+      onMouseMove,
+      onMouseLeave
+    };
+    return props;
+  }
+);
+var CompositeHover = _UYIFJ7U3cjs.createMemoComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useCompositeHover(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  CompositeHover.displayName = "CompositeHover";
+}
+
+
+
+
+exports.useCompositeHover = useCompositeHover; exports.CompositeHover = CompositeHover;