@ariakit/react-core 0.2.10 → 0.2.12

package/cjs/__chunks/{GET3PZI4.cjs → A764D2YK.cjs}

@@ -7,27 +7,27 @@
 var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 
 
-var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
+var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 
 
-var _FIEVSSEVcjs = require('./FIEVSSEV.cjs');
+var _I4JDDV3Vcjs = require('./I4JDDV3V.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
 
 
 
 
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/composite/composite.tsx
 var _react = require('react');
@@ -71,7 +71,7 @@ function canProxyKeyboardEvent(event, state) {
   return !event.isPropagationStopped();
 }
 function useKeyboardEventProxy(store, onKeyboardEvent, previousElementRef) {
-  return _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+  return _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
     var _a;
     onKeyboardEvent == null ? void 0 : onKeyboardEvent(event);
     if (event.defaultPrevented)
@@ -82,7 +82,7 @@ function useKeyboardEventProxy(store, onKeyboardEvent, previousElementRef) {
       return;
     if (!canProxyKeyboardEvent(event, state))
       return;
-    const _b = event, { view } = _b, eventInit = _6455U47Tcjs.__objRest.call(void 0, _b, ["view"]);
+    const _b = event, { view } = _b, eventInit = _72I2GWXFcjs.__objRest.call(void 0, _b, ["view"]);
     const previousElement = previousElementRef == null ? void 0 : previousElementRef.current;
     if (activeElement !== previousElement) {
       activeElement.focus();
@@ -113,18 +113,18 @@ function useScheduleFocus(store) {
     if (!activeElement)
       return;
     setScheduled(false);
-    _focus.focusIntoView.call(void 0, activeElement);
+    activeElement.focus({ preventScroll: true });
   }, [activeItem, scheduled]);
   return schedule;
 }
-var useComposite = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useComposite = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       composite = true,
       focusOnMove = composite,
       moveOnKeyPress = true
-    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
       "store",
       "composite",
       "focusOnMove",
@@ -133,21 +133,21 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
     const previousElementRef = _react.useRef.call(void 0, null);
     const scheduleFocus = useScheduleFocus(store);
     const moves = store.useState("moves");
-    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+    _react.useEffect.call(void 0, () => {
       var _a2;
+      if (!moves)
+        return;
       if (!composite)
         return;
       if (!focusOnMove)
         return;
-      if (!moves)
-        return;
       const { activeId: activeId2 } = store.getState();
       const itemElement = (_a2 = _KLZID3QOcjs.getEnabledItem.call(void 0, store, activeId2)) == null ? void 0 : _a2.element;
       if (!itemElement)
         return;
-      scheduleFocus();
+      _focus.focusIntoView.call(void 0, itemElement);
     }, [moves, composite, focusOnMove]);
-    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       if (!composite)
         return;
       if (!moves)
@@ -171,7 +171,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
     }, [moves, composite]);
     const activeId = store.useState("activeId");
     const virtualFocus = store.useState("virtualFocus");
-    _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+    _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
       var _a2;
       if (!composite)
         return;
@@ -196,7 +196,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
       previousElementRef
     );
     const onFocusCaptureProp = props.onFocusCapture;
-    const onFocusCapture = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onFocusCapture = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -211,7 +211,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const onFocusProp = props.onFocus;
-    const onFocus = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onFocus = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
@@ -228,7 +228,7 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const onBlurCaptureProp = props.onBlurCapture;
-    const onBlurCapture = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onBlurCapture = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       var _a2;
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
@@ -258,8 +258,8 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const moveOnKeyPressProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const moveOnKeyPressProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       var _a2;
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
@@ -301,9 +301,9 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
         }
       }
     });
-    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
+    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VOPA6D3cjs.CompositeContext.Provider, { value: store, children: element }),
       [store]
     );
     const activeDescendant = store.useState(
@@ -312,10 +312,10 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
         return composite && state.virtualFocus ? (_a2 = _KLZID3QOcjs.getEnabledItem.call(void 0, store, state.activeId)) == null ? void 0 : _a2.id : void 0;
       }
     );
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       "aria-activedescendant": activeDescendant
     }, props), {
-      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, composite ? store.setBaseElement : null, props.ref),
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, composite ? store.setBaseElement : null, props.ref),
       onKeyDownCapture,
       onKeyUpCapture,
       onFocusCapture,
@@ -326,13 +326,13 @@ var useComposite = _O3Z4C76Tcjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _FIEVSSEVcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _I4JDDV3Vcjs.useFocusable.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );
-var Composite = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
+var Composite = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useComposite(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Composite.displayName = "Composite";

package/cjs/__chunks/{GLPDHAGY.cjs → AD4BY53T.cjs}

@@ -1,26 +1,26 @@
 "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 _NAE74ZUFcjs = require('./NAE74ZUF.cjs');
+var _DGSPHMOAcjs = require('./DGSPHMOA.cjs');
 
 
-var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
+var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _NAE74ZUFcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _DGSPHMOAcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _NAE74ZUFcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _DGSPHMOAcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _C5W4YO2Wcjs.useStore.call(void 0, 
-    () => Core.createDialogStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
+  const store = _BEGWNNXKcjs.useStore.call(void 0, 
+    () => Core.createDialogStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useDialogStoreProps(store, props);
 }

package/cjs/__chunks/{HP2YFIDE.cjs → AU2JPBQE.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _6WLP7YXFcjs = require('./6WLP7YXF.cjs');
+var _OSQTQ6OFcjs = require('./OSQTQ6OF.cjs');
 
 
-var _VQHQDEFPcjs = require('./VQHQDEFP.cjs');
+var _SIVNE3PRcjs = require('./SIVNE3PR.cjs');
 
 
 
@@ -13,15 +13,15 @@ var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 
 
 
-var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
+var _5VOPA6D3cjs = require('./5VOPA6D3.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
-var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
+var _BEGWNNXKcjs = require('./BEGWNNXK.cjs');
 
 
 
@@ -29,12 +29,12 @@ var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/composite/composite-item.tsx
 var _react = require('react');
@@ -113,7 +113,7 @@ function targetIsAnotherItem(event, store) {
 function useRole(ref, props) {
   const roleProp = props.role;
   const [role, setRole] = _react.useState.call(void 0, roleProp);
-  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     const element = ref.current;
     if (!element)
       return;
@@ -141,27 +141,32 @@ function supportsAriaSelected(role) {
     return true;
   return false;
 }
-var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useCompositeItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       rowId: rowIdProp,
       preventScrollOnKeyDown = false,
       moveOnKeyPress = true,
-      getItem: getItemProp
-    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      getItem: getItemProp,
+      "aria-setsize": ariaSetSizeProp,
+      "aria-posinset": ariaPosInSetProp
+    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
       "store",
       "rowId",
       "preventScrollOnKeyDown",
       "moveOnKeyPress",
-      "getItem"
+      "getItem",
+      "aria-setsize",
+      "aria-posinset"
     ]);
-    const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
+    var _a2;
+    const context = _react.useContext.call(void 0, _5VOPA6D3cjs.CompositeContext);
     store = store || context;
-    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
+    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
-    const row = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeRowContext);
-    const rowId = _C5W4YO2Wcjs.useStoreState.call(void 0, store, (state) => {
+    const row = _react.useContext.call(void 0, _5VOPA6D3cjs.CompositeRowContext);
+    const rowId = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
       if (rowIdProp)
         return rowIdProp;
       if (!(row == null ? void 0 : row.baseElement))
@@ -173,7 +178,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
     const trulyDisabled = props.disabled && !props.accessibleWhenDisabled;
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, item), {
+        const nextItem = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, item), {
           id: id || item.id,
           rowId,
           disabled: !!trulyDisabled
@@ -187,7 +192,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
     );
     const onFocusProp = props.onFocus;
     const hasFocusedComposite = _react.useRef.call(void 0, false);
-    const onFocus = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onFocus = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
@@ -220,7 +225,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const onBlurCaptureProp = props.onBlurCapture;
-    const onBlurCapture = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const onBlurCapture = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onBlurCaptureProp == null ? void 0 : onBlurCaptureProp(event);
       if (event.defaultPrevented)
         return;
@@ -232,9 +237,9 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
       }
     });
     const onKeyDownProp = props.onKeyDown;
-    const preventScrollOnKeyDownProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
-    const moveOnKeyPressProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, moveOnKeyPress);
-    const onKeyDown = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
+    const preventScrollOnKeyDownProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, preventScrollOnKeyDown);
+    const moveOnKeyPressProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, moveOnKeyPress);
+    const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
@@ -283,7 +288,7 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
         }
       }
     });
-    const baseElement = _C5W4YO2Wcjs.useStoreState.call(void 0, 
+    const baseElement = _BEGWNNXKcjs.useStoreState.call(void 0, 
       store,
       (state) => state.baseElement || void 0
     );
@@ -291,14 +296,14 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
       () => ({ id, baseElement }),
       [id, baseElement]
     );
-    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
+    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NVMBKFRBcjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VOPA6D3cjs.CompositeItemContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    const isActiveItem = _C5W4YO2Wcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const isActiveItem = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => state.activeId === id);
+    const virtualFocus = _BEGWNNXKcjs.useStoreState.call(void 0, store, "virtualFocus");
     const role = useRole(ref, props);
-    const virtualFocus = _C5W4YO2Wcjs.useStoreState.call(void 0, store, "virtualFocus");
     let ariaSelected;
     if (isActiveItem) {
       if (requiresAriaSelected(role)) {
@@ -307,35 +312,60 @@ var useCompositeItem = _O3Z4C76Tcjs.createHook.call(void 0,
         ariaSelected = true;
       }
     }
-    const shouldTabIndex = _C5W4YO2Wcjs.useStoreState.call(void 0, 
-      store,
-      (state) => !(store == null ? void 0 : store.item(id)) || !state.virtualFocus && isActiveItem
-    );
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    const ariaSetSize = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+      if (ariaSetSizeProp != null)
+        return ariaSetSizeProp;
+      if (!(row == null ? void 0 : row.ariaSetSize))
+        return;
+      if (row.baseElement !== state.baseElement)
+        return;
+      return row.ariaSetSize;
+    });
+    const ariaPosInSet = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+      if (ariaPosInSetProp != null)
+        return ariaPosInSetProp;
+      if (!(row == null ? void 0 : row.ariaPosInSet))
+        return;
+      if (row.baseElement !== state.baseElement)
+        return;
+      const itemsInRow = state.renderedItems.filter(
+        (item) => item.rowId === rowId
+      );
+      return row.ariaPosInSet + itemsInRow.findIndex((item) => item.id === id);
+    });
+    const isTabbable = (_a2 = _BEGWNNXKcjs.useStoreState.call(void 0, store, (state) => {
+      if (!state.renderedItems.length)
+        return true;
+      return !state.virtualFocus && state.activeId === id;
+    })) != null ? _a2 : true;
+    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       id,
       "aria-selected": ariaSelected,
       "data-active-item": isActiveItem ? "" : void 0
     }, props), {
-      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
-      tabIndex: shouldTabIndex !== false ? props.tabIndex : -1,
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref),
+      tabIndex: isTabbable ? props.tabIndex : -1,
       onFocus,
       onBlurCapture,
       onKeyDown
     });
-    props = _6WLP7YXFcjs.useCommand.call(void 0, props);
-    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _OSQTQ6OFcjs.useCommand.call(void 0, props);
+    props = _SIVNE3PRcjs.useCollectionItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       getItem,
       shouldRegisterItem: !!id ? props.shouldRegisterItem : false
     }));
-    return props;
+    return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+      "aria-setsize": ariaSetSize,
+      "aria-posinset": ariaPosInSet
+    });
   }
 );
-var CompositeItem = _O3Z4C76Tcjs.createMemoComponent.call(void 0, 
+var CompositeItem = _CWY2PHPRcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeItem(props);
-    return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
+    return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{C5W4YO2W.cjs → BEGWNNXK.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
+var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/utils/store.tsx
 var _react = require('react');
@@ -37,11 +37,11 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
 }
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
-  const propsRef = _FHX4GO67cjs.useLiveRef.call(void 0, {
+  const propsRef = _5WLTMVVQcjs.useLiveRef.call(void 0, {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
-  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
@@ -56,7 +56,7 @@ function useStoreProps(store, props, key, setKey) {
       [key]
     );
   }, [store, key]);
-  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(() => {
       if (value === void 0)
         return;
@@ -65,13 +65,13 @@ function useStoreProps(store, props, key, setKey) {
   }, [store, key, value]);
 }
 function useStore(createStore) {
-  const store = _FHX4GO67cjs.useLazyValue.call(void 0, createStore);
-  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
+  const store = _5WLTMVVQcjs.useLazyValue.call(void 0, createStore);
+  _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
   const useState = _react.useCallback.call(void 0, 
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]
   );
-  return _react.useMemo.call(void 0, () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), { useState }), [store, useState]);
+  return _react.useMemo.call(void 0, () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { useState }), [store, useState]);
 }
 
 

package/cjs/__chunks/{RHFHMA7V.cjs → BJRJETRD.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HP2YFIDEcjs = require('./HP2YFIDE.cjs');
+var _AU2JPBQEcjs = require('./AU2JPBQE.cjs');
 
 
 
 
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/toolbar/toolbar-item.ts
-var useToolbarItem = _O3Z4C76Tcjs.createHook.call(void 0, 
+var useToolbarItem = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _HP2YFIDEcjs.useCompositeItem.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _AU2JPBQEcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarItem = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
+var ToolbarItem = _CWY2PHPRcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useToolbarItem(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   ToolbarItem.displayName = "ToolbarItem";

package/cjs/__chunks/{4D7KCBQD.cjs → BNTTY6EA.cjs}

@@ -5,12 +5,12 @@ var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
 
 
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
 
 
 
 
-var _6455U47Tcjs = require('./6455U47T.cjs');
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/popover/popover-disclosure-arrow.tsx
 var _react = require('react');
@@ -22,9 +22,9 @@ var pointsMap = {
   bottom: "4,6 8,10 12,6",
   left: "10,4 6,8 10,12"
 };
-var usePopoverDisclosureArrow = _O3Z4C76Tcjs.createHook.call(void 0, 
+var usePopoverDisclosureArrow = _CWY2PHPRcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, placement } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "placement"]);
+    var _b = _a, { store, placement } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "placement"]);
     const context = _react.useContext.call(void 0, _W5PBA4D6cjs.PopoverContext);
     store = store || context;
     _misc.invariant.call(void 0, 
@@ -52,11 +52,11 @@ var usePopoverDisclosureArrow = _O3Z4C76Tcjs.createHook.call(void 0,
       ),
       [points]
     );
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       children,
       "aria-hidden": true
     }, props), {
-      style: _6455U47Tcjs.__spreadValues.call(void 0, {
+      style: _72I2GWXFcjs.__spreadValues.call(void 0, {
         width: "1em",
         height: "1em",
         pointerEvents: "none"
@@ -65,9 +65,9 @@ var usePopoverDisclosureArrow = _O3Z4C76Tcjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverDisclosureArrow = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
+var PopoverDisclosureArrow = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverDisclosureArrow(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
+  return _CWY2PHPRcjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverDisclosureArrow.displayName = "PopoverDisclosureArrow";

package/cjs/__chunks/BQZLBPPT.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/separator/separator.ts
+var useSeparator = _CWY2PHPRcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { orientation = "horizontal" } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["orientation"]);
+    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+      role: "separator",
+      "aria-orientation": orientation
+    }, props);
+    return props;
+  }
+);
+var Separator = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useSeparator(props);
+  return _CWY2PHPRcjs.createElement.call(void 0, "hr", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  Separator.displayName = "Separator";
+}
+
+
+
+
+exports.useSeparator = useSeparator; exports.Separator = Separator;