@ariakit/react-core 0.2.9 → 0.2.11

package/cjs/utils/misc.cjs

@@ -3,11 +3,11 @@
 
 
 
-var _2KYUOSJ4cjs = require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
+var _7WUTS26Ycjs = require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
 
 
-exports.getRefProperty = _2KYUOSJ4cjs.getRefProperty; exports.isValidElementWithRef = _2KYUOSJ4cjs.isValidElementWithRef; exports.mergeProps = _2KYUOSJ4cjs.mergeProps; exports.setRef = _2KYUOSJ4cjs.setRef;
+exports.getRefProperty = _7WUTS26Ycjs.getRefProperty; exports.isValidElementWithRef = _7WUTS26Ycjs.isValidElementWithRef; exports.mergeProps = _7WUTS26Ycjs.mergeProps; exports.setRef = _7WUTS26Ycjs.setRef;

package/cjs/utils/store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _C5W4YO2Wcjs = require('../__chunks/C5W4YO2W.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
+var _BEGWNNXKcjs = require('../__chunks/BEGWNNXK.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
 
-exports.useStore = _C5W4YO2Wcjs.useStore; exports.useStoreProps = _C5W4YO2Wcjs.useStoreProps; exports.useStoreState = _C5W4YO2Wcjs.useStoreState;
+exports.useStore = _BEGWNNXKcjs.useStore; exports.useStoreProps = _BEGWNNXKcjs.useStoreProps; exports.useStoreState = _BEGWNNXKcjs.useStoreState;

package/cjs/utils/system.cjs

@@ -3,13 +3,17 @@
 
 
 
-var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
 
 
+var _CWY2PHPRcjs = require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.createComponent = _O3Z4C76Tcjs.createComponent; exports.createElement = _O3Z4C76Tcjs.createElement; exports.createHook = _O3Z4C76Tcjs.createHook; exports.createMemoComponent = _O3Z4C76Tcjs.createMemoComponent;
+
+
+
+
+exports.createComponent = _CWY2PHPRcjs.createComponent; exports.createElement = _CWY2PHPRcjs.createElement; exports.createHook = _CWY2PHPRcjs.createHook; exports.createMemoComponent = _CWY2PHPRcjs.createMemoComponent; exports.forwardRef = _CWY2PHPRcjs.forwardRef; exports.memo = _CWY2PHPRcjs.memo;

package/cjs/utils/system.d.ts

@@ -1,5 +1,14 @@
-import type { ElementType, ReactElement } from "react";
+import * as React from "react";
 import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
+/**
+ * The same as `React.forwardRef` but passes the `ref` as a prop and returns a
+ * component with the same generic type.
+ */
+export declare function forwardRef<T extends React.FC>(render: T): T;
+/**
+ * The same as `React.memo` but returns a component with the same generic type.
+ */
+export declare function memo<P, T extends React.FC<P>>(Component: T, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean): T;
 /**
  * Creates a type-safe component with the `as` prop and `React.forwardRef`.
  *
@@ -17,7 +26,7 @@ import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
  *
  * <Component customProp render={<button />} />
  */
-export declare function createComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
+export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
 /**
  * Creates a type-safe component with the `as` prop, `React.forwardRef` and
  * `React.memo`.
@@ -36,7 +45,7 @@ export declare function createComponent<O extends Options>(render: (props: Props
  *
  * <Component customProp render={<button />} />
  */
-export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
+export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
 /**
  * Creates a React element that supports the `render` and `wrapElement` props.
  * @example
@@ -50,7 +59,7 @@ export declare function createMemoComponent<O extends Options>(render: (props: P
  *   return createElement("div", props);
  * }
  */
-export declare function createElement(Type: ElementType, props: HTMLProps<Options>): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function createElement(Type: React.ElementType, props: HTMLProps<Options>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 /**
  * Creates a component hook that accepts props and returns props so they can be
  * passed to a React element.

package/cjs/visually-hidden/visually-hidden.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZKPH2VTWcjs = require('../__chunks/ZKPH2VTW.cjs');
-require('../__chunks/O3Z4C76T.cjs');
-require('../__chunks/FHX4GO67.cjs');
-require('../__chunks/2KYUOSJ4.cjs');
-require('../__chunks/6455U47T.cjs');
+var _QR3ATHWUcjs = require('../__chunks/QR3ATHWU.cjs');
+require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.VisuallyHidden = _ZKPH2VTWcjs.VisuallyHidden; exports.useVisuallyHidden = _ZKPH2VTWcjs.useVisuallyHidden;
+exports.VisuallyHidden = _QR3ATHWUcjs.VisuallyHidden; exports.useVisuallyHidden = _QR3ATHWUcjs.useVisuallyHidden;

package/collection/collection-renderer/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/collection/collection-renderer",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/collection/collection-renderer.cjs",
+  "module": "../../esm/collection/collection-renderer.js",
+  "types": "../../cjs/collection/collection-renderer.d.ts"
+}

package/composite/composite-renderer/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/composite/composite-renderer",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/composite/composite-renderer.cjs",
+  "module": "../../esm/composite/composite-renderer.js",
+  "types": "../../cjs/composite/composite-renderer.d.ts"
+}

package/esm/__chunks/{HNO7M6GL.js → 235GG2QE.js}

@@ -1,33 +1,33 @@
+import {
+  hasExpandedMenuButton
+} from "./W7JXAQKF.js";
 import {
   MenuBarContext,
   MenuContext
 } from "./HVBRRKV4.js";
-import {
-  hasExpandedMenuButton
-} from "./W7JXAQKF.js";
 import {
   useCompositeHover
-} from "./VTOOL4S4.js";
+} from "./W5P7IKOU.js";
 import {
   useCompositeItem
-} from "./OUTTLNN7.js";
+} from "./LKA5SFXV.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useStoreState
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/menu/menu-item.ts
 import { useContext } from "react";

package/esm/__chunks/{WYH7HZPL.js → 2NIRKFVH.js}

@@ -5,13 +5,13 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/group/group.tsx
 import { useState } from "react";

package/esm/__chunks/{LC6BW35W.js → 37OBPWF6.js}

@@ -5,12 +5,12 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/checkbox/checkbox-check.tsx
 import { useContext } from "react";

package/esm/__chunks/{RU5SBKR3.js → 3LAWLNOX.js}

@@ -1,10 +1,10 @@
+import {
+  useRootDialog
+} from "./CJI67A3R.js";
 import {
   assignStyle,
   setCSSProperty
 } from "./FW6QFGFT.js";
-import {
-  useRootDialog
-} from "./PYB45PRS.js";
 
 // src/dialog/utils/use-prevent-body-scroll.ts
 import { useEffect } from "react";

package/esm/__chunks/{OYQC776W.js → 43VDSLJP.js}

@@ -5,15 +5,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useEvent
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-input.ts
 import {

package/esm/__chunks/{TQ2K6WFI.js → 4GZAUH66.js}

@@ -1,6 +1,6 @@
 import {
   useButton
-} from "./EUD77B6Z.js";
+} from "./O6CV6VRM.js";
 import {
   DialogContext
 } from "./LNHZLQEK.js";
@@ -8,15 +8,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useEvent
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/dialog/dialog-dismiss.tsx
 import { useContext, useMemo } from "react";

package/esm/__chunks/{TZIIKRHF.js → 4PKIGBPJ.js}

@@ -2,7 +2,7 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 
 // src/role/role.ts
 var useRole = createHook((props) => {

package/esm/__chunks/{VV72RDTD.js → 4XWTU3WN.js}

@@ -1,16 +1,16 @@
-import {
-  usePreviousMouseDownRef
-} from "./7JNF6I52.js";
 import {
   isElementMarked
 } from "./HCZMY53N.js";
+import {
+  usePreviousMouseDownRef
+} from "./7JNF6I52.js";
 import {
   useEvent
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/dialog/utils/use-hide-on-interact-outside.ts
 import { useEffect } from "react";

package/esm/__chunks/{LIFXUQPU.js → 53MSBYTF.js}

@@ -3,21 +3,21 @@ import {
 } from "./HCZMY53N.js";
 import {
   Role
-} from "./TZIIKRHF.js";
+} from "./4PKIGBPJ.js";
 import {
   useDisclosureContent
-} from "./WFPVIVLA.js";
+} from "./WHEEIXMF.js";
 import {
   useDisclosureStore
-} from "./2XOPWNSQ.js";
+} from "./54LBRJ55.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/dialog/dialog-backdrop.tsx
 import { isValidElement, useRef } from "react";

package/esm/__chunks/{2XOPWNSQ.js → 54LBRJ55.js}

@@ -1,10 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";

package/esm/__chunks/{KF3PP2P3.js → 5I6BQS7D.js}

@@ -1,15 +1,15 @@
 import {
   useDisclosure
-} from "./OTMCQXXR.js";
+} from "./LDJKN2ZV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/dialog/dialog-disclosure.ts
 var useDialogDisclosure = createHook(

package/esm/__chunks/{ZTW46EPJ.js → 5QJYOWLQ.js}

@@ -1,14 +1,14 @@
 import {
   useDialogStoreOptions,
   useDialogStoreProps
-} from "./TWSODZ43.js";
+} from "./TALTYI5G.js";
 import {
   useStore,
   useStoreProps
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{VSM5JGQO.js → 5WJWIOBD.js}

@@ -1,11 +1,11 @@
 import {
   usePopoverDismiss
-} from "./MO5Q5FB7.js";
+} from "./HRXPFA6C.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 
 // src/hovercard/hovercard-dismiss.ts
 var useHovercardDismiss = createHook(

package/esm/__chunks/{KQUSQ6BH.js → 6DS7ZDWX.js}

@@ -1,10 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/collection/collection-store.ts
 import * as Core from "@ariakit/core/collection/collection-store";

package/esm/__chunks/{JQVGLAS2.js → 6FAQA4RZ.js}

@@ -1,14 +1,14 @@
 import {
   useGroup
-} from "./WYH7HZPL.js";
+} from "./2NIRKFVH.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-group.ts
 var useCompositeGroup = createHook(

package/esm/__chunks/{N2JKXTRW.js → 6FRHNZA6.js}

@@ -1,14 +1,14 @@
 import {
   useGroupLabel
-} from "./P3IT4SS7.js";
+} from "./CTVLGQZG.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite-group-label.ts
 var useCompositeGroupLabel = createHook(

package/esm/__chunks/{6ICCUPPR.js → 7DE4HW22.js}

@@ -3,26 +3,26 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./OUTTLNN7.js";
+} from "./LKA5SFXV.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useStoreState
-} from "./USB5JBON.js";
+} from "./FHQZ2KRN.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useTagName
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/radio/radio.ts
 import { useContext, useEffect, useRef } from "react";

package/esm/__chunks/{5NQLWI7E.js → 7PHM3O7I.js}

@@ -2,15 +2,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useMergeRefs
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/popover/popover-anchor.ts
 var usePopoverAnchor = createHook(

package/esm/__chunks/{7MJF27QJ.js → AAVDGJD5.js}

@@ -7,27 +7,27 @@ import {
 } from "./OXPV2NBK.js";
 import {
   CompositeContext
-} from "./Z3X3QN6P.js";
+} from "./WJ37OVG2.js";
 import {
   useFocusable
-} from "./YNUPNUID.js";
+} from "./MYID4V27.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
   useMergeRefs,
   useSafeLayoutEffect,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/composite/composite.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -113,7 +113,7 @@ function useScheduleFocus(store) {
     if (!activeElement)
       return;
     setScheduled(false);
-    focusIntoView(activeElement);
+    activeElement.focus({ preventScroll: true });
   }, [activeItem, scheduled]);
   return schedule;
 }
@@ -133,19 +133,19 @@ var useComposite = createHook(
     const previousElementRef = useRef(null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
-    useSafeLayoutEffect(() => {
+    useEffect(() => {
       var _a2;
+      if (!moves)
+        return;
       if (!composite)
         return;
       if (!focusOnMove)
         return;
-      if (!moves)
-        return;
       const { activeId: activeId2 } = store.getState();
       const itemElement = (_a2 = getEnabledItem(store, activeId2)) == null ? void 0 : _a2.element;
       if (!itemElement)
         return;
-      scheduleFocus();
+      focusIntoView(itemElement);
     }, [moves, composite, focusOnMove]);
     useSafeLayoutEffect(() => {
       if (!composite)
@@ -260,6 +260,7 @@ var useComposite = createHook(
     const onKeyDownProp = props.onKeyDown;
     const moveOnKeyPressProp = useBooleanEvent(moveOnKeyPress);
     const onKeyDown = useEvent((event) => {
+      var _a2;
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -267,7 +268,7 @@ var useComposite = createHook(
         return;
       const { orientation, items, renderedItems, activeId: activeId2 } = store.getState();
       const activeItem = getEnabledItem(store, activeId2);
-      if (activeItem)
+      if ((_a2 = activeItem == null ? void 0 : activeItem.element) == null ? void 0 : _a2.isConnected)
         return;
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";

package/esm/__chunks/{Y72RMTFY.js → AUUE7U2H.js}

@@ -1,15 +1,15 @@
 import {
   usePopoverDisclosureArrow
-} from "./WMY7U3GW.js";
+} from "./LVMO37QD.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   __objRest,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/select/select-arrow.ts
 var useSelectArrow = createHook(

package/esm/__chunks/{N36XUJ4I.js → BB7NHN6A.js}

@@ -5,12 +5,12 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./XJM2RD5W.js";
+} from "./SAES3ZFU.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./7GCARSHZ.js";
+} from "./NQJBHION.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -19,12 +19,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./SN2N5P2D.js";
+} from "./J7Q2EO23.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./4BKCJXBM.js";
+} from "./PNRLI7OV.js";
 
 // src/hovercard/hovercard.tsx
 import {