@ariakit/react-core 0.4.23 → 0.4.24

package/cjs/utils/hooks.cjs

@@ -19,7 +19,7 @@
 
 
 
-var _KGFTRA3Ccjs = require('../__chunks/KGFTRA3C.cjs');
+var _HAHC3O6Rcjs = require('../__chunks/HAHC3O6R.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
@@ -42,4 +42,4 @@ require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.useAttribute = _KGFTRA3Ccjs.useAttribute; exports.useBooleanEvent = _KGFTRA3Ccjs.useBooleanEvent; exports.useDeferredValue = _KGFTRA3Ccjs.useDeferredValue; exports.useEvent = _KGFTRA3Ccjs.useEvent; exports.useForceUpdate = _KGFTRA3Ccjs.useForceUpdate; exports.useId = _KGFTRA3Ccjs.useId; exports.useInitialValue = _KGFTRA3Ccjs.useInitialValue; exports.useIsMouseMoving = _KGFTRA3Ccjs.useIsMouseMoving; exports.useLazyValue = _KGFTRA3Ccjs.useLazyValue; exports.useLiveRef = _KGFTRA3Ccjs.useLiveRef; exports.useMergeRefs = _KGFTRA3Ccjs.useMergeRefs; exports.useMetadataProps = _KGFTRA3Ccjs.useMetadataProps; exports.usePortalRef = _KGFTRA3Ccjs.usePortalRef; exports.usePreviousValue = _KGFTRA3Ccjs.usePreviousValue; exports.useSafeLayoutEffect = _KGFTRA3Ccjs.useSafeLayoutEffect; exports.useTagName = _KGFTRA3Ccjs.useTagName; exports.useTransactionState = _KGFTRA3Ccjs.useTransactionState; exports.useUpdateEffect = _KGFTRA3Ccjs.useUpdateEffect; exports.useUpdateLayoutEffect = _KGFTRA3Ccjs.useUpdateLayoutEffect; exports.useWrapElement = _KGFTRA3Ccjs.useWrapElement;
+exports.useAttribute = _HAHC3O6Rcjs.useAttribute; exports.useBooleanEvent = _HAHC3O6Rcjs.useBooleanEvent; exports.useDeferredValue = _HAHC3O6Rcjs.useDeferredValue; exports.useEvent = _HAHC3O6Rcjs.useEvent; exports.useForceUpdate = _HAHC3O6Rcjs.useForceUpdate; exports.useId = _HAHC3O6Rcjs.useId; exports.useInitialValue = _HAHC3O6Rcjs.useInitialValue; exports.useIsMouseMoving = _HAHC3O6Rcjs.useIsMouseMoving; exports.useLazyValue = _HAHC3O6Rcjs.useLazyValue; exports.useLiveRef = _HAHC3O6Rcjs.useLiveRef; exports.useMergeRefs = _HAHC3O6Rcjs.useMergeRefs; exports.useMetadataProps = _HAHC3O6Rcjs.useMetadataProps; exports.usePortalRef = _HAHC3O6Rcjs.usePortalRef; exports.usePreviousValue = _HAHC3O6Rcjs.usePreviousValue; exports.useSafeLayoutEffect = _HAHC3O6Rcjs.useSafeLayoutEffect; exports.useTagName = _HAHC3O6Rcjs.useTagName; exports.useTransactionState = _HAHC3O6Rcjs.useTransactionState; exports.useUpdateEffect = _HAHC3O6Rcjs.useUpdateEffect; exports.useUpdateLayoutEffect = _HAHC3O6Rcjs.useUpdateLayoutEffect; exports.useWrapElement = _HAHC3O6Rcjs.useWrapElement;

package/cjs/utils/hooks.d.cts

@@ -132,7 +132,9 @@ export declare function useMetadataProps<T, K extends keyof any>(props: {
         [key in K]?: T;
     };
 }, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
-    readonly onLoadedMetadataCapture: () => void;
+    readonly onLoadedMetadataCapture: (() => void) & AnyFunction & { [key in K]?: T | undefined; } & {
+        [key]: T;
+    };
 }];
 /**
  * Returns a function that checks whether the mouse is moving.

package/cjs/utils/hooks.d.ts

@@ -132,7 +132,9 @@ export declare function useMetadataProps<T, K extends keyof any>(props: {
         [key in K]?: T;
     };
 }, key: K, value: T): readonly [(AnyFunction & { [key in K]?: T | undefined; })[K] | undefined, {
-    readonly onLoadedMetadataCapture: () => void;
+    readonly onLoadedMetadataCapture: (() => void) & AnyFunction & { [key in K]?: T | undefined; } & {
+        [key]: T;
+    };
 }];
 /**
  * Returns a function that checks whether the mouse is moving.

package/cjs/utils/store.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _YY2UXBEBcjs = require('../__chunks/YY2UXBEB.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _JRPZ5DZLcjs = require('../__chunks/JRPZ5DZL.cjs');
+require('../__chunks/HAHC3O6R.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
 
 
 
-exports.useStore = _YY2UXBEBcjs.useStore; exports.useStoreProps = _YY2UXBEBcjs.useStoreProps; exports.useStoreState = _YY2UXBEBcjs.useStoreState; exports.useStoreStateObject = _YY2UXBEBcjs.useStoreStateObject;
+exports.useStore = _JRPZ5DZLcjs.useStore; exports.useStoreProps = _JRPZ5DZLcjs.useStoreProps; exports.useStoreState = _JRPZ5DZLcjs.useStoreState; exports.useStoreStateObject = _JRPZ5DZLcjs.useStoreStateObject;

package/cjs/utils/system.cjs

@@ -4,8 +4,8 @@
 
 
 
-var _743QABRAcjs = require('../__chunks/743QABRA.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _QYN73JUBcjs = require('../__chunks/QYN73JUB.cjs');
+require('../__chunks/HAHC3O6R.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
@@ -13,4 +13,4 @@ require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.createElement = _743QABRAcjs.createElement; exports.createHook = _743QABRAcjs.createHook; exports.createStoreContext = _743QABRAcjs.createStoreContext; exports.forwardRef = _743QABRAcjs.forwardRef; exports.memo = _743QABRAcjs.memo;
+exports.createElement = _QYN73JUBcjs.createElement; exports.createHook = _QYN73JUBcjs.createHook; exports.createStoreContext = _QYN73JUBcjs.createStoreContext; exports.forwardRef = _QYN73JUBcjs.forwardRef; exports.memo = _QYN73JUBcjs.memo;

package/cjs/visually-hidden/visually-hidden.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZPT6IQKOcjs = require('../__chunks/ZPT6IQKO.cjs');
-require('../__chunks/743QABRA.cjs');
-require('../__chunks/KGFTRA3C.cjs');
+var _HST3DJBNcjs = require('../__chunks/HST3DJBN.cjs');
+require('../__chunks/QYN73JUB.cjs');
+require('../__chunks/HAHC3O6R.cjs');
 require('../__chunks/XMDZRF6Y.cjs');
 
 
 
-exports.VisuallyHidden = _ZPT6IQKOcjs.VisuallyHidden; exports.useVisuallyHidden = _ZPT6IQKOcjs.useVisuallyHidden;
+exports.VisuallyHidden = _HST3DJBNcjs.VisuallyHidden; exports.useVisuallyHidden = _HST3DJBNcjs.useVisuallyHidden;

package/esm/__chunks/{5WUV565P.js → 2LJOJZ7V.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useStore
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{LVDQFHCH.js → 2P26HHWN.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/disclosure/disclosure-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{FORDJ4GP.js → 2UJVL4WQ.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   flipItems
-} from "./5VQZOHHZ.js";
+} from "./7NJRHOSP.js";
 import {
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-typeahead.tsx
 import {

package/esm/__chunks/{62CEUOYM.js → 2VQLORIE.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useMenuContext
-} from "./Z4X7TRJU.js";
+} from "./Q35TXJTU.js";
 import {
   useMenubarContext
-} from "./2DUOQURA.js";
+} from "./EK7GBBE3.js";
 import {
   useHovercardStoreProps
-} from "./ECBEZ4YM.js";
+} from "./LNZKURLD.js";
 import {
   useCompositeStoreProps
-} from "./IQYAUKXT.js";
+} from "./AFNZIDBX.js";
 import {
   useComboboxProviderContext
-} from "./CVCFNOHX.js";
+} from "./YXOTZ32N.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/menu/menu-store.ts
 import * as Core from "@ariakit/core/menu/menu-store";

package/esm/__chunks/{SVHPDYU7.js → 2ZPKR5QW.js}

@@ -2,30 +2,30 @@
 import {
   MenuScopedContextProvider,
   useMenuProviderContext
-} from "./Z4X7TRJU.js";
+} from "./Q35TXJTU.js";
 import {
   useCompositeTypeahead
-} from "./FORDJ4GP.js";
+} from "./2UJVL4WQ.js";
 import {
   isHidden
-} from "./6B3RXHKP.js";
+} from "./BDQ7RGF6.js";
 import {
   useComposite
-} from "./ZMWF7ASR.js";
+} from "./TQQOMENK.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   useId,
   useMergeRefs,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/menu/menu-list.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -64,10 +64,12 @@ var useMenuList = createHook(
     const hasParentMenu = !!parentMenu;
     const id = useId(props.id);
     const onKeyDownProp = props.onKeyDown;
-    const dir = store.useState(
+    const dir = useStoreState(
+      store,
       (state) => state.placement.split("-")[0]
     );
-    const orientation = store.useState(
+    const orientation = useStoreState(
+      store,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
@@ -126,14 +128,14 @@ var useMenuList = createHook(
       [store]
     );
     const ariaLabelledBy = useAriaLabelledBy({ store, ...props });
-    const mounted = store.useState("mounted");
+    const mounted = useStoreState(store, "mounted");
     const hidden = isHidden(mounted, props.hidden, alwaysVisible);
     const style = hidden ? { ...props.style, display: "none" } : props.style;
     props = {
-      id,
       "aria-labelledby": ariaLabelledBy,
       hidden,
       ...props,
+      id,
       ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown

package/esm/__chunks/{P45QRJLH.js → 3BBVQAZ3.js}

@@ -4,19 +4,19 @@ import {
 } from "./3NDVDEB4.js";
 import {
   useDisclosureContent
-} from "./6B3RXHKP.js";
+} from "./BDQ7RGF6.js";
 import {
   useDisclosureStore
-} from "./WLZ6H5FH.js";
+} from "./YXMTOJME.js";
 import {
   Role
-} from "./JG4VNI52.js";
+} from "./PIQ7VIUQ.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/dialog-backdrop.tsx
 import { isValidElement, useEffect, useRef } from "react";

package/esm/__chunks/{4NYSH4UO.js → 3MLRVWUK.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useDisclosureStoreProps
-} from "./WLZ6H5FH.js";
+} from "./YXMTOJME.js";
 import {
   useStore
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 
 // src/dialog/dialog-store.ts
 import * as Core from "@ariakit/core/dialog/dialog-store";

package/esm/__chunks/{XSIEPKGA.js → 3X3QYQCU.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/tag/tag-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{KW7Z5AIL.js → 4IWMRS2E.js}

@@ -2,22 +2,25 @@
 import {
   createDialogComponent,
   useDialog
-} from "./Z32PU2LQ.js";
+} from "./GKPFMPRM.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./JMU4N4M5.js";
+} from "./E5E7U2B6.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/popover/popover.tsx
 import { invariant } from "@ariakit/core/utils/misc";
@@ -175,14 +178,14 @@ var usePopover = createHook(
       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 disclosureElement = store.useState("disclosureElement");
-    const popoverElement = store.useState("popoverElement");
-    const contentElement = store.useState("contentElement");
-    const placement = store.useState("placement");
-    const mounted = store.useState("mounted");
-    const rendered = store.useState("rendered");
+    const arrowElement = useStoreState(store, "arrowElement");
+    const anchorElement = useStoreState(store, "anchorElement");
+    const disclosureElement = useStoreState(store, "disclosureElement");
+    const popoverElement = useStoreState(store, "popoverElement");
+    const contentElement = useStoreState(store, "contentElement");
+    const placement = useStoreState(store, "placement");
+    const mounted = useStoreState(store, "mounted");
+    const rendered = useStoreState(store, "rendered");
     const defaultArrowElementRef = useRef(null);
     const [positioned, setPositioned] = useState(false);
     const { portalRef, domReady } = usePortalRef(portal, props.portalRef);

package/esm/__chunks/{SMPCIMZM.js → 4ODJH2Y5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/collection/collection-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{N5BMKDVD.js → 542SHNCE.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   useSelectContext
-} from "./AEGCXJZV.js";
+} from "./OFU5CPWY.js";
 import {
   usePopoverDisclosureArrow
-} from "./37HM5VRA.js";
+} from "./DG5ESMMT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/select/select-arrow.tsx
 var TagName = "span";

package/esm/__chunks/{AVVXDJMZ.js → 57GJCRRF.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./SMPCIMZM.js";
+} from "./4ODJH2Y5.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/composite/composite-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{WHZCNP67.js → 5DU47TGY.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   DialogDescriptionContext
-} from "./A62MDFCW.js";
+} from "./67C4K2ZC.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/dialog/dialog-description.tsx
 import { removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -24,8 +24,8 @@ var useDialogDescription = createHook(function useDialogDescription2({ store, ..
     return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
   }, [setDescriptionId, id]);
   props = {
-    id,
-    ...props
+    ...props,
+    id
   };
   return removeUndefinedValues(props);
 });

package/esm/__chunks/{BQYVKXYL.js → 5QCILLRJ.js}

@@ -2,10 +2,10 @@
 import {
   CollectionContextProvider,
   CollectionScopedContextProvider
-} from "./SMPCIMZM.js";
+} from "./4ODJH2Y5.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/form/form-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{MOWGOTGG.js → 626PMZMH.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   useMenuScopedContext
-} from "./Z4X7TRJU.js";
+} from "./Q35TXJTU.js";
 import {
   useMenubarScopedContext
-} from "./2DUOQURA.js";
+} from "./EK7GBBE3.js";
 import {
   useCompositeHover
-} from "./X6LNAU2F.js";
+} from "./L3FYE3QX.js";
 import {
   useCompositeItem
-} from "./WZWDIE3S.js";
+} from "./7CGHQ3Z6.js";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/menu/menu-item.tsx
 import { getDocument, getPopupItemRole } from "@ariakit/core/utils/dom";

package/esm/__chunks/{HLPY2PXK.js → 63IWF7YA.js}

@@ -2,16 +2,19 @@
 import {
   CompositeRowContext,
   useCompositeContext
-} from "./AVVXDJMZ.js";
+} from "./57GJCRRF.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useId,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/composite/composite-row.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";
@@ -32,7 +35,8 @@ var useCompositeRow = createHook(
       process.env.NODE_ENV !== "production" && "CompositeRow must be wrapped in a Composite component."
     );
     const id = useId(props.id);
-    const baseElement = store.useState(
+    const baseElement = useStoreState(
+      store,
       (state) => state.baseElement || void 0
     );
     const providerValue = useMemo(
@@ -44,7 +48,7 @@ var useCompositeRow = createHook(
       (element) => /* @__PURE__ */ jsx(CompositeRowContext.Provider, { value: providerValue, children: element }),
       [providerValue]
     );
-    props = { id, ...props };
+    props = { ...props, id };
     return removeUndefinedValues(props);
   }
 );

package/esm/__chunks/{WZTAEGYN.js → 66TYCCEM.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useStoreState
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useCollectionContext
-} from "./SMPCIMZM.js";
+} from "./4ODJH2Y5.js";
 import {
   createElement,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -16,7 +16,7 @@ import {
   useId,
   useMergeRefs,
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/collection/collection-renderer.tsx
 import { getScrollingElement, getWindow } from "@ariakit/core/utils/dom";
@@ -538,7 +538,7 @@ function useCollectionRenderer({
     return () => {
       observer.disconnect();
     };
-  }, [scroller, processVisibleIndicesEvent]);
+  }, [scroller, horizontal, processVisibleIndicesEvent]);
   const elementObserver = useMemo(() => {
     if (typeof ResizeObserver !== "function") return;
     return new ResizeObserver(() => {

package/esm/__chunks/{A62MDFCW.js → 67C4K2ZC.js}

@@ -2,10 +2,10 @@
 import {
   DisclosureContextProvider,
   DisclosureScopedContextProvider
-} from "./LVDQFHCH.js";
+} from "./2P26HHWN.js";
 import {
   createStoreContext
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 
 // src/dialog/dialog-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{B6FLPFJM.js → 6AOPHM6J.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./4NYSH4UO.js";
+} from "./3MLRVWUK.js";
 import {
   useStore,
   useStoreProps
-} from "./Q5W46E73.js";
+} from "./XYGGOF6W.js";
 import {
   useUpdateEffect
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{OUKAB3Z2.js → 6HMF3COX.js}

@@ -2,21 +2,24 @@
 import {
   MenubarScopedContextProvider,
   useMenubarProviderContext
-} from "./2DUOQURA.js";
+} from "./EK7GBBE3.js";
 import {
   useMenubarStore
-} from "./6H6PBGDB.js";
+} from "./JA345JFY.js";
 import {
   useComposite
-} from "./ZMWF7ASR.js";
+} from "./TQQOMENK.js";
+import {
+  useStoreState
+} from "./XYGGOF6W.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./GWSL6KNJ.js";
+} from "./ZNLX6YSC.js";
 import {
   useWrapElement
-} from "./KPHZR4MB.js";
+} from "./G47ZC7SD.js";
 
 // src/menubar/menubar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -40,7 +43,8 @@ var useMenubar = createHook(
       focusLoop,
       rtl
     });
-    const orientation = store.useState(
+    const orientation = useStoreState(
+      store,
       (state) => !composite || state.orientation === "both" ? void 0 : state.orientation
     );
     props = useWrapElement(