@ariakit/react-core 0.2.16 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,125 @@
 # @ariakit/react-core
 
+## 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
+
+- [`#2718`](https://github.com/ariakit/ariakit/pull/2718) Fixed import of `use-sync-external-store` package for ESM builds.
+
+- Updated dependencies: `@ariakit/core@0.2.9`.
+
 ## 0.2.16
 
 ### 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/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/{FVVV75ZK.cjs → 3XB4P6CY.cjs}

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OHBR6IPUcjs = require('./OHBR6IPU.cjs');
+var _OPL3VHF2cjs = require('./OPL3VHF2.cjs');
 
 
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
 
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -150,7 +151,7 @@ function getArrowMiddleware(arrowElement, props) {
     padding: props.arrowPadding
   });
 }
-var usePopover = _CWY2PHPRcjs.createHook.call(void 0, 
+var usePopover = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -191,6 +192,12 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
       "getAnchorRect",
       "updatePosition"
     ]);
+    const context = _AKOG5S2Tcjs.usePopoverProviderContext.call(void 0, );
+    store = store || context;
+    _misc.invariant.call(void 0, 
+      store,
+      process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
     const arrowElement = store.useState("arrowElement");
     const anchorElement = store.useState("anchorElement");
     const popoverElement = store.useState("popoverElement");
@@ -230,7 +237,7 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
           strategy: fixed ? "fixed" : "absolute",
           middleware
         });
-        store.setState("currentPlacement", pos.placement);
+        store == null ? void 0 : store.setState("currentPlacement", pos.placement);
         setPositioned(true);
         const x = roundByDPR(pos.x);
         const y = roundByDPR(pos.y);
@@ -322,7 +329,7 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
             left: 0,
             width: "max-content"
           }, wrapperProps == null ? void 0 : wrapperProps.style),
-          ref: store.setPopoverElement,
+          ref: store == null ? void 0 : store.setPopoverElement,
           children: element
         })
       ),
@@ -330,7 +337,7 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
     );
     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, {
@@ -344,7 +351,7 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _OHBR6IPUcjs.useDialog.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _OPL3VHF2cjs.useDialog.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
       store,
       modal,
       preserveTabOrder,
@@ -356,9 +363,9 @@ var usePopover = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Popover = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopover(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Popover.displayName = "Popover";

package/cjs/__chunks/{QW7NAUIX.cjs → 42FA4OOB.cjs}

@@ -1,4 +1,4 @@
-"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; } }
+"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
 
@@ -13,7 +13,8 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _misc = require('@ariakit/core/utils/misc');
 var _store = require('@ariakit/core/utils/store');
 var _reactdom = require('react-dom');
-var _indexjs = require('use-sync-external-store/shim/index.js');
+var _indexjs = require('use-sync-external-store/shim/index.js'); var _indexjs2 = _interopRequireDefault(_indexjs);
+var { useSyncExternalStore } = _indexjs2.default;
 var noopSubscribe = () => () => {
 };
 var inFlushSyncContext = false;
@@ -48,20 +49,20 @@ function useStoreState(store, keyOrSelector = _misc.identity) {
     [store]
   );
   const getSnapshot = () => {
-    if (!store)
-      return;
-    const state = store.getState();
-    const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
     const key = typeof keyOrSelector === "string" ? keyOrSelector : null;
+    const selector = typeof keyOrSelector === "function" ? keyOrSelector : null;
+    const state = store == null ? void 0 : store.getState();
     if (selector)
       return selector(state);
+    if (!state)
+      return;
     if (!key)
       return;
     if (!_misc.hasOwnProperty.call(void 0, state, key))
       return;
     return state[key];
   };
-  return _indexjs.useSyncExternalStore.call(void 0, storeSubscribe, getSnapshot, getSnapshot);
+  return useSyncExternalStore(storeSubscribe, getSnapshot, getSnapshot);
 }
 function useStoreProps(store, props, key, setKey) {
   const value = _misc.hasOwnProperty.call(void 0, props, key) ? props[key] : void 0;
@@ -69,6 +70,7 @@ function useStoreProps(store, props, key, setKey) {
     value,
     setValue: setKey ? props[setKey] : void 0
   });
+  const canSyncValue = React.useRef(true);
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
     let canFlushSync = false;
     queueMicrotask(() => {
@@ -82,28 +84,36 @@ function useStoreProps(store, props, key, setKey) {
         return;
       if (state[key] === value2)
         return;
+      canSyncValue.current = false;
       safeFlushSync(() => setValue(state[key]), canFlushSync);
     });
   }, [store, key]);
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => {
-    return _store.batch.call(void 0, store, [key], () => {
-      if (value === void 0)
+    if (value === void 0)
+      return;
+    canSyncValue.current = true;
+    return _store.sync.call(void 0, store, [key], () => {
+      if (!canSyncValue.current)
         return;
       store.setState(key, value);
     });
-  }, [store, key, value]);
+  });
 }
-function useStore(createStore) {
-  const store = _5WLTMVVQcjs.useLazyValue.call(void 0, createStore);
+function useStore(createStore, props) {
+  const [store, setStore] = React.useState(() => createStore(props));
   _5WLTMVVQcjs.useSafeLayoutEffect.call(void 0, () => _store.init.call(void 0, store), [store]);
-  const useState = React.useCallback(
+  const useState2 = React.useCallback(
     (keyOrSelector) => useStoreState(store, keyOrSelector),
     [store]
   );
-  return React.useMemo(
-    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { useState }),
-    [store, useState]
+  const memoizedStore = React.useMemo(
+    () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { useState: useState2 }),
+    [store, useState2]
   );
+  const updateStore = _5WLTMVVQcjs.useEvent.call(void 0, () => {
+    setStore((store2) => createStore(_72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), store2.getState())));
+  });
+  return [memoizedStore, updateStore];
 }
 
 

package/cjs/__chunks/4BQNJE73.cjs

@@ -0,0 +1,31 @@
+"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 _RE3KB52Dcjs = require('./RE3KB52D.cjs');
+
+
+
+var _42FA4OOBcjs = require('./42FA4OOB.cjs');
+
+
+
+var _72I2GWXFcjs = require('./72I2GWXF.cjs');
+
+// src/tab/tab-store.ts
+var _react = require('react');
+var _tabstore = require('@ariakit/core/tab/tab-store'); var Core = _interopRequireWildcard(_tabstore);
+function useTabStoreProps(store, update, props) {
+  store = _RE3KB52Dcjs.useCompositeStoreProps.call(void 0, store, update, props);
+  _42FA4OOBcjs.useStoreProps.call(void 0, store, props, "selectedId", "setSelectedId");
+  _42FA4OOBcjs.useStoreProps.call(void 0, store, props, "selectOnMove");
+  const [panels] = _42FA4OOBcjs.useStore.call(void 0, () => store.panels, {});
+  return _react.useMemo.call(void 0, () => _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, store), { panels }), []);
+}
+function useTabStore(props = {}) {
+  const [store, update] = _42FA4OOBcjs.useStore.call(void 0, Core.createTabStore, props);
+  return useTabStoreProps(store, update, props);
+}
+
+
+
+
+exports.useTabStoreProps = useTabStoreProps; exports.useTabStore = useTabStore;

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") {