@ariakit/react-core 0.3.10 → 0.3.12

package/cjs/utils/store.cjs

@@ -3,7 +3,7 @@
 
 
 
-var _B233QVZEcjs = require('../__chunks/B233QVZE.cjs');
+var _OLOZ5JT2cjs = require('../__chunks/OLOZ5JT2.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -11,4 +11,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useStore = _B233QVZEcjs.useStore; exports.useStoreProps = _B233QVZEcjs.useStoreProps; exports.useStoreState = _B233QVZEcjs.useStoreState;
+exports.useStore = _OLOZ5JT2cjs.useStore; exports.useStoreProps = _OLOZ5JT2cjs.useStoreProps; exports.useStoreState = _OLOZ5JT2cjs.useStoreState;

package/esm/__chunks/{IXZMWLUE.js → 2QMN5E6B.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useHovercardStoreProps
-} from "./A3PM2ZVJ.js";
+} from "./ZU7LQC5V.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 
 // src/tooltip/tooltip-store.ts
 import * as Core from "@ariakit/core/tooltip/tooltip-store";

package/esm/__chunks/{HBGJOTTX.js → 346FK57L.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   flipItems
-} from "./6QXBPV75.js";
+} from "./3IEDWLST.js";
 import {
   useCompositeContext
 } from "./IB7YUKH5.js";

package/esm/__chunks/{6H3EJNCE.js → 3AHQ6JCP.js}

@@ -15,7 +15,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useEvent,
   useForceUpdate,

package/esm/__chunks/{6QXBPV75.js → 3IEDWLST.js}

@@ -56,7 +56,7 @@ function selectTextField(element, collapseToEnd = false) {
 var FOCUS_SILENTLY = Symbol("FOCUS_SILENTLY");
 function focusSilently(element) {
   element[FOCUS_SILENTLY] = true;
-  element.focus();
+  element.focus({ preventScroll: true });
 }
 function silentlyFocused(element) {
   const isSilentlyFocused = element[FOCUS_SILENTLY];

package/esm/__chunks/{GD2VG2KJ.js → 4HD64GHO.js}

@@ -8,7 +8,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{A6ER4BO6.js → 7GBW5FLS.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./HDMIVTNE.js";
+} from "./Y6GYTNQ2.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";

package/esm/__chunks/{UJUY6GAA.js → 7NHUGSTF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useCompositeItem
-} from "./P6VCQ6Q3.js";
+} from "./QZLXIDNP.js";
 import {
   useToolbarContext
 } from "./SOK7T35T.js";

package/esm/__chunks/{FHDXHZLB.js → 7QTPYGNZ.js}

@@ -5,7 +5,7 @@ import {
   groupItemsByRows,
   isItem,
   silentlyFocused
-} from "./6QXBPV75.js";
+} from "./3IEDWLST.js";
 import {
   CompositeContextProvider,
   useCompositeProviderContext
@@ -37,7 +37,6 @@ import { flatten2DArray, reverseArray } from "@ariakit/core/utils/array";
 import { getActiveElement, isTextField } from "@ariakit/core/utils/dom";
 import {
   fireBlurEvent,
-  fireFocusEvent,
   fireKeyboardEvent,
   isSelfTarget
 } from "@ariakit/core/utils/events";
@@ -48,43 +47,32 @@ function isGrid(items) {
   return items.some((item) => !!item.rowId);
 }
 function isPrintableKey(event) {
+  const target = event.target;
+  if (target && !isTextField(target))
+    return false;
   return event.key.length === 1 && !event.ctrlKey && !event.metaKey;
 }
 function isModifierKey(event) {
   return event.key === "Shift" || event.key === "Control" || event.key === "Alt" || event.key === "Meta";
 }
-function canProxyKeyboardEvent(event, state) {
-  if (!isSelfTarget(event))
-    return false;
-  if (isModifierKey(event))
-    return false;
-  const target = event.target;
-  if (!target)
-    return true;
-  if (isTextField(target)) {
-    if (isPrintableKey(event))
-      return false;
-    const grid = isGrid(state.renderedItems);
-    const focusingInputOnly = state.activeId === null;
-    const allowHorizontalNavigationOnItems = grid && !focusingInputOnly;
-    const isHomeOrEnd = event.key === "Home" || event.key === "End";
-    if (!allowHorizontalNavigationOnItems && isHomeOrEnd)
-      return false;
-  }
-  return !event.isPropagationStopped();
-}
 function useKeyboardEventProxy(store, onKeyboardEvent, previousElementRef) {
   return useEvent((event) => {
     var _a;
     onKeyboardEvent == null ? void 0 : onKeyboardEvent(event);
     if (event.defaultPrevented)
       return;
+    if (event.isPropagationStopped())
+      return;
+    if (!isSelfTarget(event))
+      return;
+    if (isModifierKey(event))
+      return;
+    if (isPrintableKey(event))
+      return;
     const state = store.getState();
     const activeElement = (_a = getEnabledItem(store, state.activeId)) == null ? void 0 : _a.element;
     if (!activeElement)
       return;
-    if (!canProxyKeyboardEvent(event, state))
-      return;
     const _b = event, { view } = _b, eventInit = __objRest(_b, ["view"]);
     const previousElement = previousElementRef == null ? void 0 : previousElementRef.current;
     if (activeElement !== previousElement) {
@@ -176,9 +164,7 @@ var useComposite = createHook(
       if (previousElement) {
         fireBlurEvent(previousElement, { relatedTarget: baseElement });
       }
-      if (hasFocus(baseElement)) {
-        fireFocusEvent(baseElement, { relatedTarget: previousElement });
-      } else {
+      if (!hasFocus(baseElement)) {
         baseElement.focus();
       }
     }, [store, moves, composite]);
@@ -198,6 +184,8 @@ var useComposite = createHook(
         return;
       const activeElement = (_a2 = getEnabledItem(store, activeId)) == null ? void 0 : _a2.element;
       const relatedTarget = activeElement || getActiveElement(previousElement);
+      if (relatedTarget === previousElement)
+        return;
       fireBlurEvent(previousElement, { relatedTarget });
     }, [store, activeId, virtualFocus, composite]);
     const onKeyDownCapture = useKeyboardEventProxy(
@@ -269,6 +257,8 @@ var useComposite = createHook(
           }
         } else if (activeElement) {
           fireBlurEvent(activeElement, event);
+        } else if (previousElement) {
+          fireBlurEvent(previousElement, event);
         }
         event.stopPropagation();
       } else {
@@ -296,6 +286,9 @@ var useComposite = createHook(
       const isVertical = orientation !== "horizontal";
       const isHorizontal = orientation !== "vertical";
       const grid = isGrid(renderedItems);
+      const isHorizontalKey = event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End";
+      if (isHorizontalKey && isTextField(event.currentTarget))
+        return;
       const up = () => {
         if (grid) {
           const item = items && findFirstEnabledItemInTheLastRow(items);

package/esm/__chunks/{SXPADS2D.js → A6XC27R5.js}

@@ -2,7 +2,7 @@
 import {
   createDialogComponent,
   useDialog
-} from "./PDVJHECS.js";
+} from "./PGAEII2Q.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext

package/esm/__chunks/{QUPVK46L.js → BPNXFCFY.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./A6ER4BO6.js";
+} from "./7GBW5FLS.js";
 import {
   useStore
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{KOKHD3Z3.js → CLE7NTOY.js}

@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useId,
   useMergeRefs,

package/esm/__chunks/{K5VQ2XTM.js → CQMDBRG5.js}

@@ -1,11 +1,14 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./A6ER4BO6.js";
+} from "./7GBW5FLS.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
+import {
+  useUpdateEffect
+} from "./6O5OEQGF.js";
 import {
   __spreadProps,
   __spreadValues
@@ -18,8 +21,9 @@ function useTabStoreProps(store, update, props) {
   store = useCompositeStoreProps(store, update, props);
   useStoreProps(store, props, "selectedId", "setSelectedId");
   useStoreProps(store, props, "selectOnMove");
-  const [panels] = useStore(() => store.panels, {});
-  return useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), []);
+  const [panels, updatePanels] = useStore(() => store.panels, {});
+  useUpdateEffect(updatePanels, [store, updatePanels]);
+  return useMemo(() => __spreadProps(__spreadValues({}, store), { panels }), [store, panels]);
 }
 function useTabStore(props = {}) {
   const [store, update] = useStore(Core.createTabStore, props);

package/esm/__chunks/{4OZYHFMH.js → EKQEJRUF.js}

@@ -46,7 +46,6 @@ function useStoreProps(store, props, key, setKey) {
   const value = hasOwnProperty(props, key) ? props[key] : void 0;
   const setValue = setKey ? props[setKey] : void 0;
   const propsRef = useLiveRef({ value, setValue });
-  const canSyncValue = React.useRef(true);
   useSafeLayoutEffect(() => {
     return sync(store, [key], (state, prev) => {
       const { value: value2, setValue: setValue2 } = propsRef.current;
@@ -56,20 +55,16 @@ function useStoreProps(store, props, key, setKey) {
         return;
       if (state[key] === value2)
         return;
-      canSyncValue.current = false;
       setValue2(state[key]);
     });
   }, [store, key]);
   useSafeLayoutEffect(() => {
     if (value === void 0)
       return;
-    canSyncValue.current = true;
     store.setState(key, value);
     return batch(store, [key], () => {
       if (value === void 0)
         return;
-      if (!canSyncValue.current)
-        return;
       store.setState(key, value);
     });
   });

package/esm/__chunks/{WEU2EOWJ.js → EPBRINPG.js}

@@ -6,10 +6,10 @@ import {
 } from "./YMV43K4F.js";
 import {
   usePopover
-} from "./SXPADS2D.js";
+} from "./A6XC27R5.js";
 import {
   createDialogComponent
-} from "./PDVJHECS.js";
+} from "./PGAEII2Q.js";
 import {
   HovercardScopedContextProvider,
   useHovercardProviderContext
@@ -153,7 +153,7 @@ var useHovercard = createHook(
           return;
         const { anchorElement, hideTimeout, timeout } = store.getState();
         const enterPoint = enterPointRef.current;
-        const target = event.target;
+        const [target] = event.composedPath();
         const anchor = anchorElement;
         if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
           enterPointRef.current = target && anchor && contains(anchor, target) ? getEventPoint(event) : null;

package/esm/__chunks/{DYLO4TTE.js → FMVHAVXA.js}

@@ -4,14 +4,14 @@ import {
 } from "./W76OTZCC.js";
 import {
   useCompositeStoreProps
-} from "./A6ER4BO6.js";
+} from "./7GBW5FLS.js";
 import {
   usePopoverStoreProps
-} from "./EENTNM7A.js";
+} from "./MG4P3223.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{DHHIMTTV.js → HHNFDKU2.js}

@@ -5,13 +5,13 @@ import {
 } from "./YGMEBI3A.js";
 import {
   useCompositeTypeahead
-} from "./HBGJOTTX.js";
+} from "./346FK57L.js";
 import {
   useComposite
-} from "./FHDXHZLB.js";
+} from "./7QTPYGNZ.js";
 import {
   isHidden
-} from "./KOKHD3Z3.js";
+} from "./CLE7NTOY.js";
 import {
   createComponent,
   createElement,
@@ -19,7 +19,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useEvent,
   useId,

package/esm/__chunks/{FWQLUQ4T.js → HVBNG5AF.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./A6ER4BO6.js";
+} from "./7GBW5FLS.js";
 import {
   useStore
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 
 // src/menubar/menubar-store.ts
 import * as Core from "@ariakit/core/menubar/menubar-store";

package/esm/__chunks/{UP4ONTQS.js → I4Q3C2VT.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   selectTextField
-} from "./6QXBPV75.js";
+} from "./3IEDWLST.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{VZOR43YE.js → IMEG7JN4.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   selectTextField
-} from "./6QXBPV75.js";
+} from "./3IEDWLST.js";
 import {
   useCompositeContext
 } from "./IB7YUKH5.js";
@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useEvent,
   useMergeRefs

package/esm/__chunks/{IIVLUKKG.js → JIZ5C2JK.js}

@@ -2,7 +2,7 @@
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{GJYUMUMT.js → JL6IRDFK.js}

@@ -4,7 +4,7 @@ import {
 } from "./XEV62JUQ.js";
 import {
   useCompositeItem
-} from "./P6VCQ6Q3.js";
+} from "./QZLXIDNP.js";
 import {
   createElement,
   createHook,
@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useEvent,
   useForceUpdate,

package/esm/__chunks/{6L5IUFNE.js → KSKI4NLV.js}

@@ -2,7 +2,7 @@
 import {
   getCollectionRendererItemId,
   useCollectionRenderer
-} from "./GD2VG2KJ.js";
+} from "./4HD64GHO.js";
 import {
   useCompositeContext
 } from "./IB7YUKH5.js";
@@ -12,7 +12,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useId
 } from "./6O5OEQGF.js";

package/esm/__chunks/{QCIQ4F64.js → LEIRFLRL.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./A6ER4BO6.js";
+} from "./7GBW5FLS.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 
 // src/radio/radio-store.ts
 import * as Core from "@ariakit/core/radio/radio-store";

package/esm/__chunks/{57VLL43X.js → LWHPHW7Q.js}

@@ -7,10 +7,10 @@ import {
 } from "./FSFPRQFR.js";
 import {
   useDisclosureContent
-} from "./KOKHD3Z3.js";
+} from "./CLE7NTOY.js";
 import {
   useDisclosureStore
-} from "./SMM5JVLC.js";
+} from "./SFCBA2JZ.js";
 import {
   useMergeRefs,
   useSafeLayoutEffect

package/esm/__chunks/{EENTNM7A.js → MG4P3223.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./6SB7F42L.js";
+} from "./ZSELSBRM.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{PDVJHECS.js → PGAEII2Q.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   DialogBackdrop
-} from "./57VLL43X.js";
+} from "./LWHPHW7Q.js";
 import {
   disableTree,
   disableTreeOutside
@@ -37,7 +37,7 @@ import {
 import {
   isHidden,
   useDisclosureContent
-} from "./KOKHD3Z3.js";
+} from "./CLE7NTOY.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
@@ -54,10 +54,10 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useDialogStore
-} from "./6SB7F42L.js";
+} from "./ZSELSBRM.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useBooleanEvent,
   useEvent,

package/esm/__chunks/{P6VCQ6Q3.js → QZLXIDNP.js}

@@ -9,7 +9,7 @@ import {
   focusSilently,
   getEnabledItem,
   isItem
-} from "./6QXBPV75.js";
+} from "./3IEDWLST.js";
 import {
   CompositeItemContext,
   CompositeRowContext,
@@ -22,7 +22,7 @@ import {
 } from "./3ORBWXWF.js";
 import {
   useStoreState
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -259,18 +259,33 @@ var useCompositeItem = createHook(
       const isGrid = !!(item == null ? void 0 : item.rowId);
       const isVertical = state.orientation !== "horizontal";
       const isHorizontal = state.orientation !== "vertical";
+      const canHomeEnd = () => {
+        if (isGrid)
+          return true;
+        if (isHorizontal)
+          return true;
+        if (!state.baseElement)
+          return true;
+        if (!isTextField(state.baseElement))
+          return true;
+        return false;
+      };
       const keyMap = {
         ArrowUp: (isGrid || isVertical) && store.up,
         ArrowRight: (isGrid || isHorizontal) && store.next,
         ArrowDown: (isGrid || isVertical) && store.down,
         ArrowLeft: (isGrid || isHorizontal) && store.previous,
         Home: () => {
+          if (!canHomeEnd())
+            return;
           if (!isGrid || event.ctrlKey) {
             return store == null ? void 0 : store.first();
           }
           return store == null ? void 0 : store.previous(-1);
         },
         End: () => {
+          if (!canHomeEnd())
+            return;
           if (!isGrid || event.ctrlKey) {
             return store == null ? void 0 : store.last();
           }

package/esm/__chunks/{XCRWZKAW.js → RIL2SEAH.js}

@@ -4,7 +4,7 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useMenubarStore
-} from "./FWQLUQ4T.js";
+} from "./HVBNG5AF.js";
 
 // src/menubar/menubar-provider.tsx
 import { jsx } from "react/jsx-runtime";

package/esm/__chunks/{SMM5JVLC.js → SFCBA2JZ.js}

@@ -2,7 +2,7 @@
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useUpdateEffect
 } from "./6O5OEQGF.js";

package/esm/__chunks/{5L7XBKAC.js → SS66VZAQ.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   useCollectionStoreProps
-} from "./HDMIVTNE.js";
+} from "./Y6GYTNQ2.js";
 import {
   useStore,
   useStoreProps
-} from "./4OZYHFMH.js";
+} from "./EKQEJRUF.js";
 import {
   useEvent
 } from "./6O5OEQGF.js";

package/esm/__chunks/{UV2O3GRQ.js → SU2GU5JB.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useCompositeTypeahead
-} from "./HBGJOTTX.js";
+} from "./346FK57L.js";
 import {
   SelectScopedContextProvider,
   useSelectProviderContext
 } from "./5HVNGX6D.js";
 import {
   useComposite
-} from "./FHDXHZLB.js";
+} from "./7QTPYGNZ.js";
 import {
   isHidden
-} from "./KOKHD3Z3.js";
+} from "./CLE7NTOY.js";
 import {
   createComponent,
   createElement,

package/esm/__chunks/{TZJDOU75.js → UK7JL7PY.js}

@@ -5,10 +5,10 @@ import {
 } from "./KA4GX64Z.js";
 import {
   useMenubarStore
-} from "./FWQLUQ4T.js";
+} from "./HVBNG5AF.js";
 import {
   useComposite
-} from "./FHDXHZLB.js";
+} from "./7QTPYGNZ.js";
 import {
   createComponent,
   createElement,