@salt-ds/lab 1.0.0-alpha.92 → 1.0.0-alpha.94

package/dist-es/toolbar-next/useToolbarNextKeyboardNavigation.js

@@ -0,0 +1,332 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { getToolbarNextFocusMemory, getToolbarNextScopeFocusableElements, TOOLBAR_NEXT_ITEM_ATTR, TOOLBAR_NEXT_OVERFLOW_TRIGGER_ATTR, TOOLBAR_NEXT_GROUP_KEY_ATTR, resolveToolbarNextFocusTarget, focusToolbarNextElement, getClosestToolbarNextScopeRoot, isToolbarNextFocusFromPointerTarget, TOOLBAR_NEXT_SCOPE_ROOT_ATTR, shouldToolbarNextPreserveNativeTab, getToolbarNextTabMoveTarget, getToolbarNextDirectionalMoveTarget } from './toolbarNextKeyboardUtils.js';
+
+function useToolbarNextKeyboardNavigation({
+  includeTabIndexMinusOne = false,
+  items = [],
+  overflowedIds,
+  scopeRef
+}) {
+  const rememberedFocusRef = useRef(null);
+  const pointerDownTargetRef = useRef(null);
+  const restoringEntryFocusRef = useRef(false);
+  const restoreFrameRef = useRef(null);
+  const shouldPreserveItemMemoryForTrigger = useCallback(
+    (groupKey) => {
+      const rememberedFocus = rememberedFocusRef.current;
+      if ((rememberedFocus == null ? void 0 : rememberedFocus.type) !== "item") {
+        return false;
+      }
+      const item = items.find((entry) => entry.id === rememberedFocus.itemId);
+      return (item == null ? void 0 : item.overflowGroupKey) === groupKey && (overflowedIds == null || overflowedIds.has(item.id));
+    },
+    [items, overflowedIds]
+  );
+  useEffect(() => {
+    return () => {
+      var _a;
+      const frame = restoreFrameRef.current;
+      const win = (_a = scopeRef.current) == null ? void 0 : _a.ownerDocument.defaultView;
+      if (frame != null && win) {
+        win.cancelAnimationFrame(frame);
+      }
+    };
+  }, [scopeRef]);
+  const rememberTarget = useCallback(
+    (target) => {
+      const scopeRoot = scopeRef.current;
+      if (!scopeRoot) {
+        return;
+      }
+      const focusMemory = getToolbarNextFocusMemory(scopeRoot, target, {
+        includeTabIndexMinusOne
+      });
+      if (focusMemory) {
+        if (focusMemory.type === "overflow-trigger" && shouldPreserveItemMemoryForTrigger(focusMemory.groupKey)) {
+          return;
+        }
+        rememberedFocusRef.current = focusMemory;
+      }
+    },
+    [includeTabIndexMinusOne, scopeRef, shouldPreserveItemMemoryForTrigger]
+  );
+  const rememberItemFocus = useCallback(
+    (itemId, controlIndex) => {
+      var _a;
+      const scopeRoot = scopeRef.current;
+      if (!scopeRoot) {
+        return;
+      }
+      const focusables = getToolbarNextScopeFocusableElements(scopeRoot, {
+        includeTabIndexMinusOne
+      });
+      const itemFocusables = focusables.filter((element) => {
+        var _a2;
+        return ((_a2 = element.closest(`[${TOOLBAR_NEXT_ITEM_ATTR}]`)) == null ? void 0 : _a2.getAttribute(TOOLBAR_NEXT_ITEM_ATTR)) === itemId;
+      });
+      const item = items.find((entry) => entry.id === itemId);
+      const visibleItemTarget = itemFocusables[Math.min(controlIndex, itemFocusables.length - 1)] ?? itemFocusables[0];
+      const overflowTriggerTarget = item ? focusables.find((element) => {
+        const trigger = element.closest(
+          `[${TOOLBAR_NEXT_OVERFLOW_TRIGGER_ATTR}]`
+        );
+        return (trigger == null ? void 0 : trigger.getAttribute(TOOLBAR_NEXT_GROUP_KEY_ATTR)) === item.overflowGroupKey;
+      }) : void 0;
+      const scopeIndex = Math.max(
+        focusables.indexOf(visibleItemTarget ?? overflowTriggerTarget),
+        ((_a = rememberedFocusRef.current) == null ? void 0 : _a.scopeIndex) ?? 0
+      );
+      const focusMemory = {
+        controlIndex,
+        itemId,
+        scopeIndex,
+        type: "item"
+      };
+      rememberedFocusRef.current = focusMemory;
+    },
+    [includeTabIndexMinusOne, items, scopeRef]
+  );
+  const focusEntryTarget = useCallback(() => {
+    const scopeRoot = scopeRef.current;
+    if (!scopeRoot) {
+      return;
+    }
+    const target = resolveToolbarNextFocusTarget(
+      scopeRoot,
+      rememberedFocusRef.current,
+      {
+        items,
+        includeTabIndexMinusOne,
+        overflowedIds
+      }
+    );
+    if (!target) {
+      return;
+    }
+    queueMicrotask(() => {
+      focusToolbarNextElement(target);
+    });
+  }, [includeTabIndexMinusOne, items, overflowedIds, scopeRef]);
+  const restoreEntryFocus = useCallback((target) => {
+    restoringEntryFocusRef.current = true;
+    const restoreFocus = () => {
+      restoreFrameRef.current = null;
+      focusToolbarNextElement(target);
+    };
+    const win = target.ownerDocument.defaultView;
+    if (win == null ? void 0 : win.requestAnimationFrame) {
+      const currentFrame = restoreFrameRef.current;
+      if (currentFrame != null) {
+        win.cancelAnimationFrame(currentFrame);
+      }
+      restoreFrameRef.current = win.requestAnimationFrame(restoreFocus);
+    } else {
+      queueMicrotask(restoreFocus);
+    }
+  }, []);
+  const handleScopeFocus = useCallback(
+    (event) => {
+      var _a;
+      const scopeRoot = scopeRef.current;
+      const target = event.target;
+      if (!scopeRoot || !(target instanceof HTMLElement) || getClosestToolbarNextScopeRoot(target) !== scopeRoot) {
+        return;
+      }
+      if (restoringEntryFocusRef.current) {
+        restoringEntryFocusRef.current = false;
+        pointerDownTargetRef.current = null;
+        rememberTarget(target);
+        return;
+      }
+      const relatedTarget = event.relatedTarget;
+      const enteringFromOutside = !(relatedTarget instanceof HTMLElement) || getClosestToolbarNextScopeRoot(relatedTarget) !== scopeRoot;
+      if (!enteringFromOutside) {
+        pointerDownTargetRef.current = null;
+        rememberTarget(target);
+        return;
+      }
+      const targetMemory = getToolbarNextFocusMemory(scopeRoot, target, {
+        includeTabIndexMinusOne
+      });
+      const pointerDownTarget = pointerDownTargetRef.current;
+      pointerDownTargetRef.current = null;
+      const focusFromPointerTarget = isToolbarNextFocusFromPointerTarget(
+        target,
+        pointerDownTarget
+      );
+      if (focusFromPointerTarget) {
+        rememberTarget(target);
+        return;
+      }
+      if ((targetMemory == null ? void 0 : targetMemory.type) === "overflow-trigger") {
+        const shouldPreserve = shouldPreserveItemMemoryForTrigger(
+          targetMemory.groupKey
+        );
+        if (shouldPreserve) {
+          return;
+        }
+        if (((_a = rememberedFocusRef.current) == null ? void 0 : _a.type) === "item") {
+          const restoreTarget2 = resolveToolbarNextFocusTarget(
+            scopeRoot,
+            rememberedFocusRef.current,
+            {
+              items,
+              includeTabIndexMinusOne,
+              overflowedIds
+            }
+          );
+          if (restoreTarget2 && restoreTarget2 !== target) {
+            restoreEntryFocus(restoreTarget2);
+            return;
+          }
+        }
+        rememberedFocusRef.current = targetMemory;
+        return;
+      }
+      const restoreTarget = resolveToolbarNextFocusTarget(
+        scopeRoot,
+        rememberedFocusRef.current,
+        {
+          items,
+          includeTabIndexMinusOne,
+          overflowedIds
+        }
+      );
+      if (restoreTarget && restoreTarget !== target) {
+        restoreEntryFocus(restoreTarget);
+        return;
+      }
+      rememberTarget(target);
+    },
+    [
+      includeTabIndexMinusOne,
+      items,
+      overflowedIds,
+      rememberTarget,
+      restoreEntryFocus,
+      scopeRef,
+      shouldPreserveItemMemoryForTrigger
+    ]
+  );
+  const handleFocusCapture = useCallback(
+    (event) => {
+      handleScopeFocus(event);
+    },
+    [handleScopeFocus]
+  );
+  const handleScopePointerDown = useCallback(
+    (event) => {
+      const scopeRoot = scopeRef.current;
+      const target = event.target;
+      if (!scopeRoot || !(target instanceof Element) || getClosestToolbarNextScopeRoot(target) !== scopeRoot) {
+        pointerDownTargetRef.current = null;
+        return;
+      }
+      pointerDownTargetRef.current = target;
+    },
+    [scopeRef]
+  );
+  const handlePointerDownCapture = useCallback(
+    (event) => {
+      handleScopePointerDown(event);
+    },
+    [handleScopePointerDown]
+  );
+  const handleScopeBlur = useCallback(
+    (event) => {
+      const scopeRoot = scopeRef.current;
+      const target = event.target;
+      if (!scopeRoot || !(target instanceof HTMLElement) || getClosestToolbarNextScopeRoot(target) !== scopeRoot) {
+        return;
+      }
+      const relatedTarget = event.relatedTarget;
+      const leavingScope = !(relatedTarget instanceof HTMLElement) || getClosestToolbarNextScopeRoot(relatedTarget) !== scopeRoot;
+      if (leavingScope) {
+        rememberTarget(target);
+      }
+    },
+    [rememberTarget, scopeRef]
+  );
+  const handleBlurCapture = useCallback(
+    (event) => {
+      handleScopeBlur(event);
+    },
+    [handleScopeBlur]
+  );
+  const handleScopeKeyDown = useCallback(
+    (event) => {
+      const scopeRoot = scopeRef.current;
+      const target = event.target;
+      if (!scopeRoot || !(target instanceof HTMLElement) || getClosestToolbarNextScopeRoot(target) !== scopeRoot || event.altKey || event.ctrlKey || event.metaKey) {
+        return;
+      }
+      if (event.key === "Tab" && scopeRoot.getAttribute(TOOLBAR_NEXT_SCOPE_ROOT_ATTR) === "main" && !shouldToolbarNextPreserveNativeTab(target)) {
+        const moveTarget2 = getToolbarNextTabMoveTarget(
+          scopeRoot,
+          event.shiftKey
+        );
+        event.preventDefault();
+        event.stopPropagation();
+        rememberTarget(target);
+        queueMicrotask(() => {
+          if (moveTarget2 == null ? void 0 : moveTarget2.isConnected) {
+            focusToolbarNextElement(moveTarget2);
+          } else {
+            target.blur();
+          }
+        });
+        return;
+      }
+      const moveTarget = getToolbarNextDirectionalMoveTarget(
+        scopeRoot,
+        target,
+        event.key,
+        { includeTabIndexMinusOne }
+      );
+      if (!moveTarget) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      rememberTarget(moveTarget);
+      focusToolbarNextElement(moveTarget);
+    },
+    [includeTabIndexMinusOne, rememberTarget, scopeRef]
+  );
+  const handleKeyDownCapture = useCallback(
+    (event) => {
+      handleScopeKeyDown(event);
+    },
+    [handleScopeKeyDown]
+  );
+  const getEntryFocusable = useCallback(() => {
+    const scopeRoot = scopeRef.current;
+    if (!scopeRoot) {
+      return null;
+    }
+    return resolveToolbarNextFocusTarget(scopeRoot, rememberedFocusRef.current, {
+      items,
+      includeTabIndexMinusOne,
+      overflowedIds
+    }) ?? getToolbarNextScopeFocusableElements(scopeRoot, {
+      includeTabIndexMinusOne
+    })[0] ?? null;
+  }, [includeTabIndexMinusOne, items, overflowedIds, scopeRef]);
+  return {
+    focusEntryTarget,
+    getEntryFocusable,
+    handleBlurCapture,
+    handleFocusCapture,
+    handleKeyDownCapture,
+    handlePointerDownCapture,
+    handleScopeBlur,
+    handleScopeFocus,
+    handleScopeKeyDown,
+    handleScopePointerDown,
+    rememberItemFocus,
+    rememberedFocusRef
+  };
+}
+
+export { useToolbarNextKeyboardNavigation };
+//# sourceMappingURL=useToolbarNextKeyboardNavigation.js.map

package/dist-es/toolbar-next/useToolbarNextKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarNextKeyboardNavigation.js","sources":["../src/toolbar-next/useToolbarNextKeyboardNavigation.ts"],"sourcesContent":["import {\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type PointerEventHandler,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport {\n  focusToolbarNextElement,\n  getClosestToolbarNextScopeRoot,\n  getToolbarNextDirectionalMoveTarget,\n  getToolbarNextFocusMemory,\n  getToolbarNextScopeFocusableElements,\n  getToolbarNextTabMoveTarget,\n  isToolbarNextFocusFromPointerTarget,\n  resolveToolbarNextFocusTarget,\n  shouldToolbarNextPreserveNativeTab,\n  TOOLBAR_NEXT_GROUP_KEY_ATTR,\n  TOOLBAR_NEXT_ITEM_ATTR,\n  TOOLBAR_NEXT_OVERFLOW_TRIGGER_ATTR,\n  TOOLBAR_NEXT_SCOPE_ROOT_ATTR,\n  type ToolbarNextFocusMemory,\n} from \"./toolbarNextKeyboardUtils\";\nimport type { ToolbarNextOverflowItem } from \"./toolbarNextUtils\";\n\ninterface UseToolbarNextKeyboardNavigationProps {\n  includeTabIndexMinusOne?: boolean;\n  items?: ToolbarNextOverflowItem[];\n  overflowedIds?: Set<string>;\n  scopeRef: RefObject<HTMLElement | null>;\n}\n\ninterface ToolbarNextFocusEvent {\n  relatedTarget: EventTarget | null;\n  target: EventTarget | null;\n}\n\ninterface ToolbarNextKeyDownEvent {\n  altKey: boolean;\n  ctrlKey: boolean;\n  key: string;\n  metaKey: boolean;\n  preventDefault: () => void;\n  shiftKey: boolean;\n  stopPropagation: () => void;\n  target: EventTarget | null;\n}\n\ninterface ToolbarNextPointerEvent {\n  target: EventTarget | null;\n}\n\nexport function useToolbarNextKeyboardNavigation({\n  includeTabIndexMinusOne = false,\n  items = [],\n  overflowedIds,\n  scopeRef,\n}: UseToolbarNextKeyboardNavigationProps) {\n  const rememberedFocusRef = useRef<ToolbarNextFocusMemory | null>(null);\n  const pointerDownTargetRef = useRef<EventTarget | null>(null);\n  const restoringEntryFocusRef = useRef(false);\n  const restoreFrameRef = useRef<number | null>(null);\n\n  const shouldPreserveItemMemoryForTrigger = useCallback(\n    (groupKey: string) => {\n      const rememberedFocus = rememberedFocusRef.current;\n\n      if (rememberedFocus?.type !== \"item\") {\n        return false;\n      }\n\n      const item = items.find((entry) => entry.id === rememberedFocus.itemId);\n\n      return (\n        item?.overflowGroupKey === groupKey &&\n        (overflowedIds == null || overflowedIds.has(item.id))\n      );\n    },\n    [items, overflowedIds],\n  );\n\n  useEffect(() => {\n    return () => {\n      const frame = restoreFrameRef.current;\n      const win = scopeRef.current?.ownerDocument.defaultView;\n\n      if (frame != null && win) {\n        win.cancelAnimationFrame(frame);\n      }\n    };\n  }, [scopeRef]);\n\n  const rememberTarget = useCallback(\n    (target: HTMLElement) => {\n      const scopeRoot = scopeRef.current;\n\n      if (!scopeRoot) {\n        return;\n      }\n\n      const focusMemory = getToolbarNextFocusMemory(scopeRoot, target, {\n        includeTabIndexMinusOne,\n      });\n\n      if (focusMemory) {\n        if (\n          focusMemory.type === \"overflow-trigger\" &&\n          shouldPreserveItemMemoryForTrigger(focusMemory.groupKey)\n        ) {\n          return;\n        }\n\n        rememberedFocusRef.current = focusMemory;\n      }\n    },\n    [includeTabIndexMinusOne, scopeRef, shouldPreserveItemMemoryForTrigger],\n  );\n\n  const rememberItemFocus = useCallback(\n    (itemId: string, controlIndex: number) => {\n      const scopeRoot = scopeRef.current;\n\n      if (!scopeRoot) {\n        return;\n      }\n\n      const focusables = getToolbarNextScopeFocusableElements(scopeRoot, {\n        includeTabIndexMinusOne,\n      });\n      const itemFocusables = focusables.filter((element) => {\n        return (\n          element\n            .closest<HTMLElement>(`[${TOOLBAR_NEXT_ITEM_ATTR}]`)\n            ?.getAttribute(TOOLBAR_NEXT_ITEM_ATTR) === itemId\n        );\n      });\n      const item = items.find((entry) => entry.id === itemId);\n      const visibleItemTarget =\n        itemFocusables[Math.min(controlIndex, itemFocusables.length - 1)] ??\n        itemFocusables[0];\n      const overflowTriggerTarget = item\n        ? focusables.find((element) => {\n            const trigger = element.closest<HTMLElement>(\n              `[${TOOLBAR_NEXT_OVERFLOW_TRIGGER_ATTR}]`,\n            );\n\n            return (\n              trigger?.getAttribute(TOOLBAR_NEXT_GROUP_KEY_ATTR) ===\n              item.overflowGroupKey\n            );\n          })\n        : undefined;\n      const scopeIndex = Math.max(\n        focusables.indexOf(visibleItemTarget ?? overflowTriggerTarget),\n        rememberedFocusRef.current?.scopeIndex ?? 0,\n      );\n      const focusMemory: ToolbarNextFocusMemory = {\n        controlIndex,\n        itemId,\n        scopeIndex,\n        type: \"item\",\n      };\n\n      rememberedFocusRef.current = focusMemory;\n    },\n    [includeTabIndexMinusOne, items, scopeRef],\n  );\n\n  const focusEntryTarget = useCallback(() => {\n    const scopeRoot = scopeRef.current;\n\n    if (!scopeRoot) {\n      return;\n    }\n\n    const target = resolveToolbarNextFocusTarget(\n      scopeRoot,\n      rememberedFocusRef.current,\n      {\n        items,\n        includeTabIndexMinusOne,\n        overflowedIds,\n      },\n    );\n\n    if (!target) {\n      return;\n    }\n\n    queueMicrotask(() => {\n      focusToolbarNextElement(target);\n    });\n  }, [includeTabIndexMinusOne, items, overflowedIds, scopeRef]);\n\n  const restoreEntryFocus = useCallback((target: HTMLElement) => {\n    restoringEntryFocusRef.current = true;\n\n    const restoreFocus = () => {\n      restoreFrameRef.current = null;\n\n      focusToolbarNextElement(target);\n    };\n    const win = target.ownerDocument.defaultView;\n\n    if (win?.requestAnimationFrame) {\n      const currentFrame = restoreFrameRef.current;\n      if (currentFrame != null) {\n        win.cancelAnimationFrame(currentFrame);\n      }\n\n      restoreFrameRef.current = win.requestAnimationFrame(restoreFocus);\n    } else {\n      queueMicrotask(restoreFocus);\n    }\n  }, []);\n\n  const handleScopeFocus = useCallback(\n    (event: ToolbarNextFocusEvent) => {\n      const scopeRoot = scopeRef.current;\n      const target = event.target;\n\n      if (\n        !scopeRoot ||\n        !(target instanceof HTMLElement) ||\n        getClosestToolbarNextScopeRoot(target) !== scopeRoot\n      ) {\n        return;\n      }\n\n      if (restoringEntryFocusRef.current) {\n        restoringEntryFocusRef.current = false;\n        pointerDownTargetRef.current = null;\n        rememberTarget(target);\n        return;\n      }\n\n      const relatedTarget = event.relatedTarget;\n      const enteringFromOutside =\n        !(relatedTarget instanceof HTMLElement) ||\n        getClosestToolbarNextScopeRoot(relatedTarget) !== scopeRoot;\n\n      if (!enteringFromOutside) {\n        pointerDownTargetRef.current = null;\n        rememberTarget(target);\n        return;\n      }\n\n      const targetMemory = getToolbarNextFocusMemory(scopeRoot, target, {\n        includeTabIndexMinusOne,\n      });\n      const pointerDownTarget = pointerDownTargetRef.current;\n      pointerDownTargetRef.current = null;\n      const focusFromPointerTarget = isToolbarNextFocusFromPointerTarget(\n        target,\n        pointerDownTarget,\n      );\n\n      if (focusFromPointerTarget) {\n        rememberTarget(target);\n        return;\n      }\n\n      if (targetMemory?.type === \"overflow-trigger\") {\n        const shouldPreserve = shouldPreserveItemMemoryForTrigger(\n          targetMemory.groupKey,\n        );\n        if (shouldPreserve) {\n          return;\n        }\n\n        if (rememberedFocusRef.current?.type === \"item\") {\n          const restoreTarget = resolveToolbarNextFocusTarget(\n            scopeRoot,\n            rememberedFocusRef.current,\n            {\n              items,\n              includeTabIndexMinusOne,\n              overflowedIds,\n            },\n          );\n\n          if (restoreTarget && restoreTarget !== target) {\n            restoreEntryFocus(restoreTarget);\n            return;\n          }\n        }\n\n        rememberedFocusRef.current = targetMemory;\n        return;\n      }\n\n      const restoreTarget = resolveToolbarNextFocusTarget(\n        scopeRoot,\n        rememberedFocusRef.current,\n        {\n          items,\n          includeTabIndexMinusOne,\n          overflowedIds,\n        },\n      );\n\n      if (restoreTarget && restoreTarget !== target) {\n        restoreEntryFocus(restoreTarget);\n        return;\n      }\n\n      rememberTarget(target);\n    },\n    [\n      includeTabIndexMinusOne,\n      items,\n      overflowedIds,\n      rememberTarget,\n      restoreEntryFocus,\n      scopeRef,\n      shouldPreserveItemMemoryForTrigger,\n    ],\n  );\n\n  const handleFocusCapture = useCallback<FocusEventHandler<HTMLElement>>(\n    (event) => {\n      handleScopeFocus(event);\n    },\n    [handleScopeFocus],\n  );\n\n  const handleScopePointerDown = useCallback(\n    (event: ToolbarNextPointerEvent) => {\n      const scopeRoot = scopeRef.current;\n      const target = event.target;\n\n      if (\n        !scopeRoot ||\n        !(target instanceof Element) ||\n        getClosestToolbarNextScopeRoot(target) !== scopeRoot\n      ) {\n        pointerDownTargetRef.current = null;\n        return;\n      }\n\n      pointerDownTargetRef.current = target;\n    },\n    [scopeRef],\n  );\n\n  const handlePointerDownCapture = useCallback<\n    PointerEventHandler<HTMLElement>\n  >(\n    (event) => {\n      handleScopePointerDown(event);\n    },\n    [handleScopePointerDown],\n  );\n\n  const handleScopeBlur = useCallback(\n    (event: ToolbarNextFocusEvent) => {\n      const scopeRoot = scopeRef.current;\n      const target = event.target;\n\n      if (\n        !scopeRoot ||\n        !(target instanceof HTMLElement) ||\n        getClosestToolbarNextScopeRoot(target) !== scopeRoot\n      ) {\n        return;\n      }\n\n      const relatedTarget = event.relatedTarget;\n      const leavingScope =\n        !(relatedTarget instanceof HTMLElement) ||\n        getClosestToolbarNextScopeRoot(relatedTarget) !== scopeRoot;\n\n      if (leavingScope) {\n        rememberTarget(target);\n      }\n    },\n    [rememberTarget, scopeRef],\n  );\n\n  const handleBlurCapture = useCallback<FocusEventHandler<HTMLElement>>(\n    (event) => {\n      handleScopeBlur(event);\n    },\n    [handleScopeBlur],\n  );\n\n  const handleScopeKeyDown = useCallback(\n    (event: ToolbarNextKeyDownEvent) => {\n      const scopeRoot = scopeRef.current;\n      const target = event.target;\n\n      if (\n        !scopeRoot ||\n        !(target instanceof HTMLElement) ||\n        getClosestToolbarNextScopeRoot(target) !== scopeRoot ||\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey\n      ) {\n        return;\n      }\n\n      if (\n        event.key === \"Tab\" &&\n        scopeRoot.getAttribute(TOOLBAR_NEXT_SCOPE_ROOT_ATTR) === \"main\" &&\n        !shouldToolbarNextPreserveNativeTab(target)\n      ) {\n        const moveTarget = getToolbarNextTabMoveTarget(\n          scopeRoot,\n          event.shiftKey,\n        );\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        rememberTarget(target);\n        queueMicrotask(() => {\n          if (moveTarget?.isConnected) {\n            focusToolbarNextElement(moveTarget);\n          } else {\n            target.blur();\n          }\n        });\n        return;\n      }\n\n      const moveTarget = getToolbarNextDirectionalMoveTarget(\n        scopeRoot,\n        target,\n        event.key,\n        { includeTabIndexMinusOne },\n      );\n\n      if (!moveTarget) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      rememberTarget(moveTarget);\n      focusToolbarNextElement(moveTarget);\n    },\n    [includeTabIndexMinusOne, rememberTarget, scopeRef],\n  );\n\n  const handleKeyDownCapture = useCallback<KeyboardEventHandler<HTMLElement>>(\n    (event) => {\n      handleScopeKeyDown(event);\n    },\n    [handleScopeKeyDown],\n  );\n\n  const getEntryFocusable = useCallback(() => {\n    const scopeRoot = scopeRef.current;\n\n    if (!scopeRoot) {\n      return null;\n    }\n\n    return (\n      resolveToolbarNextFocusTarget(scopeRoot, rememberedFocusRef.current, {\n        items,\n        includeTabIndexMinusOne,\n        overflowedIds,\n      }) ??\n      getToolbarNextScopeFocusableElements(scopeRoot, {\n        includeTabIndexMinusOne,\n      })[0] ??\n      null\n    );\n  }, [includeTabIndexMinusOne, items, overflowedIds, scopeRef]);\n\n  return {\n    focusEntryTarget,\n    getEntryFocusable,\n    handleBlurCapture,\n    handleFocusCapture,\n    handleKeyDownCapture,\n    handlePointerDownCapture,\n    handleScopeBlur,\n    handleScopeFocus,\n    handleScopeKeyDown,\n    handleScopePointerDown,\n    rememberItemFocus,\n    rememberedFocusRef,\n  };\n}\n"],"names":["_a","restoreTarget","moveTarget"],"mappings":"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"}