@ariakit/core 0.3.10 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @ariakit/core
 
+## 0.4.0
+
+### Improved animation support
+
+This version enhances support for CSS animations and transitions on Ariakit components that use [Disclosure](https://ariakit.org/component/disclosure). This includes [Dialog](https://ariakit.org/components/dialog), [Popover](https://ariakit.org/components/popover), [Combobox](https://ariakit.org/components/combobox), [Select](https://ariakit.org/components/select), [Hovercard](https://ariakit.org/components/hovercard), [Menu](https://ariakit.org/components/menu), and [Tooltip](https://ariakit.org/components/tooltip).
+
+These components now support _enter_ and _leave_ transitions and animations right out of the box, eliminating the need to provide an explicit `animated` prop. If an enter animation is detected, the component will automatically wait for a leave animation to complete before unmounting or hiding itself.
+
+Use the [`[data-enter]`](https://ariakit.org/guide/styling#data-enter) selector for CSS transitions. For CSS animations, use the newly introduced [`[data-open]`](https://ariakit.org/guide/styling#data-open) selector. The [`[data-leave]`](https://ariakit.org/guide/styling#data-leave) selector can be used for both transitions and animations.
+
+### Composite widgets with `grid` role
+
+**BREAKING** if you're manually setting the `role="grid"` prop on a composite widget.
+
+Ariakit automatically assigns the `role` prop to all composite items to align with the container `role`. For example, if [`SelectPopover`](https://ariakit.org/reference/select-popover) has its role set to `listbox` (which is the default value), its owned [`SelectItem`](https://ariakit.org/reference/select-item) elements will automatically get their role set to `option`.
+
+In previous versions, this was also valid for composite widgets with a `grid` role, where the composite item element would automatically be given `role="gridcell"`. This is no longer the case, and you're now required to manually pass `role="gridcell"` to the composite item element if you're rendering a container with `role="grid"`.
+
+Before:
+
+```jsx
+<SelectPopover role="grid">
+  <SelectRow> {/* Automatically gets role="row" */}
+    <SelectItem> {/* Automatically gets role="gridcell" */}
+```
+
+After:
+
+```jsx
+<SelectPopover role="grid">
+  <SelectRow> {/* Still gets role="row" */}
+    <SelectItem role="gridcell">
+```
+
+This change is due to the possibility of rendering a composite item element with a different role as a child of a static `div` with `role="gridcell"`, which is a valid and frequently used practice when using the `grid` role. As a result, you no longer have to manually adjust the `role` prop on the composite item:
+
+```jsx
+<SelectPopover role="grid">
+  <SelectRow>
+    <div role="gridcell">
+      <SelectItem render={<button />}>
+```
+
+Previously, you had to explicitly pass `role="button"` to the [`SelectItem`](https://ariakit.org/reference/select-item) component above, otherwise it would automatically receive `role="gridcell"`, leading to an invalid accessibility tree.
+
+### Other updates
+
+- Added `removeUndefinedValues` utility function.
+- Added new [`disclosure`](https://ariakit.org/reference/use-disclosure-store#disclosure-1) property to disclosure stores.
+
+## 0.3.11
+
+### Improved performance of large collections
+
+Components like [`MenuItem`](https://ariakit.org/reference/menu-item), [`ComboboxItem`](https://ariakit.org/reference/combobox-item), and [`SelectItem`](https://ariakit.org/reference/select-item) should now offer improved performance when rendering large collections.
+
+### Other updates
+
+- Improved JSDocs.
+
 ## 0.3.10
 
 - Fixed [`CompositeItem`](https://ariakit.org/reference/composite-item) triggering blur on focus.

package/cjs/__chunks/{Y6PHIDP6.cjs → 5JEQEZFR.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MFSCSSBJcjs = require('./MFSCSSBJ.cjs');
+var _LTLFSC4Xcjs = require('./LTLFSC4X.cjs');
 
 
 
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -24,9 +24,9 @@ function createPopoverStore(_a = {}) {
   } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _5CBCKBZ2cjs.mergeStore.call(void 0, 
+  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, 
     props.store,
-    _5CBCKBZ2cjs.omit.call(void 0, otherPopover, [
+    _B4LYZ4EMcjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -34,10 +34,10 @@ function createPopoverStore(_a = {}) {
       "disclosureElement"
     ])
   );
-  _5CBCKBZ2cjs.throwOnConflictingProps.call(void 0, props, store);
+  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _MFSCSSBJcjs.createDialogStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { store }));
-  const placement = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const dialog = _LTLFSC4Xcjs.createDialogStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { store }));
+  const placement = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.placement,
     syncState == null ? void 0 : syncState.placement,
     "bottom"
@@ -45,12 +45,12 @@ function createPopoverStore(_a = {}) {
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, dialog.getState()), {
     placement,
     currentPlacement: placement,
-    anchorElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.anchorElement, null),
-    popoverElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.popoverElement, null),
-    arrowElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
+    anchorElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.anchorElement, null),
+    popoverElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.popoverElement, null),
+    arrowElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
     rendered: Symbol("rendered")
   });
-  const popover = _5CBCKBZ2cjs.createStore.call(void 0, initialState, dialog, store);
+  const popover = _B4LYZ4EMcjs.createStore.call(void 0, initialState, dialog, store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, dialog), popover), {
     setAnchorElement: (element) => popover.setState("anchorElement", element),
     setPopoverElement: (element) => popover.setState("popoverElement", element),

package/cjs/__chunks/{YIUPKKEK.cjs → 7DU6YMLQ.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5F4DVUNScjs = require('./5F4DVUNS.cjs');
+var _UKR6TQI3cjs = require('./UKR6TQI3.cjs');
 
 // src/utils/platform.ts
 function isTouchDevice() {
-  return _5F4DVUNScjs.canUseDOM && !!navigator.maxTouchPoints;
+  return _UKR6TQI3cjs.canUseDOM && !!navigator.maxTouchPoints;
 }
 function isApple() {
-  if (!_5F4DVUNScjs.canUseDOM)
+  if (!_UKR6TQI3cjs.canUseDOM)
     return false;
   return /mac|iphone|ipad|ipod/i.test(navigator.platform);
 }
 function isSafari() {
-  return _5F4DVUNScjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
+  return _UKR6TQI3cjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
 }
 function isFirefox() {
-  return _5F4DVUNScjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
+  return _UKR6TQI3cjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
 }
 function isMac() {
-  return _5F4DVUNScjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
+  return _UKR6TQI3cjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
 }
 
 

package/cjs/__chunks/{MWNFQD55.cjs → AETQC2AR.cjs}

@@ -7,10 +7,10 @@
 
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -18,51 +18,52 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const store = _5CBCKBZ2cjs.mergeStore.call(void 0, 
+  const store = _B4LYZ4EMcjs.mergeStore.call(void 0, 
     props.store,
-    _5CBCKBZ2cjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
+    _B4LYZ4EMcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
-  _5CBCKBZ2cjs.throwOnConflictingProps.call(void 0, props, store);
+  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const open = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const open = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.open,
     syncState == null ? void 0 : syncState.open,
     props.defaultOpen,
     false
   );
-  const animated = _3UT5FE6Kcjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
+  const animated = _EEDWPDM2cjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
   const initialState = {
     open,
     animated,
     animating: !!animated && open,
     mounted: open,
-    contentElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
-    disclosureElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
+    contentElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
+    disclosureElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _5CBCKBZ2cjs.createStore.call(void 0, initialState, store);
-  _5CBCKBZ2cjs.setup.call(void 0, 
+  const disclosure = _B4LYZ4EMcjs.createStore.call(void 0, initialState, store);
+  _B4LYZ4EMcjs.setup.call(void 0, 
     disclosure,
-    () => _5CBCKBZ2cjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    () => _B4LYZ4EMcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
       if (state.animated)
         return;
       disclosure.setState("animating", false);
     })
   );
-  _5CBCKBZ2cjs.setup.call(void 0, 
+  _B4LYZ4EMcjs.setup.call(void 0, 
     disclosure,
-    () => _5CBCKBZ2cjs.subscribe.call(void 0, disclosure, ["open"], () => {
+    () => _B4LYZ4EMcjs.subscribe.call(void 0, disclosure, ["open"], () => {
       if (!disclosure.getState().animated)
         return;
       disclosure.setState("animating", true);
     })
   );
-  _5CBCKBZ2cjs.setup.call(void 0, 
+  _B4LYZ4EMcjs.setup.call(void 0, 
     disclosure,
-    () => _5CBCKBZ2cjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    () => _B4LYZ4EMcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
       disclosure.setState("mounted", state.open || state.animating);
     })
   );
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, disclosure), {
+    disclosure: props.disclosure,
     setOpen: (value) => disclosure.setState("open", value),
     show: () => disclosure.setState("open", true),
     hide: () => disclosure.setState("open", false),

package/cjs/__chunks/{5CBCKBZ2.cjs → B4LYZ4EM.cjs}

@@ -8,7 +8,7 @@
 
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -17,14 +17,14 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 // src/utils/store.ts
 function getInternal(store, key) {
   const internals = store.__unstableInternals;
-  _3UT5FE6Kcjs.invariant.call(void 0, internals, "Invalid store");
+  _EEDWPDM2cjs.invariant.call(void 0, internals, "Invalid store");
   return internals[key];
 }
 function createStore(initialState, ...stores) {
   let state = initialState;
   let prevStateBatch = state;
   let lastUpdate = Symbol();
-  let destroy = _3UT5FE6Kcjs.noop;
+  let destroy = _EEDWPDM2cjs.noop;
   const instances = /* @__PURE__ */ new Set();
   const updatedKeys = /* @__PURE__ */ new Set();
   const setups = /* @__PURE__ */ new Set();
@@ -48,14 +48,14 @@ function createStore(initialState, ...stores) {
     };
     if (initialized)
       return maybeDestroy;
-    const desyncs = _3UT5FE6Kcjs.getKeys.call(void 0, state).map(
-      (key) => _3UT5FE6Kcjs.chain.call(void 0, 
+    const desyncs = _EEDWPDM2cjs.getKeys.call(void 0, state).map(
+      (key) => _EEDWPDM2cjs.chain.call(void 0, 
         ...stores.map((store) => {
           var _a;
           const storeState = (_a = store == null ? void 0 : store.getState) == null ? void 0 : _a.call(store);
           if (!storeState)
             return;
-          if (!_3UT5FE6Kcjs.hasOwnProperty.call(void 0, storeState, key))
+          if (!_EEDWPDM2cjs.hasOwnProperty.call(void 0, storeState, key))
             return;
           return sync(store, [key], (state2) => {
             setState(
@@ -72,7 +72,7 @@ function createStore(initialState, ...stores) {
     const teardowns = [];
     setups.forEach((setup2) => teardowns.push(setup2()));
     const cleanups = stores.map(init);
-    destroy = _3UT5FE6Kcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups);
+    destroy = _EEDWPDM2cjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups);
     return maybeDestroy;
   };
   const sub = (keys, listener, set = listeners) => {
@@ -95,13 +95,13 @@ function createStore(initialState, ...stores) {
     disposables.set(listener, listener(state, prevStateBatch));
     return sub(keys, listener, batchListeners);
   };
-  const storePick = (keys) => createStore(_3UT5FE6Kcjs.pick.call(void 0, state, keys), finalStore);
-  const storeOmit = (keys) => createStore(_3UT5FE6Kcjs.omit.call(void 0, state, keys), finalStore);
+  const storePick = (keys) => createStore(_EEDWPDM2cjs.pick.call(void 0, state, keys), finalStore);
+  const storeOmit = (keys) => createStore(_EEDWPDM2cjs.omit.call(void 0, state, keys), finalStore);
   const getState = () => state;
   const setState = (key, value, fromStores = false) => {
-    if (!_3UT5FE6Kcjs.hasOwnProperty.call(void 0, state, key))
+    if (!_EEDWPDM2cjs.hasOwnProperty.call(void 0, state, key))
       return;
-    const nextValue = _3UT5FE6Kcjs.applyState.call(void 0, value, state[key]);
+    const nextValue = _EEDWPDM2cjs.applyState.call(void 0, value, state[key]);
     if (nextValue === state[key])
       return;
     if (!fromStores) {
@@ -213,7 +213,7 @@ function throwOnConflictingProps(props, store) {
     return;
   const storeState = store.getState();
   const conflictingProps = defaultKeys.filter(
-    (key) => _3UT5FE6Kcjs.hasOwnProperty.call(void 0, storeState, key)
+    (key) => _EEDWPDM2cjs.hasOwnProperty.call(void 0, storeState, key)
   );
   if (!conflictingProps.length)
     return;

package/cjs/__chunks/{3UT5FE6K.cjs → EEDWPDM2.cjs}

@@ -63,6 +63,9 @@ function isInteger(arg) {
   return String(Math.floor(Number(arg))) === arg;
 }
 function hasOwnProperty(object, prop) {
+  if (typeof Object.hasOwn === "function") {
+    return Object.hasOwn(object, prop);
+  }
   return Object.prototype.hasOwnProperty.call(object, prop);
 }
 function chain(...fns) {
@@ -130,6 +133,15 @@ function isFalsyBooleanCallback(booleanOrCallback, ...args) {
 function disabledFromProps(props) {
   return props.disabled || props["aria-disabled"] === true || props["aria-disabled"] === "true";
 }
+function removeUndefinedValues(obj) {
+  const result = {};
+  for (const key in obj) {
+    if (obj[key] !== void 0) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
 function defaultValue(...values) {
   for (const value of values) {
     if (value !== void 0)
@@ -159,4 +171,5 @@ function defaultValue(...values) {
 
 
 
-exports.noop = noop; exports.shallowEqual = shallowEqual; exports.applyState = applyState; exports.isObject = isObject; exports.isEmpty = isEmpty; exports.isInteger = isInteger; exports.hasOwnProperty = hasOwnProperty; exports.chain = chain; exports.cx = cx; exports.normalizeString = normalizeString; exports.omit = omit; exports.pick = pick; exports.identity = identity; exports.beforePaint = beforePaint; exports.afterPaint = afterPaint; exports.invariant = invariant; exports.getKeys = getKeys; exports.isFalsyBooleanCallback = isFalsyBooleanCallback; exports.disabledFromProps = disabledFromProps; exports.defaultValue = defaultValue;
+
+exports.noop = noop; exports.shallowEqual = shallowEqual; exports.applyState = applyState; exports.isObject = isObject; exports.isEmpty = isEmpty; exports.isInteger = isInteger; exports.hasOwnProperty = hasOwnProperty; exports.chain = chain; exports.cx = cx; exports.normalizeString = normalizeString; exports.omit = omit; exports.pick = pick; exports.identity = identity; exports.beforePaint = beforePaint; exports.afterPaint = afterPaint; exports.invariant = invariant; exports.getKeys = getKeys; exports.isFalsyBooleanCallback = isFalsyBooleanCallback; exports.disabledFromProps = disabledFromProps; exports.removeUndefinedValues = removeUndefinedValues; exports.defaultValue = defaultValue;

package/cjs/__chunks/{YLMJBIQM.cjs → FFZYCAXA.cjs}

@@ -5,14 +5,14 @@
 
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
-var _5F4DVUNScjs = require('./5F4DVUNS.cjs');
+var _UKR6TQI3cjs = require('./UKR6TQI3.cjs');
 
 
 
@@ -62,16 +62,16 @@ function getCommonParent(items) {
     }
     parentElement = parentElement.parentElement;
   }
-  return _5F4DVUNScjs.getDocument.call(void 0, parentElement).body;
+  return _UKR6TQI3cjs.getDocument.call(void 0, parentElement).body;
 }
 function getPrivateStore(store) {
   return store == null ? void 0 : store.__unstablePrivateStore;
 }
 function createCollectionStore(props = {}) {
   var _a;
-  _5CBCKBZ2cjs.throwOnConflictingProps.call(void 0, props, props.store);
+  _B4LYZ4EMcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const items = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const items = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.items,
     syncState == null ? void 0 : syncState.items,
     props.defaultItems,
@@ -80,22 +80,27 @@ function createCollectionStore(props = {}) {
   const itemsMap = new Map(items.map((item) => [item.id, item]));
   const initialState = {
     items,
-    renderedItems: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
+    renderedItems: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
   };
   const syncPrivateStore = getPrivateStore(props.store);
-  const privateStore = _5CBCKBZ2cjs.createStore.call(void 0, 
-    { renderedItems: initialState.renderedItems },
+  const privateStore = _B4LYZ4EMcjs.createStore.call(void 0, 
+    { items, renderedItems: initialState.renderedItems },
     syncPrivateStore
   );
-  const collection = _5CBCKBZ2cjs.createStore.call(void 0, initialState, props.store);
+  const collection = _B4LYZ4EMcjs.createStore.call(void 0, initialState, props.store);
   const sortItems = (renderedItems) => {
     const sortedItems = sortBasedOnDOMPosition(renderedItems);
     privateStore.setState("renderedItems", sortedItems);
     collection.setState("renderedItems", sortedItems);
   };
-  _5CBCKBZ2cjs.setup.call(void 0, collection, () => _5CBCKBZ2cjs.init.call(void 0, privateStore));
-  _5CBCKBZ2cjs.setup.call(void 0, privateStore, () => {
-    return _5CBCKBZ2cjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+  _B4LYZ4EMcjs.setup.call(void 0, collection, () => _B4LYZ4EMcjs.init.call(void 0, privateStore));
+  _B4LYZ4EMcjs.setup.call(void 0, privateStore, () => {
+    return _B4LYZ4EMcjs.batch.call(void 0, privateStore, ["items"], (state) => {
+      collection.setState("items", state.items);
+    });
+  });
+  _B4LYZ4EMcjs.setup.call(void 0, privateStore, () => {
+    return _B4LYZ4EMcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
       let firstRun = true;
       let raf = requestAnimationFrame(() => {
         const { renderedItems } = collection.getState();
@@ -162,10 +167,14 @@ function createCollectionStore(props = {}) {
     };
     return unmergeItem;
   };
-  const registerItem = (item) => mergeItem(item, (getItems) => collection.setState("items", getItems), true);
+  const registerItem = (item) => mergeItem(
+    item,
+    (getItems) => privateStore.setState("items", getItems),
+    true
+  );
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, collection), {
     registerItem,
-    renderItem: (item) => _3UT5FE6Kcjs.chain.call(void 0, 
+    renderItem: (item) => _EEDWPDM2cjs.chain.call(void 0, 
       registerItem(item),
       mergeItem(
         item,

package/cjs/__chunks/{MFSCSSBJ.cjs → LTLFSC4X.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MWNFQD55cjs = require('./MWNFQD55.cjs');
+var _AETQC2ARcjs = require('./AETQC2AR.cjs');
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {
-  return _MWNFQD55cjs.createDisclosureStore.call(void 0, props);
+  return _AETQC2ARcjs.createDisclosureStore.call(void 0, props);
 }
 
 

package/cjs/__chunks/{CWDUO5EV.cjs → SU2BSHGB.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _ZXCB7MXNcjs = require('./ZXCB7MXN.cjs');
+var _Y7KNI5NScjs = require('./Y7KNI5NS.cjs');
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -17,16 +17,16 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 function createMenubarStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const composite = _ZXCB7MXNcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-    orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const composite = _Y7KNI5NScjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
       "horizontal"
     ),
-    focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+    focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
   }));
   const initialState = _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState());
-  const menubar = _5CBCKBZ2cjs.createStore.call(void 0, initialState, composite, props.store);
+  const menubar = _B4LYZ4EMcjs.createStore.call(void 0, initialState, composite, props.store);
   return _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), menubar);
 }
 

package/cjs/__chunks/{HMO4CKUP.cjs → UEZLSKZ4.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Y6PHIDP6cjs = require('./Y6PHIDP6.cjs');
+var _5JEQEZFRcjs = require('./5JEQEZFR.cjs');
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -17,21 +17,21 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 function createHovercardStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const popover = _Y6PHIDP6cjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-    placement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const popover = _5JEQEZFRcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
+    placement: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
       "bottom"
     )
   }));
-  const timeout = _3UT5FE6Kcjs.defaultValue.call(void 0, props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
+  const timeout = _EEDWPDM2cjs.defaultValue.call(void 0, props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, popover.getState()), {
     timeout,
-    showTimeout: _3UT5FE6Kcjs.defaultValue.call(void 0, props.showTimeout, syncState == null ? void 0 : syncState.showTimeout),
-    hideTimeout: _3UT5FE6Kcjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
-    autoFocusOnShow: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
+    showTimeout: _EEDWPDM2cjs.defaultValue.call(void 0, props.showTimeout, syncState == null ? void 0 : syncState.showTimeout),
+    hideTimeout: _EEDWPDM2cjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
+    autoFocusOnShow: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
   });
-  const hovercard = _5CBCKBZ2cjs.createStore.call(void 0, initialState, popover, props.store);
+  const hovercard = _B4LYZ4EMcjs.createStore.call(void 0, initialState, popover, props.store);
   return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
     setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
   });

package/cjs/__chunks/{5F4DVUNS.cjs → UKR6TQI3.cjs}

@@ -102,8 +102,7 @@ function getPopupItemRole(element, fallback) {
   const itemRoleByPopupRole = {
     menu: "menuitem",
     listbox: "option",
-    tree: "treeitem",
-    grid: "gridcell"
+    tree: "treeitem"
   };
   const popupRole = getPopupRole(element);
   if (!popupRole)

package/cjs/__chunks/{ZXCB7MXN.cjs → Y7KNI5NS.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _YLMJBIQMcjs = require('./YLMJBIQM.cjs');
+var _FFZYCAXAcjs = require('./FFZYCAXA.cjs');
 
 
 
 
-var _5CBCKBZ2cjs = require('./5CBCKBZ2.cjs');
+var _B4LYZ4EMcjs = require('./B4LYZ4EM.cjs');
 
 
-var _3UT5FE6Kcjs = require('./3UT5FE6K.cjs');
+var _EEDWPDM2cjs = require('./EEDWPDM2.cjs');
 
 
 
@@ -124,40 +124,40 @@ function verticalizeItems(items) {
 function createCompositeStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const collection = _YLMJBIQMcjs.createCollectionStore.call(void 0, props);
-  const activeId = _3UT5FE6Kcjs.defaultValue.call(void 0, 
+  const collection = _FFZYCAXAcjs.createCollectionStore.call(void 0, props);
+  const activeId = _EEDWPDM2cjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId
   );
   const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, collection.getState()), {
     activeId,
-    baseElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
-    includesBaseElement: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+    baseElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
+    includesBaseElement: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState == null ? void 0 : syncState.includesBaseElement,
       activeId === null
     ),
-    moves: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
-    orientation: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+    moves: _EEDWPDM2cjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
+    orientation: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.orientation,
       syncState == null ? void 0 : syncState.orientation,
       "both"
     ),
-    rtl: _3UT5FE6Kcjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
-    virtualFocus: _3UT5FE6Kcjs.defaultValue.call(void 0, 
+    rtl: _EEDWPDM2cjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
+    virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
       false
     ),
-    focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
-    focusWrap: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
-    focusShift: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
+    focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
+    focusWrap: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
+    focusShift: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
-  const composite = _5CBCKBZ2cjs.createStore.call(void 0, initialState, collection, props.store);
-  _5CBCKBZ2cjs.setup.call(void 0, 
+  const composite = _B4LYZ4EMcjs.createStore.call(void 0, initialState, collection, props.store);
+  _B4LYZ4EMcjs.setup.call(void 0, 
     composite,
-    () => _5CBCKBZ2cjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+    () => _B4LYZ4EMcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
       composite.setState("activeId", (activeId2) => {
         var _a2;
         if (activeId2 !== void 0)