@ariakit/react-core 0.2.17 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,141 @@
 # @ariakit/react-core
 
+## 0.3.1
+
+### Patch Changes
+
+- [`#2797`](https://github.com/ariakit/ariakit/pull/2797) Fixed a regression on `Dialog` regarding the timing of its "focus on hide" behavior.
+
+- [`#2801`](https://github.com/ariakit/ariakit/pull/2801) Fixed `values.slice` error that would occur when clicking on `FormCheckbox` that uses an integer-like field name.
+
+- [`#2802`](https://github.com/ariakit/ariakit/pull/2802) Added `setMounted` prop to `useDisclosureStore` and derived component stores. This callback prop can be used to react to changes in the `mounted` state. For example:
+
+  ```js
+  useDialogStore({
+    setMounted(mounted) {
+      if (!mounted) {
+        props.onUnmount?.();
+      }
+    },
+  });
+  ```
+
+- [`#2803`](https://github.com/ariakit/ariakit/pull/2803) The `Toolbar` component can now render without needing an explicit `store` prop or a `ToolbarProvider` component wrap. `Toolbar` now also supports certain store props such as `focusLoop`, `orientation`, `rtl`, and `virtualFocus`.
+
+- Updated dependencies: `@ariakit/core@0.3.1`.
+
+## 0.3.0
+
+### Minor Changes
+
+- [`#2714`](https://github.com/ariakit/ariakit/pull/2714) Added support for a dynamic `store` prop on component stores.
+
+  This is similar to the `store` prop on components, keeping both stores in sync. Now, component store hooks can support modifying the value of the `store` prop after the initial render. For instance:
+
+  ```js
+  // props.store can change between renders now
+  const checkbox = useCheckboxStore({ store: props.store });
+  ```
+
+  When the `store` prop changes, the object returned from the store hook will update as well. Consequently, effects and hooks that rely on the store will re-run.
+
+  While it's unlikely, this **could represent a breaking change** if you're depending on the `store` prop in component stores to only acknowledge the first value passed to it.
+
+- [`#2714`](https://github.com/ariakit/ariakit/pull/2714) **BREAKING**: The `useStore` function exported by `@ariakit/react-core/utils/store` has been updated.
+
+- [`#2760`](https://github.com/ariakit/ariakit/pull/2760) **BREAKING**: The `useStoreState` function exported by `@ariakit/react-core/utils/store` has been updated so it'll always run the selector callback even when the passed store is `null` or `undefined`.
+
+- [`#2783`](https://github.com/ariakit/ariakit/pull/2783) **BREAKING** _(This should affect very few people)_: The `combobox` state on `useSelectStore` has been replaced by the `combobox` property on the store object.
+
+  **Before:**
+
+  ```js
+  const combobox = useComboboxStore();
+  const select = useSelectStore({ combobox });
+  const hasCombobox = select.useState("combobox");
+  ```
+
+  **After:**
+
+  ```js
+  const combobox = useComboboxStore();
+  const select = useSelectStore({ combobox });
+  const hasCombobox = Boolean(select.combobox);
+  ```
+
+  In the example above, `select.combobox` is literally the same as the `combobox` store. It will be defined if the `combobox` store is passed to `useSelectStore`.
+
+- [`#2783`](https://github.com/ariakit/ariakit/pull/2783) **BREAKING** _(This should affect very few people)_: The `select` and `menu` props on `useComboboxStore` have been removed. If you need to compose `Combobox` with `Select` or `Menu`, use the `combobox` prop on `useSelectStore` or `useMenuStore` instead.
+
+- [`#2717`](https://github.com/ariakit/ariakit/pull/2717) The `children` prop as a function has been deprecated on all components. Use the [`render`](https://ariakit.org/guide/composition#explicit-render-function) prop instead.
+
+- [`#2717`](https://github.com/ariakit/ariakit/pull/2717) The `as` prop has been deprecated on all components. Use the [`render`](https://ariakit.org/guide/composition) prop instead.
+
+- [`#2717`](https://github.com/ariakit/ariakit/pull/2717) The `backdropProps` prop has been deprecated on `Dialog` and derived components. Use the [`backdrop`](https://ariakit.org/reference/dialog#backdrop) prop instead.
+
+- [`#2745`](https://github.com/ariakit/ariakit/pull/2745) Component stores will now throw an error if they receive another store prop in conjunction with default prop values.
+
+### Patch Changes
+
+- [`#2737`](https://github.com/ariakit/ariakit/pull/2737) Fixed controlled component stores rendering with a stale state.
+
+- [`#2758`](https://github.com/ariakit/ariakit/pull/2758) Added `CheckboxProvider` component and `useCheckboxContext` hook.
+
+- [`#2759`](https://github.com/ariakit/ariakit/pull/2759) Added `CollectionProvider` component and `useCollectionContext` hook.
+
+- [`#2769`](https://github.com/ariakit/ariakit/pull/2769) Added `DisclosureProvider` component and `useDisclosureContext` hook.
+
+- [`#2770`](https://github.com/ariakit/ariakit/pull/2770) Added `CompositeProvider` component and `useCompositeContext` hook.
+
+- [`#2771`](https://github.com/ariakit/ariakit/pull/2771) Added `DialogProvider` component and `useDialogContext` hook.
+
+- [`#2774`](https://github.com/ariakit/ariakit/pull/2774) Added `PopoverProvider` component and `usePopoverContext` hook.
+
+- [`#2775`](https://github.com/ariakit/ariakit/pull/2775) Added `ComboboxProvider` component and `useComboboxContext` hook.
+
+- [`#2776`](https://github.com/ariakit/ariakit/pull/2776) Added `SelectProvider` component and `useSelectContext` hook.
+
+- [`#2777`](https://github.com/ariakit/ariakit/pull/2777) Added `RadioProvider` component and `useRadioContext` hook.
+
+- [`#2778`](https://github.com/ariakit/ariakit/pull/2778) Added `HovercardProvider` component and `useHovercardContext` hook.
+
+- [`#2779`](https://github.com/ariakit/ariakit/pull/2779) Added `TabProvider` component and `useTabContext` hook.
+
+- [`#2780`](https://github.com/ariakit/ariakit/pull/2780) Added `ToolbarProvider` component and `useToolbarContext` hook.
+
+- [`#2781`](https://github.com/ariakit/ariakit/pull/2781) Added `TooltipProvider` component and `useTooltipContext` hook.
+
+- [`#2782`](https://github.com/ariakit/ariakit/pull/2782) Added `FormProvider` component and `useFormContext` hook.
+
+- [`#2783`](https://github.com/ariakit/ariakit/pull/2783) Component store objects now contain properties for the composed stores passed to them as props. For instance, `useSelectStore({ combobox })` will return a `combobox` property if the `combobox` prop is specified.
+
+- [`#2785`](https://github.com/ariakit/ariakit/pull/2785) Added `MenuProvider` component and `useMenuContext` hook.
+
+- [`#2785`](https://github.com/ariakit/ariakit/pull/2785) Added `MenuBarProvider` component and `useMenuBarContext` hook.
+
+- [`#2785`](https://github.com/ariakit/ariakit/pull/2785) Added `parent` and `menubar` properties to the menu store. These properties are automatically set when rendering nested menus or menus within a menubar.
+
+  Now, it also supports rendering nested menus that aren't nested in the React tree. In this case, you would have to supply the parent menu store manually to the child menu store.
+
+  These properties are also included in the returned menu store object, allowing you to verify whether the menu is nested. For instance:
+
+  ```jsx
+  const menu = useMenuStore(props);
+  const isNested = Boolean(menu.parent);
+  ```
+
+- [`#2794`](https://github.com/ariakit/ariakit/pull/2794) The `combobox` prop on `useSelectStore` is now automatically set based on the context.
+
+- [`#2795`](https://github.com/ariakit/ariakit/pull/2795) Updated the `Menu` component so the `composite` and `typeahead` props are automatically set to `false` when combining it with a `Combobox` component.
+
+  This means you'll not need to explicitly pass `composite={false}` when building a [Menu with Combobox](https://ariakit.org/examples/menu-combobox) component.
+
+- [`#2795`](https://github.com/ariakit/ariakit/pull/2795) The `combobox` prop on `useMenuStore` is now automatically set based on the context.
+
+- [`#2796`](https://github.com/ariakit/ariakit/pull/2796) Composed store props such as `useSelectStore({ combobox })` now accept `null` as a value.
+
+- Updated dependencies: `@ariakit/core@0.3.0`.
+
 ## 0.2.17
 
 ### Patch Changes

package/checkbox/checkbox-context/package.json

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

package/checkbox/checkbox-provider/package.json

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

package/cjs/__chunks/27A4YAUB.cjs

@@ -0,0 +1,21 @@
+"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 _FWCQCCG3cjs = require('./FWCQCCG3.cjs');
+
+
+var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
+
+// src/toolbar/toolbar-store.ts
+var _toolbarstore = require('@ariakit/core/toolbar/toolbar-store'); var Core = _interopRequireWildcard(_toolbarstore);
+function useToolbarStoreProps(store, update, props) {
+  return _FWCQCCG3cjs.useCompositeStoreProps.call(void 0, store, update, props);
+}
+function useToolbarStore(props = {}) {
+  const [store, update] = _I63PYP2Ucjs.useStore.call(void 0, Core.createToolbarStore, props);
+  return useToolbarStoreProps(store, update, props);
+}
+
+
+
+
+exports.useToolbarStoreProps = useToolbarStoreProps; exports.useToolbarStore = useToolbarStore;

package/cjs/__chunks/2C7LUQOS.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _2FEEKOTFcjs = require('./2FEEKOTF.cjs');
+
+
+var _Q6W7IWNJcjs = require('./Q6W7IWNJ.cjs');
+
+
+
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/hovercard/hovercard-dismiss.ts
+var useHovercardDismiss = _Z5PUIG6Acjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _Q6W7IWNJcjs.useHovercardScopedContext.call(void 0, );
+    store = store || context;
+    props = _2FEEKOTFcjs.usePopoverDismiss.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var HovercardDismiss = _Z5PUIG6Acjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useHovercardDismiss(props);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  HovercardDismiss.displayName = "HovercardDismiss";
+}
+
+
+
+
+exports.useHovercardDismiss = useHovercardDismiss; exports.HovercardDismiss = HovercardDismiss;

package/cjs/__chunks/2FEEKOTF.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _S4UMINQJcjs = require('./S4UMINQJ.cjs');
+
+
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
+
+
+
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/popover/popover-dismiss.ts
+var usePopoverDismiss = _Z5PUIG6Acjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _AKOG5S2Tcjs.usePopoverScopedContext.call(void 0, );
+    store = store || context;
+    props = _S4UMINQJcjs.useDialogDismiss.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    return props;
+  }
+);
+var PopoverDismiss = _Z5PUIG6Acjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = usePopoverDismiss(props);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  PopoverDismiss.displayName = "PopoverDismiss";
+}
+
+
+
+
+exports.usePopoverDismiss = usePopoverDismiss; exports.PopoverDismiss = PopoverDismiss;

package/cjs/__chunks/{UVTMAR7N.cjs → 2VQBXUAI.cjs}

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YMZPP75Icjs = require('./YMZPP75I.cjs');
+var _LCKU3TYWcjs = require('./LCKU3TYW.cjs');
 
 
-var _6MKUVCENcjs = require('./6MKUVCEN.cjs');
+var _XH2CZ7VFcjs = require('./XH2CZ7VF.cjs');
 
 
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -23,32 +24,39 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/popover/popover-disclosure.tsx
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var usePopoverDisclosure = _CWY2PHPRcjs.createHook.call(void 0, 
+var usePopoverDisclosure = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _AKOG5S2Tcjs.usePopoverProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
     const onClickProp = props.onClick;
     const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
-      store.setAnchorElement(event.currentTarget);
+      store == null ? void 0 : store.setAnchorElement(event.currentTarget);
       onClickProp == null ? void 0 : onClickProp(event);
     });
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W5PBA4D6cjs.PopoverContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AKOG5S2Tcjs.PopoverScopedContextProvider, { value: store, children: element }),
       [store]
     );
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
       onClick
     });
-    props = _6MKUVCENcjs.usePopoverAnchor.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _YMZPP75Icjs.useDialogDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _XH2CZ7VFcjs.usePopoverAnchor.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _LCKU3TYWcjs.useDialogDisclosure.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var PopoverDisclosure = _CWY2PHPRcjs.createComponent.call(void 0, 
+var PopoverDisclosure = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = usePopoverDisclosure(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{DZGTHAPX.cjs → 4HKELPDA.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
+var _6RYSMHQYcjs = require('./6RYSMHQY.cjs');
 
 
-var _Q5EWS32Zcjs = require('./Q5EWS32Z.cjs');
+var _DC66R2NYcjs = require('./DC66R2NY.cjs');
 
 
-var _A764D2YKcjs = require('./A764D2YK.cjs');
+var _6G5GJF5Qcjs = require('./6G5GJF5Q.cjs');
 
 
-var _SZTCN3SGcjs = require('./SZTCN3SG.cjs');
+var _5E5FKYEOcjs = require('./5E5FKYEO.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
-var _MPGRRS75cjs = require('./MPGRRS75.cjs');
+var _I63PYP2Ucjs = require('./I63PYP2U.cjs');
 
 
 
@@ -33,13 +33,14 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/menu/menu-list.tsx
 var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 function useAriaLabelledBy(_a) {
   var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
   const [id, setId] = _react.useState.call(void 0, void 0);
   const label = props["aria-label"];
-  const disclosureElement = store.useState("disclosureElement");
-  const contentElement = store.useState("contentElement");
+  const disclosureElement = _I63PYP2Ucjs.useStoreState.call(void 0, store, "disclosureElement");
+  const contentElement = _I63PYP2Ucjs.useStoreState.call(void 0, store, "contentElement");
   _react.useEffect.call(void 0, () => {
     const disclosure = disclosureElement;
     if (!disclosure)
@@ -56,11 +57,17 @@ function useAriaLabelledBy(_a) {
   }, [label, disclosureElement, contentElement]);
   return id;
 }
-var useMenuList = _CWY2PHPRcjs.createHook.call(void 0, 
+var useMenuList = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, alwaysVisible, composite = true } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
-    const parentMenu = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuContext);
-    const parentMenuBar = _react.useContext.call(void 0, _MPFAD3UKcjs.MenuBarContext);
+    var _b = _a, { store, alwaysVisible, composite } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible", "composite"]);
+    const context = _6RYSMHQYcjs.useMenuProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
+    );
+    const parentMenu = store.parent;
+    const parentMenuBar = store.menubar;
     const hasParentMenu = !!parentMenu;
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const onKeyDownProp = props.onKeyDown;
@@ -71,9 +78,9 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_MPGRRS75cjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = _I63PYP2Ucjs.useStoreState.call(void 0, 
       parentMenuBar,
-      (state) => state.orientation !== "vertical"
+      (state) => !!state && state.orientation !== "vertical"
     );
     const onKeyDown = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
@@ -90,7 +97,7 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
         if (action == null ? void 0 : action()) {
           event.stopPropagation();
           event.preventDefault();
-          return store.hide();
+          return store == null ? void 0 : store.hide();
         }
       }
       if (parentMenuBar) {
@@ -127,12 +134,12 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
     });
     props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MPFAD3UKcjs.MenuContext.Provider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6RYSMHQYcjs.MenuScopedContextProvider, { value: store, children: element }),
       [store]
     );
     const ariaLabelledBy = useAriaLabelledBy(_72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
     const mounted = store.useState("mounted");
-    const hidden = _SZTCN3SGcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
+    const hidden = _5E5FKYEOcjs.isHidden.call(void 0, mounted, props.hidden, alwaysVisible);
     const style = hidden ? _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       id,
@@ -143,20 +150,22 @@ var useMenuList = _CWY2PHPRcjs.createHook.call(void 0,
       style,
       onKeyDown
     });
+    const hasCombobox = !!store.combobox;
+    composite = composite != null ? composite : !hasCombobox;
     if (composite) {
       props = _72I2GWXFcjs.__spreadValues.call(void 0, {
         role: "menu",
         "aria-orientation": orientation
       }, props);
     }
-    props = _A764D2YKcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
-    props = _Q5EWS32Zcjs.useCompositeTypeahead.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _6G5GJF5Qcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _DC66R2NYcjs.useCompositeTypeahead.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }
 );
-var MenuList = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var MenuList = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuList(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   MenuList.displayName = "MenuList";

package/cjs/__chunks/{VDYEYEEN.cjs → 4YBHDRLG.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _PH57JDIMcjs = require('./PH57JDIM.cjs');
+var _SW2AH2YOcjs = require('./SW2AH2YO.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 // src/popover/popover-heading.ts
-var usePopoverHeading = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
-  props = _PH57JDIMcjs.useDialogHeading.call(void 0, props);
+var usePopoverHeading = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
+  props = _SW2AH2YOcjs.useDialogHeading.call(void 0, props);
   return props;
 });
-var PopoverHeading = _CWY2PHPRcjs.createComponent.call(void 0, 
+var PopoverHeading = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = usePopoverHeading(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "h1", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "h1", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{SZTCN3SG.cjs → 5E5FKYEO.cjs}

@@ -1,8 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _W6ZRSMO5cjs = require('./W6ZRSMO5.cjs');
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _A2NMYLCGcjs = require('./A2NMYLCG.cjs');
+
+
+
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
 
 
 
@@ -14,8 +21,10 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
-// src/disclosure/disclosure-content.ts
+// src/disclosure/disclosure-content.tsx
 var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
 function afterTimeout(timeoutMs, cb) {
   const timeoutId = setTimeout(cb, timeoutMs);
   return () => clearTimeout(timeoutId);
@@ -37,9 +46,15 @@ function parseCSSTime(...times) {
 function isHidden(mounted, hidden, alwaysVisible) {
   return !alwaysVisible && hidden !== false && (!mounted || !!hidden);
 }
-var useDisclosureContent = _CWY2PHPRcjs.createHook.call(void 0, 
+var useDisclosureContent = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, alwaysVisible } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "alwaysVisible"]);
+    const context = _A2NMYLCGcjs.useDisclosureProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+    );
     const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
     const [transition, setTransition] = _react.useState.call(void 0, null);
     const open = store.useState("open");
@@ -58,6 +73,8 @@ var useDisclosureContent = _CWY2PHPRcjs.createHook.call(void 0,
       });
     }, [animated, contentElement, open]);
     _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
+      if (!store)
+        return;
       if (!animated)
         return;
       if (!contentElement)
@@ -84,7 +101,12 @@ var useDisclosureContent = _CWY2PHPRcjs.createHook.call(void 0,
       if (!timeoutMs)
         return;
       return afterTimeout(timeoutMs, store.stopAnimation);
-    }, [animated, contentElement, open, transition]);
+    }, [store, animated, contentElement, open, transition]);
+    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _W6ZRSMO5cjs.DialogScopedContextProvider, { value: store, children: element }),
+      [store]
+    );
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
     const style = hidden ? _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" }) : props.style;
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
@@ -99,10 +121,10 @@ var useDisclosureContent = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var DisclosureContent = _CWY2PHPRcjs.createComponent.call(void 0, 
+var DisclosureContent = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useDisclosureContent(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {