@ariakit/react-core 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,76 @@
 # @ariakit/react-core
 
+## 0.4.2
+
+### Tooltip behavior improvements
+
+When using [Tooltip](https://ariakit.org/components/tooltip) components alongside elements that move focus upon clicking (like [`MenuButton`](https://ariakit.org/reference/menu-button), which moves focus to its [`Menu`](https://ariakit.org/reference/menu) when clicked), the tooltip will now stop from appearing after the user clicks the anchor element. It will only show when the mouse leaves and re-enters the anchor element.
+
+This was already the case when tooltips had no [`timeout`](https://ariakit.org/reference/tooltip-provider#timeout). Now, the behavior is consistent regardless of the timeout value.
+
+### Combobox with tabs
+
+[Tab](https://ariakit.org/components/tab) components can now be rendered as part of other composite widgets, like [Combobox](https://ariakit.org/components/combobox). The following structure should work seamlessly:
+
+```jsx "TabProvider" "TabList" "Tab" "TabPanel"
+<ComboboxProvider>
+  <Combobox />
+  <ComboboxPopover>
+    <TabProvider>
+      <TabList>
+        <Tab />
+      </TabList>
+      <TabPanel unmountOnHide>
+        <ComboboxList>
+          <ComboboxItem />
+        </ComboboxList>
+      </TabPanel>
+    </TabProvider>
+  </ComboboxPopover>
+</ComboboxProvider>
+```
+
+### Other updates
+
+- Added `SelectValue` component to `@ariakit/react-core`.
+- Fixed `inert` behavior on older browsers.
+- Fixed [Portal](https://ariakit.org/components/portal) rendering extra `span` even when the [`portal`](https://ariakit.org/reference/portal#portal-1) prop is `false`.
+- Fixed [`Focusable`](https://ariakit.org/reference/focusable) to identify `summary` as a native tabbable element.
+- Added [`Role.summary`](https://ariakit.org/reference/role) component.
+- Improved typeahead functionality on unmounted composite items.
+- Added new [`composite`](https://ariakit.org/reference/tab-provider#composite) property to tab store.
+- Added new [`hideWhenEmpty`](https://ariakit.org/reference/combobox-cancel#hidewhenempty) prop to [`ComboboxCancel`](https://ariakit.org/reference/combobox-cancel).
+- Added support for nested [`ComboboxList`](https://ariakit.org/reference/combobox-list).
+- Added [`unmountOnHide`](https://ariakit.org/reference/tab-panel#unmountonhide) prop to [`TabPanel`](https://ariakit.org/reference/tab-panel).
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.2`
+
+## 0.4.1
+
+### New `autoSelect` mode
+
+The [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop of the [`Combobox`](https://ariakit.org/reference/combobox) component now accepts a new `"always"` value:
+
+```jsx
+<Combobox autoSelect="always" />
+```
+
+When using this value, the first enabled item will automatically gain focus when the list shows up, as well as when the combobox input value changes (which is the behavior of the [`autoSelect`](https://ariakit.org/reference/combobox#autoselect) prop when set to `true`).
+
+### `ComboboxItem` losing focus too early
+
+Some tweaks were made to the [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component to ensure it doesn't lose focus right after a click or <kbd>Escape</kbd> keystroke when the combobox popover is animated. This should avoid an inconsistent UI as the popover plays its exit animation.
+
+### Other updates
+
+- Added [`disclosure`](https://ariakit.org/reference/use-disclosure-store#disclosure-1) property to disclosure stores.
+- Added [`blurActiveItemOnClick`](https://ariakit.org/reference/combobox#bluractiveitemonclick) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Added [`showOnClick`](https://ariakit.org/reference/combobox#showonclick) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Added [`showOnKeyPress`](https://ariakit.org/reference/combobox#showonkeypress) prop to [`Combobox`](https://ariakit.org/reference/combobox).
+- Fixed [`DisclosureContent`](https://ariakit.org/reference/disclosure-content) components losing their ref value on fast refresh.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.4.1`
+
 ## 0.4.0
 
 This version introduces enhanced support for CSS animations and transitions, along with a few breaking changes for quite specific cases. The majority of users won't be impacted by these.

package/cjs/__chunks/{JH5Y3M4V.cjs → 27SIFUY3.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MMDU7VRJcjs = require('./MMDU7VRJ.cjs');
+var _IXJIFLOAcjs = require('./IXJIFLOA.cjs');
 
 
-var _XRJBC7H7cjs = require('./XRJBC7H7.cjs');
+var _NTNMOEWEcjs = require('./NTNMOEWE.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -27,10 +27,10 @@ var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var TagName = "button";
 var symbol = Symbol("disclosure");
-var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0, 
+var useDisclosure = _NGD3IQDBcjs.createHook.call(void 0, 
   function useDisclosure2(_a) {
     var _b = _a, { store, toggleOnClick = true } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "toggleOnClick"]);
-    const context = _XRJBC7H7cjs.useDisclosureProviderContext.call(void 0, );
+    const context = _NTNMOEWEcjs.useDisclosureProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
@@ -49,9 +49,9 @@ var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0,
       setExpanded(open && isCurrentDisclosure);
     }, [disclosureElement, store, open]);
     const onClickProp = props.onClick;
-    const toggleOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, toggleOnClick);
-    const [isDuplicate, metadataProps] = _EO6LS72Hcjs.useMetadataProps.call(void 0, props, symbol, true);
-    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const toggleOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, toggleOnClick);
+    const [isDuplicate, metadataProps] = _TW3SFX4Ccjs.useMetadataProps.call(void 0, props, symbol, true);
+    const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -67,16 +67,16 @@ var useDisclosure = _Q67LZMDTcjs.createHook.call(void 0,
       "aria-expanded": expanded,
       "aria-controls": contentElement == null ? void 0 : contentElement.id
     }, metadataProps), props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
-    props = _MMDU7VRJcjs.useButton.call(void 0, props);
+    props = _IXJIFLOAcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var Disclosure = _Q67LZMDTcjs.forwardRef.call(void 0, function Disclosure2(props) {
+var Disclosure = _NGD3IQDBcjs.forwardRef.call(void 0, function Disclosure2(props) {
   const htmlProps = useDisclosure(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/{CL7FRJUH.cjs → 2ERPIMJN.cjs}

@@ -1,28 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _47V4ED4Rcjs = require('./47V4ED4R.cjs');
+var _422GLKBKcjs = require('./422GLKBK.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/form/form-group.ts
 var TagName = "div";
-var useFormGroup = _Q67LZMDTcjs.createHook.call(void 0, 
+var useFormGroup = _NGD3IQDBcjs.createHook.call(void 0, 
   function useFormGroup2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _47V4ED4Rcjs.useGroup.call(void 0, props);
+    props = _422GLKBKcjs.useGroup.call(void 0, props);
     return props;
   }
 );
-var FormGroup = _Q67LZMDTcjs.forwardRef.call(void 0, function FormGroup2(props) {
+var FormGroup = _NGD3IQDBcjs.forwardRef.call(void 0, function FormGroup2(props) {
   const htmlProps = useFormGroup(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/__chunks/2IJSEADJ.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _VPI3EKVYcjs = require('./VPI3EKVY.cjs');
+
+
+
+var _77BAEZ2Zcjs = require('./77BAEZ2Z.cjs');
+
+
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
+
+// src/combobox/combobox-context.tsx
+var _react = require('react');
+var ComboboxListRoleContext = _react.createContext.call(void 0, 
+  void 0
+);
+var ctx = _NGD3IQDBcjs.createStoreContext.call(void 0, 
+  [_77BAEZ2Zcjs.PopoverContextProvider, _VPI3EKVYcjs.CompositeContextProvider],
+  [_77BAEZ2Zcjs.PopoverScopedContextProvider, _VPI3EKVYcjs.CompositeScopedContextProvider]
+);
+var useComboboxContext = ctx.useContext;
+var useComboboxScopedContext = ctx.useScopedContext;
+var useComboboxProviderContext = ctx.useProviderContext;
+var ComboboxContextProvider = ctx.ContextProvider;
+var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
+var ComboboxItemValueContext = _react.createContext.call(void 0, 
+  void 0
+);
+var ComboboxItemCheckedContext = _react.createContext.call(void 0, false);
+
+
+
+
+
+
+
+
+
+
+exports.ComboboxListRoleContext = ComboboxListRoleContext; exports.useComboboxContext = useComboboxContext; exports.useComboboxScopedContext = useComboboxScopedContext; exports.useComboboxProviderContext = useComboboxProviderContext; exports.ComboboxContextProvider = ComboboxContextProvider; exports.ComboboxScopedContextProvider = ComboboxScopedContextProvider; exports.ComboboxItemValueContext = ComboboxItemValueContext; exports.ComboboxItemCheckedContext = ComboboxItemCheckedContext;

package/cjs/__chunks/{PTCYSU6G.cjs → 2QZ7O3V4.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _F6NX4XH2cjs = require('./F6NX4XH2.cjs');
+var _LYRG3ZBJcjs = require('./LYRG3ZBJ.cjs');
 
 
-var _XWCNZ2IPcjs = require('./XWCNZ2IP.cjs');
+var _HD5AHCRIcjs = require('./HD5AHCRI.cjs');
 
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -45,7 +45,7 @@ function useItem(store, name, type) {
     (state) => state.items.find((item) => item.type === type && item.name === name)
   );
 }
-var useFormControl = _Q67LZMDTcjs.createHook.call(void 0, 
+var useFormControl = _NGD3IQDBcjs.createHook.call(void 0, 
   function useFormControl2(_a) {
     var _b = _a, {
       store,
@@ -58,14 +58,14 @@ var useFormControl = _Q67LZMDTcjs.createHook.call(void 0,
       "getItem",
       "touchOnBlur"
     ]);
-    const context = _F6NX4XH2cjs.useFormContext.call(void 0, );
+    const context = _LYRG3ZBJcjs.useFormContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "FormControl must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
-    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+    const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     store.useValidate(async () => {
       const element = getNamedElement(ref, name);
@@ -87,8 +87,8 @@ var useFormControl = _Q67LZMDTcjs.createHook.call(void 0,
       [id, name, getItemProp]
     );
     const onBlurProp = props.onBlur;
-    const touchOnBlurProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, touchOnBlur);
-    const onBlur = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const touchOnBlurProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, touchOnBlur);
+    const onBlur = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
@@ -113,17 +113,17 @@ var useFormControl = _Q67LZMDTcjs.createHook.call(void 0,
       "aria-invalid": invalid
     }, props), {
       "aria-describedby": describedBy || void 0,
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
+      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
       onBlur
     });
-    props = _XWCNZ2IPcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
+    props = _HD5AHCRIcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
     return props;
   }
 );
-var FormControl = _Q67LZMDTcjs.memo.call(void 0, 
-  _Q67LZMDTcjs.forwardRef.call(void 0, function FormControl2(props) {
+var FormControl = _NGD3IQDBcjs.memo.call(void 0, 
+  _NGD3IQDBcjs.forwardRef.call(void 0, function FormControl2(props) {
     const htmlProps = useFormControl(props);
-    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{MLHQHZEA.cjs → 2ZW7KXDM.cjs}

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _HD6KOF3Gcjs = require('./HD6KOF3G.cjs');
+var _LOROMCW2cjs = require('./LOROMCW2.cjs');
 
 
-var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
+var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
 
 
-var _JAG4YGQZcjs = require('./JAG4YGQZ.cjs');
+var _Q6QJEXBKcjs = require('./Q6QJEXBK.cjs');
 
 
-var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+var _LEU3BIGCcjs = require('./LEU3BIGC.cjs');
 
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
-var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -59,7 +59,7 @@ function menuHasFocus(baseElement, items, currentTarget) {
     return true;
   return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
 }
-var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0, 
+var useMenuItem = _NGD3IQDBcjs.createHook.call(void 0, 
   function useMenuItem2(_a) {
     var _b = _a, {
       store,
@@ -74,18 +74,18 @@ var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0,
       "focusOnHover",
       "blurOnHoverEnd"
     ]);
-    const menuContext = _HD6KOF3Gcjs.useMenuScopedContext.call(void 0, true);
-    const menubarContext = _GAHLF3OIcjs.useMenubarScopedContext.call(void 0, );
+    const menuContext = _LOROMCW2cjs.useMenuScopedContext.call(void 0, true);
+    const menubarContext = _MNMEDFSMcjs.useMenubarScopedContext.call(void 0, );
     store = store || menuContext || menubarContext;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
     );
     const onClickProp = props.onClick;
-    const hideOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const hideOnClickProp = _TW3SFX4Ccjs.useBooleanEvent.call(void 0, hideOnClick);
     const hideMenu = "hideAll" in store ? store.hideAll : void 0;
     const isWithinMenu = !!hideMenu;
-    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -102,7 +102,7 @@ var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0,
         return;
       hideMenu();
     });
-    const contentElement = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+    const contentElement = _GXMZA6DTcjs.useStoreState.call(void 0, 
       store,
       (state) => "contentElement" in state ? state.contentElement : null
     );
@@ -112,11 +112,11 @@ var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       preventScrollOnKeyDown
     }, props));
-    props = _JAG4YGQZcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _Q6QJEXBKcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       focusOnHover(event) {
@@ -155,10 +155,10 @@ var useMenuItem = _Q67LZMDTcjs.createHook.call(void 0,
     return props;
   }
 );
-var MenuItem = _Q67LZMDTcjs.memo.call(void 0, 
-  _Q67LZMDTcjs.forwardRef.call(void 0, function MenuItem2(props) {
+var MenuItem = _NGD3IQDBcjs.memo.call(void 0, 
+  _NGD3IQDBcjs.forwardRef.call(void 0, function MenuItem2(props) {
     const htmlProps = useMenuItem(props);
-    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{G5BGNCVU.cjs → 32UIICXV.cjs}

@@ -1,22 +1,22 @@
 "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 client";
 
 
-var _GOS3JJKQcjs = require('./GOS3JJKQ.cjs');
+var _6RJSKW2Ccjs = require('./6RJSKW2C.cjs');
 
 
 
-var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreProps(store, update, props) {
-  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "timeout");
-  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "showTimeout");
-  _OLOZ5JT2cjs.useStoreProps.call(void 0, store, props, "hideTimeout");
-  return _GOS3JJKQcjs.usePopoverStoreProps.call(void 0, store, update, props);
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "timeout");
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "showTimeout");
+  _GXMZA6DTcjs.useStoreProps.call(void 0, store, props, "hideTimeout");
+  return _6RJSKW2Ccjs.usePopoverStoreProps.call(void 0, store, update, props);
 }
 function useHovercardStore(props = {}) {
-  const [store, update] = _OLOZ5JT2cjs.useStore.call(void 0, Core.createHovercardStore, props);
+  const [store, update] = _GXMZA6DTcjs.useStore.call(void 0, Core.createHovercardStore, props);
   return useHovercardStoreProps(store, update, props);
 }
 

package/cjs/__chunks/{YDATFQCD.cjs → 32WBTQ7A.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _GAHLF3OIcjs = require('./GAHLF3OI.cjs');
+var _S6JQDE4Lcjs = require('./S6JQDE4L.cjs');
 
 
-var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
+var _MNMEDFSMcjs = require('./MNMEDFSM.cjs');
 
 // src/menubar/menubar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenubarProvider(props = {}) {
-  const store = _EUHOCOY2cjs.useMenubarStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GAHLF3OIcjs.MenubarContextProvider, { value: store, children: props.children });
+  const store = _S6JQDE4Lcjs.useMenubarStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MNMEDFSMcjs.MenubarContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/__chunks/{RGJCGG4P.cjs → 33HTKI7L.cjs}

@@ -1,26 +1,26 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _43LZBXXJcjs = require('./43LZBXXJ.cjs');
+var _OHXBMXTNcjs = require('./OHXBMXTN.cjs');
 
 
-var _QWP2WC6Ecjs = require('./QWP2WC6E.cjs');
+var _LEU3BIGCcjs = require('./LEU3BIGC.cjs');
 
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
-var _OLOZ5JT2cjs = require('./OLOZ5JT2.cjs');
+var _GXMZA6DTcjs = require('./GXMZA6DT.cjs');
 
 
 
 
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -45,7 +45,7 @@ function getIsChecked(value, storeValue) {
 function isNativeRadio(tagName, type) {
   return tagName === "input" && (!type || type === "radio");
 }
-var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
+var useRadio = _NGD3IQDBcjs.createHook.call(void 0, function useRadio2(_a) {
   var _b = _a, {
     store,
     name,
@@ -57,11 +57,11 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     "value",
     "checked"
   ]);
-  const context = _43LZBXXJcjs.useRadioContext.call(void 0, );
+  const context = _OHXBMXTNcjs.useRadioContext.call(void 0, );
   store = store || context;
-  const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+  const id = _TW3SFX4Ccjs.useId.call(void 0, props.id);
   const ref = _react.useRef.call(void 0, null);
-  const isChecked = _OLOZ5JT2cjs.useStoreState.call(void 0, 
+  const isChecked = _GXMZA6DTcjs.useStoreState.call(void 0, 
     store,
     (state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)
   );
@@ -76,10 +76,10 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     store == null ? void 0 : store.setActiveId(id);
   }, [store, isChecked, id]);
   const onChangeProp = props.onChange;
-  const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, TagName);
+  const tagName = _TW3SFX4Ccjs.useTagName.call(void 0, ref, TagName);
   const nativeRadio = isNativeRadio(tagName, props.type);
   const disabled = _misc.disabledFromProps.call(void 0, props);
-  const [propertyUpdated, schedulePropertyUpdate] = _EO6LS72Hcjs.useForceUpdate.call(void 0, );
+  const [propertyUpdated, schedulePropertyUpdate] = _TW3SFX4Ccjs.useForceUpdate.call(void 0, );
   _react.useEffect.call(void 0, () => {
     const element = ref.current;
     if (!element)
@@ -96,7 +96,7 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
       element.value = `${value}`;
     }
   }, [propertyUpdated, nativeRadio, isChecked, name, value]);
-  const onChange = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onChange = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     if (disabled) {
       event.preventDefault();
       event.stopPropagation();
@@ -112,7 +112,7 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     store == null ? void 0 : store.setValue(value);
   });
   const onClickProp = props.onClick;
-  const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented)
       return;
@@ -121,7 +121,7 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     onChange(event);
   });
   const onFocusProp = props.onFocus;
-  const onFocus = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
@@ -142,12 +142,12 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     type: nativeRadio ? "radio" : void 0,
     "aria-checked": isChecked
   }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
+    ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, ref, props.ref),
     onChange,
     onClick,
     onFocus
   });
-  props = _QWP2WC6Ecjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+  props = _LEU3BIGCcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
     store,
     clickOnEnter: !nativeRadio
   }, props));
@@ -157,10 +157,10 @@ var useRadio = _Q67LZMDTcjs.createHook.call(void 0, function useRadio2(_a) {
     checked: isChecked
   }, props));
 });
-var Radio = _Q67LZMDTcjs.memo.call(void 0, 
-  _Q67LZMDTcjs.forwardRef.call(void 0, function Radio2(props) {
+var Radio = _NGD3IQDBcjs.memo.call(void 0, 
+  _NGD3IQDBcjs.forwardRef.call(void 0, function Radio2(props) {
     const htmlProps = useRadio(props);
-    return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+    return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
   })
 );
 

package/cjs/__chunks/{4OFNVXGN.cjs → 37BRXQN7.cjs}

@@ -1,18 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _PZL34OVOcjs = require('./PZL34OVO.cjs');
+var _MU7F4QWJcjs = require('./MU7F4QWJ.cjs');
 
 
 var _7YLCVXZ7cjs = require('./7YLCVXZ7.cjs');
 
 
-var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
+var _CXZMA435cjs = require('./CXZMA435.cjs');
 
 
 
 
-var _V24PR4PWcjs = require('./V24PR4PW.cjs');
+
+var _3ND7K6FFcjs = require('./3ND7K6FF.cjs');
 
 
 var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
@@ -25,18 +26,24 @@ function disableTree(element, ignoredElements) {
   if (!("style" in element))
     return _misc.noop;
   if (_6IUEXB4Lcjs.supportsInert.call(void 0, )) {
-    return _V24PR4PWcjs.setProperty.call(void 0, element, "inert", true);
+    return _3ND7K6FFcjs.setProperty.call(void 0, element, "inert", true);
   }
   const tabbableElements = _focus.getAllTabbableIn.call(void 0, element, true);
   const enableElements = tabbableElements.map((element2) => {
     if (ignoredElements == null ? void 0 : ignoredElements.some((el) => el && _dom.contains.call(void 0, el, element2)))
       return _misc.noop;
-    return _V24PR4PWcjs.setAttribute.call(void 0, element2, "tabindex", "-1");
+    const restoreFocusMethod = _3ND7K6FFcjs.orchestrate.call(void 0, element2, "focus", () => {
+      element2.focus = _misc.noop;
+      return () => {
+        delete element2.focus;
+      };
+    });
+    return _misc.chain.call(void 0, _3ND7K6FFcjs.setAttribute.call(void 0, element2, "tabindex", "-1"), restoreFocusMethod);
   });
   return _misc.chain.call(void 0, 
     ...enableElements,
-    _PZL34OVOcjs.hideElementFromAccessibilityTree.call(void 0, element),
-    _V24PR4PWcjs.assignStyle.call(void 0, element, {
+    _MU7F4QWJcjs.hideElementFromAccessibilityTree.call(void 0, element),
+    _3ND7K6FFcjs.assignStyle.call(void 0, element, {
       pointerEvents: "none",
       userSelect: "none",
       cursor: "default"
@@ -46,7 +53,7 @@ function disableTree(element, ignoredElements) {
 function disableTreeOutside(id, elements) {
   const cleanups = [];
   const ids = elements.map((el) => el == null ? void 0 : el.id);
-  _5GTNIPQ6cjs.walkTreeOutside.call(void 0, 
+  _CXZMA435cjs.walkTreeOutside.call(void 0, 
     id,
     elements,
     (element) => {
@@ -59,7 +66,7 @@ function disableTreeOutside(id, elements) {
         return;
       if (elements.some((el) => el && _dom.contains.call(void 0, el, element)))
         return;
-      cleanups.unshift(_V24PR4PWcjs.setAttribute.call(void 0, element, "role", "none"));
+      cleanups.unshift(_3ND7K6FFcjs.setAttribute.call(void 0, element, "role", "none"));
     }
   );
   const restoreTreeOutside = () => {