@react-md/core 6.3.4 → 6.4.0

package/dist/movement/useKeyboardMovementProvider.js

@@ -27,7 +27,9 @@ const noop = ()=>{
     focusLast: noop,
     focusNext: noop,
     focusPrevious: noop,
-    focusFromKey: noop
+    focusFromKey: noop,
+    focusCurrent: ()=>{},
+    updateFocusIndex: noop
 };
 /**
  * @since 5.0.0
@@ -214,12 +216,15 @@ const returnNegative1 = ()=>-1;
         nodeRef,
         programmatic
     ]);
-    const updateFocusIndex = useCallback((index, focusables = getFocusableElementsFromRef())=>{
-        if (currentFocusIndex.current === index || index === -1) {
+    const focusCurrent = useCallback((focusables = getFocusableElementsFromRef())=>{
+        const index = currentFocusIndex.current;
+        if (index === -1) {
             return;
         }
-        currentFocusIndex.current = index;
         const focused = focusables[index];
+        if (!focused) {
+            return;
+        }
         if (tabIndexBehavior) {
             focused.scrollIntoView({
                 block: "nearest",
@@ -230,63 +235,94 @@ const returnNegative1 = ()=>-1;
         if (tabIndexBehavior !== "virtual") {
             focused.focus();
         }
-        onFocusChange({
-            index,
-            element: focused
-        });
+        return focused;
     }, [
         getFocusableElementsFromRef,
-        onFocusChange,
         tabIndexBehavior
     ]);
-    const focusNext = useCallback((focusables = getFocusableElementsFromRef())=>{
-        updateFocusIndex(getNextFocusableIndex({
-            loopable,
-            increment: true,
-            focusables,
-            includeDisabled: true,
-            currentFocusIndex: currentFocusIndex.current
-        }), focusables);
+    const updateFocusIndex = useCallback((options)=>{
+        const { index, force, focusables = getFocusableElementsFromRef() } = options;
+        const isSameIndex = currentFocusIndex.current === index;
+        if (!force && isSameIndex || index === -1) {
+            return;
+        }
+        currentFocusIndex.current = index;
+        const focused = focusCurrent(focusables);
+        if (focused && !isSameIndex) {
+            onFocusChange({
+                index,
+                element: focused
+            });
+        }
+    }, [
+        focusCurrent,
+        getFocusableElementsFromRef,
+        onFocusChange
+    ]);
+    const focusNext = useCallback((focusables = getFocusableElementsFromRef(), force = false)=>{
+        updateFocusIndex({
+            index: getNextFocusableIndex({
+                loopable,
+                increment: true,
+                focusables,
+                includeDisabled: true,
+                currentFocusIndex: currentFocusIndex.current
+            }),
+            force,
+            focusables
+        });
     }, [
         getFocusableElementsFromRef,
         loopable,
         updateFocusIndex
     ]);
-    const focusPrevious = useCallback((focusables = getFocusableElementsFromRef())=>{
-        updateFocusIndex(getNextFocusableIndex({
-            loopable,
-            increment: false,
-            focusables,
-            includeDisabled: true,
-            currentFocusIndex: currentFocusIndex.current
-        }), focusables);
+    const focusPrevious = useCallback((focusables = getFocusableElementsFromRef(), force = false)=>{
+        updateFocusIndex({
+            index: getNextFocusableIndex({
+                loopable,
+                increment: false,
+                focusables,
+                includeDisabled: true,
+                currentFocusIndex: currentFocusIndex.current
+            }),
+            force,
+            focusables
+        });
     }, [
         getFocusableElementsFromRef,
         loopable,
         updateFocusIndex
     ]);
-    const focusFirst = useCallback((focusables = getFocusableElementsFromRef())=>{
-        updateFocusIndex(getFirstFocusableIndex({
-            focusables,
-            includeDisabled
-        }), focusables);
+    const focusFirst = useCallback((focusables = getFocusableElementsFromRef(), force = false)=>{
+        updateFocusIndex({
+            index: getFirstFocusableIndex({
+                focusables,
+                includeDisabled
+            }),
+            force,
+            focusables
+        });
     }, [
         getFocusableElementsFromRef,
         includeDisabled,
         updateFocusIndex
     ]);
-    const focusLast = useCallback((focusables = getFocusableElementsFromRef())=>{
-        updateFocusIndex(getLastFocusableIndex({
-            focusables,
-            includeDisabled
-        }), focusables);
+    const focusLast = useCallback((focusables = getFocusableElementsFromRef(), force = false)=>{
+        updateFocusIndex({
+            index: getLastFocusableIndex({
+                focusables,
+                includeDisabled
+            }),
+            force,
+            focusables
+        });
     }, [
         getFocusableElementsFromRef,
         includeDisabled,
         updateFocusIndex
     ]);
     const focusFromKey = useCallback((options)=>{
-        const { key, reversed, focusables = getFocusableElementsFromRef() } = options;
+        const { key, force, reversed, focusables = getFocusableElementsFromRef() } = options;
         if (!searchable) {
             return;
         }
@@ -295,7 +331,11 @@ const returnNegative1 = ()=>-1;
             values: focusables.map((element)=>getSearchText(element, !isNotFocusable(element, includeDisabled))),
             startIndex: reversed ? -1 : currentFocusIndex.current
         });
-        updateFocusIndex(index, focusables);
+        updateFocusIndex({
+            index,
+            force,
+            focusables
+        });
     }, [
         getFocusableElementsFromRef,
         includeDisabled,
@@ -312,11 +352,14 @@ const returnNegative1 = ()=>-1;
             focusNext,
             focusPrevious,
             focusFromKey,
+            focusCurrent,
+            updateFocusIndex,
             includeDisabled,
             tabIndexBehavior,
             activeDescendantId
         }), [
         activeDescendantId,
+        focusCurrent,
         focusFirst,
         focusFromKey,
         focusLast,
@@ -326,7 +369,8 @@ const returnNegative1 = ()=>-1;
         includeDisabled,
         loopable,
         searchable,
-        tabIndexBehavior
+        tabIndexBehavior,
+        updateFocusIndex
     ]);
     return {
         nodeRef,
@@ -433,7 +477,10 @@ const returnNegative1 = ()=>-1;
                 const setFocusIndex = (index, focusables)=>{
                     event.preventDefault();
                     event.stopPropagation();
-                    updateFocusIndex(index, focusables);
+                    updateFocusIndex({
+                        index,
+                        focusables
+                    });
                 };
                 extendKeyDown({
                     event,
@@ -480,28 +527,30 @@ const returnNegative1 = ()=>-1;
                     return;
                 }
                 if (trackTabKeys && key === "Tab") {
-                    currentFocusIndex.current += event.shiftKey ? -1 : 1;
+                    currentFocusIndex.current = getNextFocusableIndex({
+                        loopable,
+                        increment: !event.shiftKey,
+                        focusables: getFocusableElements(currentTarget, programmatic),
+                        includeDisabled,
+                        currentFocusIndex: currentFocusIndex.current
+                    });
                     return;
                 }
                 const jumpToFirst = jumpToFirstKeys.includes(key);
                 const jumpToLast = !jumpToFirst && jumpToLastKeys.includes(key);
                 const increment = !jumpToFirst && !jumpToLast && incrementKeys.includes(key);
                 const decrement = !jumpToFirst && !jumpToLast && !increment && decrementKeys.includes(key);
-                if (jumpToFirst) {
+                if (jumpToFirst || jumpToLast || increment || decrement) {
                     event.preventDefault();
                     event.stopPropagation();
+                }
+                if (jumpToFirst) {
                     focusFirst();
                 } else if (jumpToLast) {
-                    event.preventDefault();
-                    event.stopPropagation();
                     focusLast();
                 } else if (increment) {
-                    event.preventDefault();
-                    event.stopPropagation();
                     focusNext();
                 } else if (decrement) {
-                    event.preventDefault();
-                    event.stopPropagation();
                     focusPrevious();
                 }
             }

package/dist/movement/useKeyboardMovementProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/movement/useKeyboardMovementProvider.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { getFocusableElements as defaultGetFocusableElements } from \"../focus/utils.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { useDir } from \"../typography/WritingDirectionProvider.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport {\n  DEFAULT_KEYBOARD_MOVEMENT,\n  DEFAULT_LTR_KEYBOARD_MOVEMENT,\n  DEFAULT_RTL_KEYBOARD_MOVEMENT,\n} from \"./constants.js\";\nimport { findMatchIndex } from \"./findMatchIndex.js\";\nimport {\n  type KeyboardFocusFromKeyOptions,\n  type KeyboardMovementConfig,\n  type KeyboardMovementConfiguration,\n  type KeyboardMovementContext,\n  type KeyboardMovementProviderImplementation,\n  type KeyboardMovementProviderOptions,\n} from \"./types.js\";\nimport {\n  getFirstFocusableIndex,\n  getLastFocusableIndex,\n  getNextFocusableIndex,\n  getSearchText,\n  getVirtualFocusDefaultIndex,\n  isElementDisabled,\n  isNotFocusable,\n  isSearchableEvent,\n  recalculateFocusIndex,\n} from \"./utils.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.3.0\n */\nexport const DEFAULT_KEYBOARD_MOVEMENT_CONTEXT: Readonly<KeyboardMovementContext> =\n  {\n    config: { current: DEFAULT_KEYBOARD_MOVEMENT },\n    loopable: false,\n    searchable: false,\n    horizontal: false,\n    includeDisabled: false,\n    tabIndexBehavior: undefined,\n    activeDescendantId: \"\",\n    focusFirst: noop,\n    focusLast: noop,\n    focusNext: noop,\n    focusPrevious: noop,\n    focusFromKey: noop,\n  };\n\n/**\n * @since 5.0.0\n * @internal\n */\nconst context = createContext<KeyboardMovementContext>(\n  DEFAULT_KEYBOARD_MOVEMENT_CONTEXT\n);\ncontext.displayName = \"KeyboardMovement\";\nexport const { Provider: KeyboardMovementProvider } = context;\n\n/**\n * @since 5.0.0\n * @internal\n */\nexport function useKeyboardMovementContext(): Readonly<KeyboardMovementContext> {\n  return useContext(context);\n}\n\nconst returnNegative1 = (): number => -1;\n\n/**\n * Implements the custom keyboard movement behavior throughout react-md. Using\n * the \"Find References\" will be the best way to see example usage.\n *\n * @example Default Keyboard Movement for any Focusable Element\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider();\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         {children}\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n *\n * @example Active Descendant Movement\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementContext,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n * import { useId } from \"react\";\n *\n * function Child(): ReactElement {\n *   const id = useId()\n *   const { activeDescendantId } = useKeyboardMovementContext();\n *\n *   return (\n *     <div\n *       {...props}\n *       id={id}\n *       className={cnb(id === activeDescendantId && \"focused-class-name\")}\n *     >\n *       Some Content\n *     </div>\n *   );\n * }\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider({\n *     loopable: true,\n *     searchable: true,\n *     tabIndexBehavior: \"virtual\",\n *   });\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         <Child />\n *         <Child />\n *         <Child />\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n *\n * @example Roving Tab Index\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementContext,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n * import { useId } from \"react\";\n *\n * function Child(): ReactElement {\n *   const id = useId()\n *   const { activeDescendantId } = useKeyboardMovementContext();\n *\n *   return (\n *     <div\n *       {...props}\n *       id={id}\n *       tabIndex={id === activeDescendantId ? 0 : -1}\n *     >\n *       Some Content\n *     </div>\n *   );\n * }\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider({\n *     loopable: true,\n *     searchable: true,\n *     tabIndexBehavior: \"roving\",\n *   });\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         <Child />\n *         <Child />\n *         <Child />\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n * @since 6.0.0\n * @internal\n */\nexport function useKeyboardMovementProvider<E extends HTMLElement>(\n  options: KeyboardMovementProviderOptions<E> = {}\n): KeyboardMovementProviderImplementation<E> {\n  const {\n    ref: propRef,\n    onClick = noop,\n    onFocus = noop,\n    onKeyDown = noop,\n    loopable = false,\n    disabled,\n    searchable = false,\n    horizontal = false,\n    trackTabKeys = false,\n    includeDisabled = false,\n    tabIndexBehavior,\n    extendKeyDown = noop,\n    onFocusChange = noop,\n    programmatic = includeDisabled,\n    incrementKeys: propIncrementKeys,\n    decrementKeys: propDecrementKeys,\n    jumpToFirstKeys: propJumpToFirstKeys,\n    jumpToLastKeys: propJumpToLastKeys,\n    getFocusableElements = defaultGetFocusableElements,\n    getDefaultFocusedIndex = returnNegative1,\n    isNegativeOneAllowed = false,\n  } = options;\n\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n\n  const isRTL = useDir().dir === \"rtl\";\n  let defaults: Readonly<Required<KeyboardMovementConfiguration>>;\n  if (horizontal) {\n    defaults = isRTL\n      ? DEFAULT_RTL_KEYBOARD_MOVEMENT\n      : DEFAULT_LTR_KEYBOARD_MOVEMENT;\n  } else {\n    defaults = DEFAULT_KEYBOARD_MOVEMENT;\n  }\n\n  const incrementKeys = propIncrementKeys || defaults.incrementKeys;\n  const decrementKeys = propDecrementKeys || defaults.decrementKeys;\n  const jumpToFirstKeys = propJumpToFirstKeys || defaults.jumpToFirstKeys;\n  const jumpToLastKeys = propJumpToLastKeys || defaults.jumpToLastKeys;\n\n  const configuration: KeyboardMovementConfig = {\n    incrementKeys,\n    decrementKeys,\n    jumpToFirstKeys,\n    jumpToLastKeys,\n  };\n  const config = useRef(configuration);\n  useIsomorphicLayoutEffect(() => {\n    config.current = configuration;\n  });\n\n  const mode = useUserInteractionMode();\n  const refocus = useRef(false);\n  const currentFocusIndex = useRef(-1);\n  const [activeDescendantId, setActiveDescendantId] = useState(\"\");\n\n  if (process.env.NODE_ENV !== \"production\") {\n    // this fixes issues during hot reloading and using the `useId()` hook\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      return () => {\n        setActiveDescendantId(\"\");\n      };\n    }, []);\n  }\n\n  let tabIndex: number | undefined;\n  if (tabIndexBehavior) {\n    tabIndex =\n      disabled || (tabIndexBehavior === \"roving\" && activeDescendantId)\n        ? -1\n        : 0;\n  }\n\n  const getFocusableElementsFromRef = useCallback(() => {\n    const container = nodeRef.current;\n    if (!container) {\n      return [];\n    }\n\n    return getFocusableElements(container, programmatic);\n  }, [getFocusableElements, nodeRef, programmatic]);\n  const updateFocusIndex = useCallback(\n    (index: number, focusables = getFocusableElementsFromRef()) => {\n      if (currentFocusIndex.current === index || index === -1) {\n        return;\n      }\n\n      currentFocusIndex.current = index;\n      const focused = focusables[index];\n      if (tabIndexBehavior) {\n        focused.scrollIntoView({\n          block: \"nearest\",\n          inline: \"nearest\",\n        });\n        setActiveDescendantId(focused.id);\n      }\n\n      if (tabIndexBehavior !== \"virtual\") {\n        focused.focus();\n      }\n\n      onFocusChange({\n        index,\n        element: focused,\n      });\n    },\n    [getFocusableElementsFromRef, onFocusChange, tabIndexBehavior]\n  );\n\n  const focusNext = useCallback(\n    (focusables = getFocusableElementsFromRef()) => {\n      updateFocusIndex(\n        getNextFocusableIndex({\n          loopable,\n          increment: true,\n          focusables,\n          includeDisabled: true,\n          currentFocusIndex: currentFocusIndex.current,\n        }),\n        focusables\n      );\n    },\n    [getFocusableElementsFromRef, loopable, updateFocusIndex]\n  );\n  const focusPrevious = useCallback(\n    (focusables = getFocusableElementsFromRef()) => {\n      updateFocusIndex(\n        getNextFocusableIndex({\n          loopable,\n          increment: false,\n          focusables,\n          includeDisabled: true,\n          currentFocusIndex: currentFocusIndex.current,\n        }),\n        focusables\n      );\n    },\n    [getFocusableElementsFromRef, loopable, updateFocusIndex]\n  );\n  const focusFirst = useCallback(\n    (focusables = getFocusableElementsFromRef()) => {\n      updateFocusIndex(\n        getFirstFocusableIndex({\n          focusables,\n          includeDisabled,\n        }),\n        focusables\n      );\n    },\n    [getFocusableElementsFromRef, includeDisabled, updateFocusIndex]\n  );\n  const focusLast = useCallback(\n    (focusables = getFocusableElementsFromRef()) => {\n      updateFocusIndex(\n        getLastFocusableIndex({\n          focusables,\n          includeDisabled,\n        }),\n        focusables\n      );\n    },\n    [getFocusableElementsFromRef, includeDisabled, updateFocusIndex]\n  );\n  const focusFromKey = useCallback(\n    (options: KeyboardFocusFromKeyOptions) => {\n      const {\n        key,\n        reversed,\n        focusables = getFocusableElementsFromRef(),\n      } = options;\n      if (!searchable) {\n        return;\n      }\n\n      const index = findMatchIndex({\n        value: key,\n        values: focusables.map((element) =>\n          getSearchText(element, !isNotFocusable(element, includeDisabled))\n        ),\n        startIndex: reversed ? -1 : currentFocusIndex.current,\n      });\n      updateFocusIndex(index, focusables);\n    },\n    [getFocusableElementsFromRef, includeDisabled, searchable, updateFocusIndex]\n  );\n\n  const movementContext = useMemo<KeyboardMovementContext>(\n    () => ({\n      config,\n      loopable,\n      searchable,\n      horizontal,\n      focusFirst,\n      focusLast,\n      focusNext,\n      focusPrevious,\n      focusFromKey,\n      includeDisabled,\n      tabIndexBehavior,\n      activeDescendantId,\n    }),\n    [\n      activeDescendantId,\n      focusFirst,\n      focusFromKey,\n      focusLast,\n      focusNext,\n      focusPrevious,\n      horizontal,\n      includeDisabled,\n      loopable,\n      searchable,\n      tabIndexBehavior,\n    ]\n  );\n\n  return {\n    nodeRef,\n    movementProps: {\n      \"aria-activedescendant\":\n        tabIndexBehavior === \"virtual\" ? activeDescendantId : undefined,\n      ref: nodeRefCallback,\n      tabIndex,\n\n      // Note: This used to be on the `onFocus` event, but this causes issues in\n      // Chromium browsers for drag and drop behavior\n      onClick(event) {\n        onClick(event);\n        if (disabled) {\n          return;\n        }\n\n        // This makes it so you can click an element with a mouse and then\n        // keyboard navigate from that element instead of the last keyboard focus\n        // element\n        const { currentTarget, target } = event;\n        if (target === currentTarget || !(target instanceof HTMLElement)) {\n          return;\n        }\n\n        const focusables = getFocusableElements(currentTarget, programmatic);\n        const focusedIndex = focusables.findIndex(\n          (element) => element === target || element.contains(target)\n        );\n        if (focusedIndex === -1 || !focusables.length) {\n          return;\n        }\n\n        currentFocusIndex.current = focusedIndex;\n        const focused = focusables[focusedIndex];\n        if (tabIndexBehavior) {\n          setActiveDescendantId(focused.id);\n        }\n\n        // need to force focus back to the container element when using\n        // aria activedescendant\n        if (tabIndexBehavior === \"virtual\") {\n          refocus.current = true;\n          currentTarget.focus();\n        }\n\n        onFocusChange({\n          index: focusedIndex,\n          element: focused,\n        });\n      },\n      onFocus(event) {\n        onFocus(event);\n        if (event.isPropagationStopped() || refocus.current) {\n          refocus.current = false;\n          return;\n        }\n\n        if (\n          (mode !== \"keyboard\" && tabIndexBehavior !== \"virtual\") ||\n          event.target !== event.currentTarget\n        ) {\n          return;\n        }\n\n        const focusables = getFocusableElements(\n          event.currentTarget,\n          programmatic\n        );\n        if (!focusables.length) {\n          return;\n        }\n\n        let defaultFocusIndex = getDefaultFocusedIndex({\n          focusables,\n          includeDisabled,\n        });\n\n        // This allows my custom `getDefaultFocusedIndex` implementations to\n        // have a nice fallback without having to re-implement the \"focus\n        // first\" behavior\n        if (!isNegativeOneAllowed && defaultFocusIndex === -1) {\n          if (tabIndexBehavior === \"virtual\") {\n            // virtual keyboard navigation **must** always focus at least one element\n            defaultFocusIndex = getVirtualFocusDefaultIndex({\n              focusables,\n              includeDisabled,\n              activeDescendantId,\n            });\n          } else {\n            defaultFocusIndex = getFirstFocusableIndex({\n              focusables,\n              includeDisabled,\n            });\n          }\n        }\n\n        if (defaultFocusIndex === -1) {\n          return;\n        }\n\n        currentFocusIndex.current = defaultFocusIndex;\n        const focused = focusables[defaultFocusIndex];\n        if (tabIndexBehavior) {\n          setActiveDescendantId(focused.id);\n        }\n\n        if (tabIndexBehavior !== \"virtual\") {\n          focused.focus();\n        } else {\n          focused.scrollIntoView({ block: \"nearest\" });\n        }\n\n        onFocusChange({\n          index: defaultFocusIndex,\n          element: focused,\n        });\n      },\n      onKeyDown(event) {\n        onKeyDown(event);\n        if (disabled) {\n          return;\n        }\n\n        const { currentTarget } = event;\n\n        const setFocusIndex = (\n          index: number,\n          focusables: readonly HTMLElement[]\n        ): void => {\n          event.preventDefault();\n          event.stopPropagation();\n          updateFocusIndex(index, focusables);\n        };\n\n        extendKeyDown({\n          event,\n          setFocusIndex,\n          currentFocusIndex,\n          setActiveDescendantId,\n          ...movementContext,\n        });\n\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        // TODO: Figure this part out. This is currently required for the tree\n        // movement when the asterisk key is pressed. There might be other cases\n        // as well.\n        if (!isNegativeOneAllowed && currentFocusIndex.current === -1) {\n          currentFocusIndex.current = recalculateFocusIndex({\n            focusables: getFocusableElements(currentTarget, programmatic),\n            includeDisabled,\n            tabIndexBehavior,\n            activeDescendantId,\n          });\n        }\n\n        const { key, shiftKey } = event;\n        if (\n          tabIndexBehavior === \"virtual\" &&\n          activeDescendantId &&\n          (key === \" \" || key === \"Enter\")\n        ) {\n          if (key === \" \") {\n            event.preventDefault();\n          }\n\n          const focusables = getFocusableElements(currentTarget, programmatic);\n          const activeElement = focusables[currentFocusIndex.current];\n          if (!activeElement || isElementDisabled(activeElement)) {\n            return;\n          }\n\n          activeElement.click();\n          return;\n        }\n\n        const {\n          incrementKeys,\n          decrementKeys,\n          jumpToFirstKeys,\n          jumpToLastKeys,\n        } = config.current;\n\n        if (searchable && isSearchableEvent(event)) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusFromKey({ key, reversed: shiftKey });\n          return;\n        }\n\n        if (trackTabKeys && key === \"Tab\") {\n          currentFocusIndex.current += event.shiftKey ? -1 : 1;\n          return;\n        }\n\n        const jumpToFirst = jumpToFirstKeys.includes(key);\n        const jumpToLast = !jumpToFirst && jumpToLastKeys.includes(key);\n        const increment =\n          !jumpToFirst && !jumpToLast && incrementKeys.includes(key);\n        const decrement =\n          !jumpToFirst &&\n          !jumpToLast &&\n          !increment &&\n          decrementKeys.includes(key);\n\n        if (jumpToFirst) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusFirst();\n        } else if (jumpToLast) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusLast();\n        } else if (increment) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusNext();\n        } else if (decrement) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusPrevious();\n        }\n      },\n    },\n    movementContext,\n    currentFocusIndex,\n    activeDescendantId,\n    setActiveDescendantId,\n  };\n}\n"],"names":["createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","getFocusableElements","defaultGetFocusableElements","useUserInteractionMode","useDir","useEnsuredRef","useIsomorphicLayoutEffect","DEFAULT_KEYBOARD_MOVEMENT","DEFAULT_LTR_KEYBOARD_MOVEMENT","DEFAULT_RTL_KEYBOARD_MOVEMENT","findMatchIndex","getFirstFocusableIndex","getLastFocusableIndex","getNextFocusableIndex","getSearchText","getVirtualFocusDefaultIndex","isElementDisabled","isNotFocusable","isSearchableEvent","recalculateFocusIndex","noop","DEFAULT_KEYBOARD_MOVEMENT_CONTEXT","config","current","loopable","searchable","horizontal","includeDisabled","tabIndexBehavior","undefined","activeDescendantId","focusFirst","focusLast","focusNext","focusPrevious","focusFromKey","context","displayName","Provider","KeyboardMovementProvider","useKeyboardMovementContext","returnNegative1","useKeyboardMovementProvider","options","ref","propRef","onClick","onFocus","onKeyDown","disabled","trackTabKeys","extendKeyDown","onFocusChange","programmatic","incrementKeys","propIncrementKeys","decrementKeys","propDecrementKeys","jumpToFirstKeys","propJumpToFirstKeys","jumpToLastKeys","propJumpToLastKeys","getDefaultFocusedIndex","isNegativeOneAllowed","nodeRef","nodeRefCallback","isRTL","dir","defaults","configuration","mode","refocus","currentFocusIndex","setActiveDescendantId","process","env","NODE_ENV","tabIndex","getFocusableElementsFromRef","container","updateFocusIndex","index","focusables","focused","scrollIntoView","block","inline","id","focus","element","increment","key","reversed","value","values","map","startIndex","movementContext","movementProps","event","currentTarget","target","HTMLElement","focusedIndex","findIndex","contains","length","isPropagationStopped","defaultFocusIndex","setFocusIndex","preventDefault","stopPropagation","shiftKey","activeElement","click","jumpToFirst","includes","jumpToLast","decrement"],"mappings":"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"}
+{"version":3,"sources":["../../src/movement/useKeyboardMovementProvider.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { getFocusableElements as defaultGetFocusableElements } from \"../focus/utils.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { useDir } from \"../typography/WritingDirectionProvider.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport {\n  DEFAULT_KEYBOARD_MOVEMENT,\n  DEFAULT_LTR_KEYBOARD_MOVEMENT,\n  DEFAULT_RTL_KEYBOARD_MOVEMENT,\n} from \"./constants.js\";\nimport { findMatchIndex } from \"./findMatchIndex.js\";\nimport {\n  type KeyboardFocusFromKeyOptions,\n  type KeyboardMovementConfig,\n  type KeyboardMovementConfiguration,\n  type KeyboardMovementContext,\n  type KeyboardMovementProviderImplementation,\n  type KeyboardMovementProviderOptions,\n  type KeyboardMovementUpdateFocusIndexOptions,\n} from \"./types.js\";\nimport {\n  getFirstFocusableIndex,\n  getLastFocusableIndex,\n  getNextFocusableIndex,\n  getSearchText,\n  getVirtualFocusDefaultIndex,\n  isElementDisabled,\n  isNotFocusable,\n  isSearchableEvent,\n  recalculateFocusIndex,\n} from \"./utils.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.3.0\n */\nexport const DEFAULT_KEYBOARD_MOVEMENT_CONTEXT: Readonly<KeyboardMovementContext> =\n  {\n    config: { current: DEFAULT_KEYBOARD_MOVEMENT },\n    loopable: false,\n    searchable: false,\n    horizontal: false,\n    includeDisabled: false,\n    tabIndexBehavior: undefined,\n    activeDescendantId: \"\",\n    focusFirst: noop,\n    focusLast: noop,\n    focusNext: noop,\n    focusPrevious: noop,\n    focusFromKey: noop,\n    focusCurrent: (): undefined => {},\n    updateFocusIndex: noop,\n  };\n\n/**\n * @since 5.0.0\n * @internal\n */\nconst context = createContext<KeyboardMovementContext>(\n  DEFAULT_KEYBOARD_MOVEMENT_CONTEXT\n);\ncontext.displayName = \"KeyboardMovement\";\nexport const { Provider: KeyboardMovementProvider } = context;\n\n/**\n * @since 5.0.0\n * @internal\n */\nexport function useKeyboardMovementContext(): Readonly<KeyboardMovementContext> {\n  return useContext(context);\n}\n\nconst returnNegative1 = (): number => -1;\n\n/**\n * Implements the custom keyboard movement behavior throughout react-md. Using\n * the \"Find References\" will be the best way to see example usage.\n *\n * @example Default Keyboard Movement for any Focusable Element\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider();\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         {children}\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n *\n * @example Active Descendant Movement\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementContext,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n * import { useId } from \"react\";\n *\n * function Child(): ReactElement {\n *   const id = useId()\n *   const { activeDescendantId } = useKeyboardMovementContext();\n *\n *   return (\n *     <div\n *       {...props}\n *       id={id}\n *       className={cnb(id === activeDescendantId && \"focused-class-name\")}\n *     >\n *       Some Content\n *     </div>\n *   );\n * }\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider({\n *     loopable: true,\n *     searchable: true,\n *     tabIndexBehavior: \"virtual\",\n *   });\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         <Child />\n *         <Child />\n *         <Child />\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n *\n * @example Roving Tab Index\n * ```tsx\n * import {\n *   KeyboardMovementProvider,\n *   useKeyboardMovementContext,\n *   useKeyboardMovementProvider,\n * } from \"@react-md/core/movement/useKeyboardMovementProvider\";\n * import type { ReactElement, ReactNode } from \"react\";\n * import { useId } from \"react\";\n *\n * function Child(): ReactElement {\n *   const id = useId()\n *   const { activeDescendantId } = useKeyboardMovementContext();\n *\n *   return (\n *     <div\n *       {...props}\n *       id={id}\n *       tabIndex={id === activeDescendantId ? 0 : -1}\n *     >\n *       Some Content\n *     </div>\n *   );\n * }\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const { movementContext, movementProps } = useKeyboardMovementProvider({\n *     loopable: true,\n *     searchable: true,\n *     tabIndexBehavior: \"roving\",\n *   });\n *\n *   // any focusable element child can be focused with the arrow , home, and\n *   // end keys\n *   return (\n *     <KeyboardMovementProvider value={movementContext}>\n *       <div {...movementProps}>\n *         <Child />\n *         <Child />\n *         <Child />\n *       </div>\n *     </KeyboardMovementProvider>\n *   );\n * }\n * ```\n * @since 6.0.0\n * @internal\n */\nexport function useKeyboardMovementProvider<E extends HTMLElement>(\n  options: KeyboardMovementProviderOptions<E> = {}\n): KeyboardMovementProviderImplementation<E> {\n  const {\n    ref: propRef,\n    onClick = noop,\n    onFocus = noop,\n    onKeyDown = noop,\n    loopable = false,\n    disabled,\n    searchable = false,\n    horizontal = false,\n    trackTabKeys = false,\n    includeDisabled = false,\n    tabIndexBehavior,\n    extendKeyDown = noop,\n    onFocusChange = noop,\n    programmatic = includeDisabled,\n    incrementKeys: propIncrementKeys,\n    decrementKeys: propDecrementKeys,\n    jumpToFirstKeys: propJumpToFirstKeys,\n    jumpToLastKeys: propJumpToLastKeys,\n    getFocusableElements = defaultGetFocusableElements,\n    getDefaultFocusedIndex = returnNegative1,\n    isNegativeOneAllowed = false,\n  } = options;\n\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n\n  const isRTL = useDir().dir === \"rtl\";\n  let defaults: Readonly<Required<KeyboardMovementConfiguration>>;\n  if (horizontal) {\n    defaults = isRTL\n      ? DEFAULT_RTL_KEYBOARD_MOVEMENT\n      : DEFAULT_LTR_KEYBOARD_MOVEMENT;\n  } else {\n    defaults = DEFAULT_KEYBOARD_MOVEMENT;\n  }\n\n  const incrementKeys = propIncrementKeys || defaults.incrementKeys;\n  const decrementKeys = propDecrementKeys || defaults.decrementKeys;\n  const jumpToFirstKeys = propJumpToFirstKeys || defaults.jumpToFirstKeys;\n  const jumpToLastKeys = propJumpToLastKeys || defaults.jumpToLastKeys;\n\n  const configuration: KeyboardMovementConfig = {\n    incrementKeys,\n    decrementKeys,\n    jumpToFirstKeys,\n    jumpToLastKeys,\n  };\n  const config = useRef(configuration);\n  useIsomorphicLayoutEffect(() => {\n    config.current = configuration;\n  });\n\n  const mode = useUserInteractionMode();\n  const refocus = useRef(false);\n  const currentFocusIndex = useRef(-1);\n  const [activeDescendantId, setActiveDescendantId] = useState(\"\");\n\n  if (process.env.NODE_ENV !== \"production\") {\n    // this fixes issues during hot reloading and using the `useId()` hook\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      return () => {\n        setActiveDescendantId(\"\");\n      };\n    }, []);\n  }\n\n  let tabIndex: number | undefined;\n  if (tabIndexBehavior) {\n    tabIndex =\n      disabled || (tabIndexBehavior === \"roving\" && activeDescendantId)\n        ? -1\n        : 0;\n  }\n\n  const getFocusableElementsFromRef = useCallback(() => {\n    const container = nodeRef.current;\n    if (!container) {\n      return [];\n    }\n\n    return getFocusableElements(container, programmatic);\n  }, [getFocusableElements, nodeRef, programmatic]);\n  const focusCurrent = useCallback(\n    (focusables = getFocusableElementsFromRef()): HTMLElement | undefined => {\n      const index = currentFocusIndex.current;\n      if (index === -1) {\n        return;\n      }\n\n      const focused = focusables[index];\n      if (!focused) {\n        return;\n      }\n\n      if (tabIndexBehavior) {\n        focused.scrollIntoView({\n          block: \"nearest\",\n          inline: \"nearest\",\n        });\n        setActiveDescendantId(focused.id);\n      }\n\n      if (tabIndexBehavior !== \"virtual\") {\n        focused.focus();\n      }\n\n      return focused;\n    },\n    [getFocusableElementsFromRef, tabIndexBehavior]\n  );\n  const updateFocusIndex = useCallback(\n    (options: KeyboardMovementUpdateFocusIndexOptions) => {\n      const {\n        index,\n        force,\n        focusables = getFocusableElementsFromRef(),\n      } = options;\n      const isSameIndex = currentFocusIndex.current === index;\n      if ((!force && isSameIndex) || index === -1) {\n        return;\n      }\n\n      currentFocusIndex.current = index;\n      const focused = focusCurrent(focusables);\n      if (focused && !isSameIndex) {\n        onFocusChange({\n          index,\n          element: focused,\n        });\n      }\n    },\n    [focusCurrent, getFocusableElementsFromRef, onFocusChange]\n  );\n\n  const focusNext = useCallback(\n    (focusables = getFocusableElementsFromRef(), force = false) => {\n      updateFocusIndex({\n        index: getNextFocusableIndex({\n          loopable,\n          increment: true,\n          focusables,\n          includeDisabled: true,\n          currentFocusIndex: currentFocusIndex.current,\n        }),\n        force,\n        focusables,\n      });\n    },\n    [getFocusableElementsFromRef, loopable, updateFocusIndex]\n  );\n  const focusPrevious = useCallback(\n    (focusables = getFocusableElementsFromRef(), force = false) => {\n      updateFocusIndex({\n        index: getNextFocusableIndex({\n          loopable,\n          increment: false,\n          focusables,\n          includeDisabled: true,\n          currentFocusIndex: currentFocusIndex.current,\n        }),\n        force,\n        focusables,\n      });\n    },\n    [getFocusableElementsFromRef, loopable, updateFocusIndex]\n  );\n  const focusFirst = useCallback(\n    (focusables = getFocusableElementsFromRef(), force = false) => {\n      updateFocusIndex({\n        index: getFirstFocusableIndex({\n          focusables,\n          includeDisabled,\n        }),\n        force,\n        focusables,\n      });\n    },\n    [getFocusableElementsFromRef, includeDisabled, updateFocusIndex]\n  );\n  const focusLast = useCallback(\n    (focusables = getFocusableElementsFromRef(), force = false) => {\n      updateFocusIndex({\n        index: getLastFocusableIndex({\n          focusables,\n          includeDisabled,\n        }),\n        force,\n        focusables,\n      });\n    },\n    [getFocusableElementsFromRef, includeDisabled, updateFocusIndex]\n  );\n  const focusFromKey = useCallback(\n    (options: KeyboardFocusFromKeyOptions) => {\n      const {\n        key,\n        force,\n        reversed,\n        focusables = getFocusableElementsFromRef(),\n      } = options;\n      if (!searchable) {\n        return;\n      }\n\n      const index = findMatchIndex({\n        value: key,\n        values: focusables.map((element) =>\n          getSearchText(element, !isNotFocusable(element, includeDisabled))\n        ),\n        startIndex: reversed ? -1 : currentFocusIndex.current,\n      });\n      updateFocusIndex({ index, force, focusables });\n    },\n    [getFocusableElementsFromRef, includeDisabled, searchable, updateFocusIndex]\n  );\n\n  const movementContext = useMemo<KeyboardMovementContext>(\n    () => ({\n      config,\n      loopable,\n      searchable,\n      horizontal,\n      focusFirst,\n      focusLast,\n      focusNext,\n      focusPrevious,\n      focusFromKey,\n      focusCurrent,\n      updateFocusIndex,\n      includeDisabled,\n      tabIndexBehavior,\n      activeDescendantId,\n    }),\n    [\n      activeDescendantId,\n      focusCurrent,\n      focusFirst,\n      focusFromKey,\n      focusLast,\n      focusNext,\n      focusPrevious,\n      horizontal,\n      includeDisabled,\n      loopable,\n      searchable,\n      tabIndexBehavior,\n      updateFocusIndex,\n    ]\n  );\n\n  return {\n    nodeRef,\n    movementProps: {\n      \"aria-activedescendant\":\n        tabIndexBehavior === \"virtual\" ? activeDescendantId : undefined,\n      ref: nodeRefCallback,\n      tabIndex,\n\n      // Note: This used to be on the `onFocus` event, but this causes issues in\n      // Chromium browsers for drag and drop behavior\n      onClick(event) {\n        onClick(event);\n        if (disabled) {\n          return;\n        }\n\n        // This makes it so you can click an element with a mouse and then\n        // keyboard navigate from that element instead of the last keyboard focus\n        // element\n        const { currentTarget, target } = event;\n        if (target === currentTarget || !(target instanceof HTMLElement)) {\n          return;\n        }\n\n        const focusables = getFocusableElements(currentTarget, programmatic);\n        const focusedIndex = focusables.findIndex(\n          (element) => element === target || element.contains(target)\n        );\n        if (focusedIndex === -1 || !focusables.length) {\n          return;\n        }\n\n        currentFocusIndex.current = focusedIndex;\n        const focused = focusables[focusedIndex];\n        if (tabIndexBehavior) {\n          setActiveDescendantId(focused.id);\n        }\n\n        // need to force focus back to the container element when using\n        // aria activedescendant\n        if (tabIndexBehavior === \"virtual\") {\n          refocus.current = true;\n          currentTarget.focus();\n        }\n\n        onFocusChange({\n          index: focusedIndex,\n          element: focused,\n        });\n      },\n      onFocus(event) {\n        onFocus(event);\n        if (event.isPropagationStopped() || refocus.current) {\n          refocus.current = false;\n          return;\n        }\n\n        if (\n          (mode !== \"keyboard\" && tabIndexBehavior !== \"virtual\") ||\n          event.target !== event.currentTarget\n        ) {\n          return;\n        }\n\n        const focusables = getFocusableElements(\n          event.currentTarget,\n          programmatic\n        );\n        if (!focusables.length) {\n          return;\n        }\n\n        let defaultFocusIndex = getDefaultFocusedIndex({\n          focusables,\n          includeDisabled,\n        });\n\n        // This allows my custom `getDefaultFocusedIndex` implementations to\n        // have a nice fallback without having to re-implement the \"focus\n        // first\" behavior\n        if (!isNegativeOneAllowed && defaultFocusIndex === -1) {\n          if (tabIndexBehavior === \"virtual\") {\n            // virtual keyboard navigation **must** always focus at least one element\n            defaultFocusIndex = getVirtualFocusDefaultIndex({\n              focusables,\n              includeDisabled,\n              activeDescendantId,\n            });\n          } else {\n            defaultFocusIndex = getFirstFocusableIndex({\n              focusables,\n              includeDisabled,\n            });\n          }\n        }\n\n        if (defaultFocusIndex === -1) {\n          return;\n        }\n\n        currentFocusIndex.current = defaultFocusIndex;\n        const focused = focusables[defaultFocusIndex];\n        if (tabIndexBehavior) {\n          setActiveDescendantId(focused.id);\n        }\n\n        if (tabIndexBehavior !== \"virtual\") {\n          focused.focus();\n        } else {\n          focused.scrollIntoView({ block: \"nearest\" });\n        }\n\n        onFocusChange({\n          index: defaultFocusIndex,\n          element: focused,\n        });\n      },\n      onKeyDown(event) {\n        onKeyDown(event);\n        if (disabled) {\n          return;\n        }\n\n        const { currentTarget } = event;\n\n        const setFocusIndex = (\n          index: number,\n          focusables: readonly HTMLElement[]\n        ): void => {\n          event.preventDefault();\n          event.stopPropagation();\n          updateFocusIndex({ index, focusables });\n        };\n\n        extendKeyDown({\n          event,\n          setFocusIndex,\n          currentFocusIndex,\n          setActiveDescendantId,\n          ...movementContext,\n        });\n\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        // TODO: Figure this part out. This is currently required for the tree\n        // movement when the asterisk key is pressed. There might be other cases\n        // as well.\n        if (!isNegativeOneAllowed && currentFocusIndex.current === -1) {\n          currentFocusIndex.current = recalculateFocusIndex({\n            focusables: getFocusableElements(currentTarget, programmatic),\n            includeDisabled,\n            tabIndexBehavior,\n            activeDescendantId,\n          });\n        }\n\n        const { key, shiftKey } = event;\n        if (\n          tabIndexBehavior === \"virtual\" &&\n          activeDescendantId &&\n          (key === \" \" || key === \"Enter\")\n        ) {\n          if (key === \" \") {\n            event.preventDefault();\n          }\n\n          const focusables = getFocusableElements(currentTarget, programmatic);\n          const activeElement = focusables[currentFocusIndex.current];\n          if (!activeElement || isElementDisabled(activeElement)) {\n            return;\n          }\n\n          activeElement.click();\n          return;\n        }\n\n        const {\n          incrementKeys,\n          decrementKeys,\n          jumpToFirstKeys,\n          jumpToLastKeys,\n        } = config.current;\n\n        if (searchable && isSearchableEvent(event)) {\n          event.preventDefault();\n          event.stopPropagation();\n          focusFromKey({ key, reversed: shiftKey });\n          return;\n        }\n\n        if (trackTabKeys && key === \"Tab\") {\n          currentFocusIndex.current = getNextFocusableIndex({\n            loopable,\n            increment: !event.shiftKey,\n            focusables: getFocusableElements(currentTarget, programmatic),\n            includeDisabled,\n            currentFocusIndex: currentFocusIndex.current,\n          });\n          return;\n        }\n\n        const jumpToFirst = jumpToFirstKeys.includes(key);\n        const jumpToLast = !jumpToFirst && jumpToLastKeys.includes(key);\n        const increment =\n          !jumpToFirst && !jumpToLast && incrementKeys.includes(key);\n        const decrement =\n          !jumpToFirst &&\n          !jumpToLast &&\n          !increment &&\n          decrementKeys.includes(key);\n\n        if (jumpToFirst || jumpToLast || increment || decrement) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n\n        if (jumpToFirst) {\n          focusFirst();\n        } else if (jumpToLast) {\n          focusLast();\n        } else if (increment) {\n          focusNext();\n        } else if (decrement) {\n          focusPrevious();\n        }\n      },\n    },\n    movementContext,\n    currentFocusIndex,\n    activeDescendantId,\n    setActiveDescendantId,\n  };\n}\n"],"names":["createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","getFocusableElements","defaultGetFocusableElements","useUserInteractionMode","useDir","useEnsuredRef","useIsomorphicLayoutEffect","DEFAULT_KEYBOARD_MOVEMENT","DEFAULT_LTR_KEYBOARD_MOVEMENT","DEFAULT_RTL_KEYBOARD_MOVEMENT","findMatchIndex","getFirstFocusableIndex","getLastFocusableIndex","getNextFocusableIndex","getSearchText","getVirtualFocusDefaultIndex","isElementDisabled","isNotFocusable","isSearchableEvent","recalculateFocusIndex","noop","DEFAULT_KEYBOARD_MOVEMENT_CONTEXT","config","current","loopable","searchable","horizontal","includeDisabled","tabIndexBehavior","undefined","activeDescendantId","focusFirst","focusLast","focusNext","focusPrevious","focusFromKey","focusCurrent","updateFocusIndex","context","displayName","Provider","KeyboardMovementProvider","useKeyboardMovementContext","returnNegative1","useKeyboardMovementProvider","options","ref","propRef","onClick","onFocus","onKeyDown","disabled","trackTabKeys","extendKeyDown","onFocusChange","programmatic","incrementKeys","propIncrementKeys","decrementKeys","propDecrementKeys","jumpToFirstKeys","propJumpToFirstKeys","jumpToLastKeys","propJumpToLastKeys","getDefaultFocusedIndex","isNegativeOneAllowed","nodeRef","nodeRefCallback","isRTL","dir","defaults","configuration","mode","refocus","currentFocusIndex","setActiveDescendantId","process","env","NODE_ENV","tabIndex","getFocusableElementsFromRef","container","focusables","index","focused","scrollIntoView","block","inline","id","focus","force","isSameIndex","element","increment","key","reversed","value","values","map","startIndex","movementContext","movementProps","event","currentTarget","target","HTMLElement","focusedIndex","findIndex","contains","length","isPropagationStopped","defaultFocusIndex","setFocusIndex","preventDefault","stopPropagation","shiftKey","activeElement","click","jumpToFirst","includes","jumpToLast","decrement"],"mappings":"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"}

package/dist/navigation/CollapsibleNavGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/CollapsibleNavGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type LiHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CollapseTransitionHookOptions,\n  useCollapseTransition,\n} from \"../transition/useCollapseTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { NavGroup, type NavGroupProps } from \"./NavGroup.js\";\nimport { NavItem } from \"./NavItem.js\";\nimport {\n  NavItemButton,\n  type NavItemButtonRotatorProps,\n} from \"./NavItemButton.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface CollapsibleNavGroupProps\n  extends NavGroupProps,\n    NavItemButtonRotatorProps {\n  liProps?: PropsWithRef<LiHTMLAttributes<HTMLLIElement>>;\n  buttonProps?: PropsWithRef<ButtonProps>;\n  collapseOptions?: Omit<\n    CollapseTransitionHookOptions<HTMLUListElement>,\n    \"nodeRef\" | \"className\" | \"transitionIn\"\n  >;\n\n  /**\n   * The children to render in the {@link NavItemButton} that toggles the\n   * collapsed state\n   */\n  buttonChildren: ReactNode;\n\n  /**\n   * The content that should be rendered in the non-collapsed {@link NavGroup}.\n   */\n  children: ReactNode;\n\n  collapsed: boolean;\n  toggleCollapsed: () => void;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const CollapsibleNavGroup = forwardRef<\n  HTMLUListElement,\n  CollapsibleNavGroupProps\n>(function CollapsibleNavGroup(props, ref) {\n  const {\n    liProps,\n    buttonProps,\n    buttonChildren,\n    icon,\n    iconRotatorProps,\n    disableIconRotator,\n    className,\n    children,\n    collapsed,\n    toggleCollapsed,\n    collapseOptions,\n    ...remaining\n  } = props;\n\n  const { rendered, elementProps } = useCollapseTransition({\n    ...collapseOptions,\n    nodeRef: ref,\n    className,\n    transitionIn: !collapsed,\n  });\n  const onButtonClick = buttonProps?.onClick ?? noop;\n\n  return (\n    <NavItem {...liProps}>\n      <NavItemButton\n        {...buttonProps}\n        onClick={(event) => {\n          onButtonClick(event);\n          toggleCollapsed();\n        }}\n        collapsed={collapsed}\n        icon={icon}\n        iconRotatorProps={iconRotatorProps}\n        disableIconRotator={disableIconRotator}\n      >\n        {buttonChildren}\n      </NavItemButton>\n      {rendered && (\n        <NavGroup {...remaining} {...elementProps}>\n          {children}\n        </NavGroup>\n      )}\n    </NavItem>\n  );\n});\n"],"names":["forwardRef","useCollapseTransition","NavGroup","NavItem","NavItemButton","noop","CollapsibleNavGroup","props","ref","liProps","buttonProps","buttonChildren","icon","iconRotatorProps","disableIconRotator","className","children","collapsed","toggleCollapsed","collapseOptions","remaining","rendered","elementProps","nodeRef","transitionIn","onButtonClick","onClick","event"],"mappings":"AAAA;;AAEA,SAAgDA,UAAU,QAAQ,QAAQ;AAG1E,SAEEC,qBAAqB,QAChB,yCAAyC;AAEhD,SAASC,QAAQ,QAA4B,gBAAgB;AAC7D,SAASC,OAAO,QAAQ,eAAe;AACvC,SACEC,aAAa,QAER,qBAAqB;AAE5B,MAAMC,OAAO;AACX,aAAa;AACf;AA8BA;;;;;CAKC,GACD,OAAO,MAAMC,oCAAsBN,WAGjC,SAASM,oBAAoBC,KAAK,EAAEC,GAAG;IACvC,MAAM,EACJC,OAAO,EACPC,WAAW,EACXC,cAAc,EACdC,IAAI,EACJC,gBAAgB,EAChBC,kBAAkB,EAClBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,eAAe,EACfC,eAAe,EACf,GAAGC,WACJ,GAAGb;IAEJ,MAAM,EAAEc,QAAQ,EAAEC,YAAY,EAAE,GAAGrB,sBAAsB;QACvD,GAAGkB,eAAe;QAClBI,SAASf;QACTO;QACAS,cAAc,CAACP;IACjB;IACA,MAAMQ,gBAAgBf,aAAagB,WAAWrB;IAE9C,qBACE,MAACF;QAAS,GAAGM,OAAO;;0BAClB,KAACL;gBACE,GAAGM,WAAW;gBACfgB,SAAS,CAACC;oBACRF,cAAcE;oBACdT;gBACF;gBACAD,WAAWA;gBACXL,MAAMA;gBACNC,kBAAkBA;gBAClBC,oBAAoBA;0BAEnBH;;YAEFU,0BACC,KAACnB;gBAAU,GAAGkB,SAAS;gBAAG,GAAGE,YAAY;0BACtCN;;;;AAKX,GAAG"}
+{"version":3,"sources":["../../src/navigation/CollapsibleNavGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type LiHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CollapseTransitionHookOptions,\n  useCollapseTransition,\n} from \"../transition/useCollapseTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { NavGroup, type NavGroupProps } from \"./NavGroup.js\";\nimport { NavItem } from \"./NavItem.js\";\nimport {\n  NavItemButton,\n  type NavItemButtonRotatorProps,\n} from \"./NavItemButton.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface CollapsibleNavGroupProps\n  extends NavGroupProps, NavItemButtonRotatorProps {\n  liProps?: PropsWithRef<LiHTMLAttributes<HTMLLIElement>>;\n  buttonProps?: PropsWithRef<ButtonProps>;\n  collapseOptions?: Omit<\n    CollapseTransitionHookOptions<HTMLUListElement>,\n    \"nodeRef\" | \"className\" | \"transitionIn\"\n  >;\n\n  /**\n   * The children to render in the {@link NavItemButton} that toggles the\n   * collapsed state\n   */\n  buttonChildren: ReactNode;\n\n  /**\n   * The content that should be rendered in the non-collapsed {@link NavGroup}.\n   */\n  children: ReactNode;\n\n  collapsed: boolean;\n  toggleCollapsed: () => void;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const CollapsibleNavGroup = forwardRef<\n  HTMLUListElement,\n  CollapsibleNavGroupProps\n>(function CollapsibleNavGroup(props, ref) {\n  const {\n    liProps,\n    buttonProps,\n    buttonChildren,\n    icon,\n    iconRotatorProps,\n    disableIconRotator,\n    className,\n    children,\n    collapsed,\n    toggleCollapsed,\n    collapseOptions,\n    ...remaining\n  } = props;\n\n  const { rendered, elementProps } = useCollapseTransition({\n    ...collapseOptions,\n    nodeRef: ref,\n    className,\n    transitionIn: !collapsed,\n  });\n  const onButtonClick = buttonProps?.onClick ?? noop;\n\n  return (\n    <NavItem {...liProps}>\n      <NavItemButton\n        {...buttonProps}\n        onClick={(event) => {\n          onButtonClick(event);\n          toggleCollapsed();\n        }}\n        collapsed={collapsed}\n        icon={icon}\n        iconRotatorProps={iconRotatorProps}\n        disableIconRotator={disableIconRotator}\n      >\n        {buttonChildren}\n      </NavItemButton>\n      {rendered && (\n        <NavGroup {...remaining} {...elementProps}>\n          {children}\n        </NavGroup>\n      )}\n    </NavItem>\n  );\n});\n"],"names":["forwardRef","useCollapseTransition","NavGroup","NavItem","NavItemButton","noop","CollapsibleNavGroup","props","ref","liProps","buttonProps","buttonChildren","icon","iconRotatorProps","disableIconRotator","className","children","collapsed","toggleCollapsed","collapseOptions","remaining","rendered","elementProps","nodeRef","transitionIn","onButtonClick","onClick","event"],"mappings":"AAAA;;AAEA,SAAgDA,UAAU,QAAQ,QAAQ;AAG1E,SAEEC,qBAAqB,QAChB,yCAAyC;AAEhD,SAASC,QAAQ,QAA4B,gBAAgB;AAC7D,SAASC,OAAO,QAAQ,eAAe;AACvC,SACEC,aAAa,QAER,qBAAqB;AAE5B,MAAMC,OAAO;AACX,aAAa;AACf;AA6BA;;;;;CAKC,GACD,OAAO,MAAMC,oCAAsBN,WAGjC,SAASM,oBAAoBC,KAAK,EAAEC,GAAG;IACvC,MAAM,EACJC,OAAO,EACPC,WAAW,EACXC,cAAc,EACdC,IAAI,EACJC,gBAAgB,EAChBC,kBAAkB,EAClBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,eAAe,EACfC,eAAe,EACf,GAAGC,WACJ,GAAGb;IAEJ,MAAM,EAAEc,QAAQ,EAAEC,YAAY,EAAE,GAAGrB,sBAAsB;QACvD,GAAGkB,eAAe;QAClBI,SAASf;QACTO;QACAS,cAAc,CAACP;IACjB;IACA,MAAMQ,gBAAgBf,aAAagB,WAAWrB;IAE9C,qBACE,MAACF;QAAS,GAAGM,OAAO;;0BAClB,KAACL;gBACE,GAAGM,WAAW;gBACfgB,SAAS,CAACC;oBACRF,cAAcE;oBACdT;gBACF;gBACAD,WAAWA;gBACXL,MAAMA;gBACNC,kBAAkBA;gBAClBC,oBAAoBA;0BAEnBH;;YAEFU,0BACC,KAACnB;gBAAU,GAAGkB,SAAS;gBAAG,GAAGE,YAAY;0BACtCN;;;;AAKX,GAAG"}

package/dist/navigation/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/NavItem.tsx"],"sourcesContent":["import { type LiHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type NavItemClassNameOptions, navItem } from \"./navItemStyles.js\";\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends NavItemClassNameOptions to allow for CSS properties\n * augmentation.\n */\nexport interface NavItemProps\n  extends LiHTMLAttributes<HTMLLIElement>,\n    NavItemClassNameOptions {\n  children: ReactNode;\n}\n\n/**\n * This component is just used to add padding based on the depth of the nav item\n * and should not be used on its own. See the `CollapsibleNavGroup` and\n * `NavItemLink` instead.\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItem = forwardRef<HTMLLIElement, NavItemProps>(\n  function NavItem(props, ref) {\n    const { className, children, ...remaining } = props;\n    return (\n      <li {...remaining} ref={ref} className={navItem({ className })}>\n        {children}\n      </li>\n    );\n  }\n);\n"],"names":["forwardRef","navItem","NavItem","props","ref","className","children","remaining","li"],"mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAE1E,SAAuCC,OAAO,QAAQ,qBAAqB;AAa3E;;;;;;;CAOC,GACD,OAAO,MAAMC,wBAAUF,WACrB,SAASE,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGJ;IAC9C,qBACE,KAACK;QAAI,GAAGD,SAAS;QAAEH,KAAKA;QAAKC,WAAWJ,QAAQ;YAAEI;QAAU;kBACzDC;;AAGP,GACA"}
+{"version":3,"sources":["../../src/navigation/NavItem.tsx"],"sourcesContent":["import { type LiHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type NavItemClassNameOptions, navItem } from \"./navItemStyles.js\";\n\n/**\n * @since 6.0.0\n * @since 6.3.1 Extends NavItemClassNameOptions to allow for CSS properties\n * augmentation.\n */\nexport interface NavItemProps\n  extends LiHTMLAttributes<HTMLLIElement>, NavItemClassNameOptions {\n  children: ReactNode;\n}\n\n/**\n * This component is just used to add padding based on the depth of the nav item\n * and should not be used on its own. See the `CollapsibleNavGroup` and\n * `NavItemLink` instead.\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItem = forwardRef<HTMLLIElement, NavItemProps>(\n  function NavItem(props, ref) {\n    const { className, children, ...remaining } = props;\n    return (\n      <li {...remaining} ref={ref} className={navItem({ className })}>\n        {children}\n      </li>\n    );\n  }\n);\n"],"names":["forwardRef","navItem","NavItem","props","ref","className","children","remaining","li"],"mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAE1E,SAAuCC,OAAO,QAAQ,qBAAqB;AAY3E;;;;;;;CAOC,GACD,OAAO,MAAMC,wBAAUF,WACrB,SAASE,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGJ;IAC9C,qBACE,KAACK;QAAI,GAAGD,SAAS;QAAEH,KAAKA;QAAKC,WAAWJ,QAAQ;YAAEI;QAAU;kBACzDC;;AAGP,GACA"}

package/dist/navigation/NavItemButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/NavItemButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type MouseEventHandler, type ReactNode, forwardRef } from \"react\";\n\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport { IconRotator, type IconRotatorBaseProps } from \"../icon/IconRotator.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { Tooltip } from \"../tooltip/Tooltip.js\";\nimport { useTooltip } from \"../tooltip/useTooltip.js\";\nimport { navItemContent } from \"./navItemStyles.js\";\nimport { type NavItemContentProps } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemButtonRotatorProps {\n  /** @defaultValue `getIcon(\"dropdown\")` */\n  icon?: ReactNode;\n  iconRotatorProps?: Omit<IconRotatorBaseProps, \"rotated\">;\n  disableIconRotator?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemButtonProps\n  extends Omit<ButtonProps, \"children\">,\n    NavItemButtonRotatorProps,\n    NavItemContentProps {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  collapsed: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItemButton = forwardRef<HTMLButtonElement, NavItemButtonProps>(\n  function NavItemButton(props, ref) {\n    const {\n      className,\n      collapsed,\n      icon,\n      iconRotatorProps,\n      disableIconRotator,\n      children,\n      beforeAddon,\n      afterAddon,\n      spanProps,\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      tooltipOptions,\n      ...remaining\n    } = props;\n\n    const { elementProps, tooltipProps, overflowRef } = useTooltip({\n      overflowOnly: true,\n      defaultPosition: \"right\",\n      ...tooltipOptions,\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n    });\n\n    return (\n      <>\n        <Button\n          aria-expanded={!collapsed}\n          {...remaining}\n          {...elementProps}\n          ref={ref}\n          className={navItemContent({ className })}\n        >\n          {beforeAddon}\n          <span\n            {...spanProps}\n            ref={overflowRef}\n            className={cssUtils({\n              className: spanProps?.className,\n              textOverflow: \"ellipsis\",\n            })}\n          >\n            {children}\n          </span>\n          {afterAddon}\n          {!disableIconRotator && (\n            <IconRotator {...iconRotatorProps} rotated={!collapsed}>\n              {getIcon(\"dropdown\", icon)}\n            </IconRotator>\n          )}\n        </Button>\n        <Tooltip {...tooltipProps}>{children}</Tooltip>\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","Button","cssUtils","IconRotator","getIcon","Tooltip","useTooltip","navItemContent","NavItemButton","props","ref","className","collapsed","icon","iconRotatorProps","disableIconRotator","children","beforeAddon","afterAddon","spanProps","onBlur","onContextMenu","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","tooltipOptions","remaining","elementProps","tooltipProps","overflowRef","overflowOnly","defaultPosition","aria-expanded","span","textOverflow","rotated"],"mappings":"AAAA;;AAEA,SAAiDA,UAAU,QAAQ,QAAQ;AAE3E,SAASC,MAAM,QAA0B,sBAAsB;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAmC,yBAAyB;AAChF,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,cAAc,QAAQ,qBAAqB;AAwBpD;;;;;CAKC,GACD,OAAO,MAAMC,8BAAgBR,WAC3B,SAASQ,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,kBAAkB,EAClBC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,cAAc,EACd,GAAGC,WACJ,GAAGnB;IAEJ,MAAM,EAAEoB,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAE,GAAGzB,WAAW;QAC7D0B,cAAc;QACdC,iBAAiB;QACjB,GAAGN,cAAc;QACjBP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE;;0BACE,MAACzB;gBACCiC,iBAAe,CAACtB;gBACf,GAAGgB,SAAS;gBACZ,GAAGC,YAAY;gBAChBnB,KAAKA;gBACLC,WAAWJ,eAAe;oBAAEI;gBAAU;;oBAErCM;kCACD,KAACkB;wBACE,GAAGhB,SAAS;wBACbT,KAAKqB;wBACLpB,WAAWT,SAAS;4BAClBS,WAAWQ,WAAWR;4BACtByB,cAAc;wBAChB;kCAECpB;;oBAEFE;oBACA,CAACH,oCACA,KAACZ;wBAAa,GAAGW,gBAAgB;wBAAEuB,SAAS,CAACzB;kCAC1CR,QAAQ,YAAYS;;;;0BAI3B,KAACR;gBAAS,GAAGyB,YAAY;0BAAGd;;;;AAGlC,GACA"}
+{"version":3,"sources":["../../src/navigation/NavItemButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { type MouseEventHandler, type ReactNode, forwardRef } from \"react\";\n\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport { IconRotator, type IconRotatorBaseProps } from \"../icon/IconRotator.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { Tooltip } from \"../tooltip/Tooltip.js\";\nimport { useTooltip } from \"../tooltip/useTooltip.js\";\nimport { navItemContent } from \"./navItemStyles.js\";\nimport { type NavItemContentProps } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemButtonRotatorProps {\n  /** @defaultValue `getIcon(\"dropdown\")` */\n  icon?: ReactNode;\n  iconRotatorProps?: Omit<IconRotatorBaseProps, \"rotated\">;\n  disableIconRotator?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemButtonProps\n  extends\n    Omit<ButtonProps, \"children\">,\n    NavItemButtonRotatorProps,\n    NavItemContentProps {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  collapsed: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItemButton = forwardRef<HTMLButtonElement, NavItemButtonProps>(\n  function NavItemButton(props, ref) {\n    const {\n      className,\n      collapsed,\n      icon,\n      iconRotatorProps,\n      disableIconRotator,\n      children,\n      beforeAddon,\n      afterAddon,\n      spanProps,\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      tooltipOptions,\n      ...remaining\n    } = props;\n\n    const { elementProps, tooltipProps, overflowRef } = useTooltip({\n      overflowOnly: true,\n      defaultPosition: \"right\",\n      ...tooltipOptions,\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n    });\n\n    return (\n      <>\n        <Button\n          aria-expanded={!collapsed}\n          {...remaining}\n          {...elementProps}\n          ref={ref}\n          className={navItemContent({ className })}\n        >\n          {beforeAddon}\n          <span\n            {...spanProps}\n            ref={overflowRef}\n            className={cssUtils({\n              className: spanProps?.className,\n              textOverflow: \"ellipsis\",\n            })}\n          >\n            {children}\n          </span>\n          {afterAddon}\n          {!disableIconRotator && (\n            <IconRotator {...iconRotatorProps} rotated={!collapsed}>\n              {getIcon(\"dropdown\", icon)}\n            </IconRotator>\n          )}\n        </Button>\n        <Tooltip {...tooltipProps}>{children}</Tooltip>\n      </>\n    );\n  }\n);\n"],"names":["forwardRef","Button","cssUtils","IconRotator","getIcon","Tooltip","useTooltip","navItemContent","NavItemButton","props","ref","className","collapsed","icon","iconRotatorProps","disableIconRotator","children","beforeAddon","afterAddon","spanProps","onBlur","onContextMenu","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","tooltipOptions","remaining","elementProps","tooltipProps","overflowRef","overflowOnly","defaultPosition","aria-expanded","span","textOverflow","rotated"],"mappings":"AAAA;;AAEA,SAAiDA,UAAU,QAAQ,QAAQ;AAE3E,SAASC,MAAM,QAA0B,sBAAsB;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,WAAW,QAAmC,yBAAyB;AAChF,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,cAAc,QAAQ,qBAAqB;AAyBpD;;;;;CAKC,GACD,OAAO,MAAMC,8BAAgBR,WAC3B,SAASQ,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,kBAAkB,EAClBC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,cAAc,EACd,GAAGC,WACJ,GAAGnB;IAEJ,MAAM,EAAEoB,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAE,GAAGzB,WAAW;QAC7D0B,cAAc;QACdC,iBAAiB;QACjB,GAAGN,cAAc;QACjBP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE;;0BACE,MAACzB;gBACCiC,iBAAe,CAACtB;gBACf,GAAGgB,SAAS;gBACZ,GAAGC,YAAY;gBAChBnB,KAAKA;gBACLC,WAAWJ,eAAe;oBAAEI;gBAAU;;oBAErCM;kCACD,KAACkB;wBACE,GAAGhB,SAAS;wBACbT,KAAKqB;wBACLpB,WAAWT,SAAS;4BAClBS,WAAWQ,WAAWR;4BACtByB,cAAc;wBAChB;kCAECpB;;oBAEFE;oBACA,CAACH,oCACA,KAACZ;wBAAa,GAAGW,gBAAgB;wBAAEuB,SAAS,CAACzB;kCAC1CR,QAAQ,YAAYS;;;;0BAI3B,KAACR;gBAAS,GAAGyB,YAAY;0BAAGd;;;;AAGlC,GACA"}

package/dist/navigation/NavItemLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/NavItemLink.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AnchorHTMLAttributes,\n  type LiHTMLAttributes,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport { cssUtils } from \"../cssUtils.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { Tooltip } from \"../tooltip/Tooltip.js\";\nimport { useTooltip } from \"../tooltip/useTooltip.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { NavItem } from \"./NavItem.js\";\nimport { navItemLink } from \"./navItemStyles.js\";\nimport {\n  type NavItemContentProps,\n  type NavigationLinkComponent,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemLinkProps\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"children\">,\n    NavItemContentProps,\n    ComponentWithRippleProps {\n  /** @defaultValue `\"a\"` */\n  as?: NavigationLinkComponent;\n  href: string;\n\n  /**\n   * Any additional props to provide the wrapping `<li>` element such as\n   * `style`, `className`, and `ref`.\n   */\n  liProps?: PropsWithRef<LiHTMLAttributes<HTMLLIElement>>;\n\n  /**\n   * Set this to `true` if the link matches the current `pathname`. This will\n   * enable `aria-current=\"true\"` and apply active styling.\n   */\n  active: boolean;\n\n  /** @defaultValue `cssUtils({ fontWeight: \"bold\" })` */\n  activeClassName?: string;\n\n  /** @defaultValue `!to && !href` */\n  disabled?: boolean;\n\n  /**\n   * Set this to `true` to prevent this item from scrolling into view when it\n   * becomes active. It is generally recommended to keep this `false` unless a\n   * custom implementation has been added so that when the temporary navigation\n   * will show the active route.\n   *\n   * @defaultValue `false`\n   */\n  disableScrollIntoView?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItemLink = forwardRef<HTMLAnchorElement, NavItemLinkProps>(\n  function NavItemLink(props, propRef) {\n    const {\n      as: Component = \"a\",\n      href,\n      active,\n      activeClassName,\n      beforeAddon,\n      afterAddon,\n      className,\n      children,\n      liProps,\n      spanProps,\n      disabled = !href,\n      onClick,\n      onBlur,\n      onDragStart,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseUp,\n      onTouchMove,\n      onTouchEnd,\n      onTouchStart,\n      tooltipOptions,\n      disableRipple,\n      disableScrollIntoView,\n      ...remaining\n    } = props;\n\n    const [linkRef, linkRefCallback] = useEnsuredRef(propRef);\n    const { handlers, ripples } = useElementInteraction({\n      mode: disableRipple ? \"none\" : undefined,\n      disabled,\n      onClick,\n      onBlur,\n      onDragStart,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseUp,\n      onTouchMove,\n      onTouchEnd,\n      onTouchStart,\n    });\n\n    const { elementProps, tooltipProps, overflowRef } = useTooltip({\n      overflowOnly: true,\n      defaultPosition: \"right\",\n      ...tooltipOptions,\n      ...handlers,\n    });\n    useEffect(() => {\n      const link = linkRef.current;\n      if (\n        !active ||\n        !link ||\n        disableScrollIntoView ||\n        document.activeElement === link ||\n        // do not scroll into view if the collapse transition is occurring since\n        // it makes it animate weirdly\n        link.closest(\".rmd-collapse--enter\")\n      ) {\n        return;\n      }\n\n      link.scrollIntoView({ block: \"center\" });\n    }, [active, disableScrollIntoView, linkRef]);\n\n    return (\n      <NavItem {...liProps}>\n        <Component\n          aria-current={active ? \"page\" : undefined}\n          {...remaining}\n          {...handlers}\n          {...elementProps}\n          ref={linkRefCallback}\n          href={href}\n          className={navItemLink({\n            active,\n            activeClassName,\n            className,\n          })}\n        >\n          {beforeAddon}\n          <span\n            {...spanProps}\n            ref={overflowRef}\n            className={cssUtils({\n              className: spanProps?.className,\n              textOverflow: \"ellipsis\",\n            })}\n          >\n            {children}\n          </span>\n          {afterAddon}\n          {ripples}\n        </Component>\n        <Tooltip {...tooltipProps}>{children}</Tooltip>\n      </NavItem>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","cssUtils","useElementInteraction","Tooltip","useTooltip","useEnsuredRef","NavItem","navItemLink","NavItemLink","props","propRef","as","Component","href","active","activeClassName","beforeAddon","afterAddon","className","children","liProps","spanProps","disabled","onClick","onBlur","onDragStart","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchMove","onTouchEnd","onTouchStart","tooltipOptions","disableRipple","disableScrollIntoView","remaining","linkRef","linkRefCallback","handlers","ripples","mode","undefined","elementProps","tooltipProps","overflowRef","overflowOnly","defaultPosition","link","current","document","activeElement","closest","scrollIntoView","block","aria-current","ref","span","textOverflow"],"mappings":"AAAA;;AAEA,SAGEA,UAAU,EACVC,SAAS,QACJ,QAAQ;AAEf,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,UAAU,QAAQ,2BAA2B;AAEtD,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,WAAW,QAAQ,qBAAqB;AA8CjD;;;;;CAKC,GACD,OAAO,MAAMC,4BAAcT,WACzB,SAASS,YAAYC,KAAK,EAAEC,OAAO;IACjC,MAAM,EACJC,IAAIC,YAAY,GAAG,EACnBC,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,WAAW,CAACT,IAAI,EAChBU,OAAO,EACPC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,cAAc,EACdC,aAAa,EACbC,qBAAqB,EACrB,GAAGC,WACJ,GAAG5B;IAEJ,MAAM,CAAC6B,SAASC,gBAAgB,GAAGlC,cAAcK;IACjD,MAAM,EAAE8B,QAAQ,EAAEC,OAAO,EAAE,GAAGvC,sBAAsB;QAClDwC,MAAMP,gBAAgB,SAASQ;QAC/BrB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,MAAM,EAAEW,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAE,GAAG1C,WAAW;QAC7D2C,cAAc;QACdC,iBAAiB;QACjB,GAAGd,cAAc;QACjB,GAAGM,QAAQ;IACb;IACAxC,UAAU;QACR,MAAMiD,OAAOX,QAAQY,OAAO;QAC5B,IACE,CAACpC,UACD,CAACmC,QACDb,yBACAe,SAASC,aAAa,KAAKH,QAC3B,wEAAwE;QACxE,8BAA8B;QAC9BA,KAAKI,OAAO,CAAC,yBACb;YACA;QACF;QAEAJ,KAAKK,cAAc,CAAC;YAAEC,OAAO;QAAS;IACxC,GAAG;QAACzC;QAAQsB;QAAuBE;KAAQ;IAE3C,qBACE,MAAChC;QAAS,GAAGc,OAAO;;0BAClB,MAACR;gBACC4C,gBAAc1C,SAAS,SAAS6B;gBAC/B,GAAGN,SAAS;gBACZ,GAAGG,QAAQ;gBACX,GAAGI,YAAY;gBAChBa,KAAKlB;gBACL1B,MAAMA;gBACNK,WAAWX,YAAY;oBACrBO;oBACAC;oBACAG;gBACF;;oBAECF;kCACD,KAAC0C;wBACE,GAAGrC,SAAS;wBACboC,KAAKX;wBACL5B,WAAWjB,SAAS;4BAClBiB,WAAWG,WAAWH;4BACtByC,cAAc;wBAChB;kCAECxC;;oBAEFF;oBACAwB;;;0BAEH,KAACtC;gBAAS,GAAG0C,YAAY;0BAAG1B;;;;AAGlC,GACA"}
+{"version":3,"sources":["../../src/navigation/NavItemLink.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AnchorHTMLAttributes,\n  type LiHTMLAttributes,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport { cssUtils } from \"../cssUtils.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { Tooltip } from \"../tooltip/Tooltip.js\";\nimport { useTooltip } from \"../tooltip/useTooltip.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { NavItem } from \"./NavItem.js\";\nimport { navItemLink } from \"./navItemStyles.js\";\nimport {\n  type NavItemContentProps,\n  type NavigationLinkComponent,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemLinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"children\">,\n    NavItemContentProps,\n    ComponentWithRippleProps {\n  /** @defaultValue `\"a\"` */\n  as?: NavigationLinkComponent;\n  href: string;\n\n  /**\n   * Any additional props to provide the wrapping `<li>` element such as\n   * `style`, `className`, and `ref`.\n   */\n  liProps?: PropsWithRef<LiHTMLAttributes<HTMLLIElement>>;\n\n  /**\n   * Set this to `true` if the link matches the current `pathname`. This will\n   * enable `aria-current=\"true\"` and apply active styling.\n   */\n  active: boolean;\n\n  /** @defaultValue `cssUtils({ fontWeight: \"bold\" })` */\n  activeClassName?: string;\n\n  /** @defaultValue `!to && !href` */\n  disabled?: boolean;\n\n  /**\n   * Set this to `true` to prevent this item from scrolling into view when it\n   * becomes active. It is generally recommended to keep this `false` unless a\n   * custom implementation has been added so that when the temporary navigation\n   * will show the active route.\n   *\n   * @defaultValue `false`\n   */\n  disableScrollIntoView?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/navigation | Navigation Demos}\n * @since 6.0.0\n */\nexport const NavItemLink = forwardRef<HTMLAnchorElement, NavItemLinkProps>(\n  function NavItemLink(props, propRef) {\n    const {\n      as: Component = \"a\",\n      href,\n      active,\n      activeClassName,\n      beforeAddon,\n      afterAddon,\n      className,\n      children,\n      liProps,\n      spanProps,\n      disabled = !href,\n      onClick,\n      onBlur,\n      onDragStart,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseUp,\n      onTouchMove,\n      onTouchEnd,\n      onTouchStart,\n      tooltipOptions,\n      disableRipple,\n      disableScrollIntoView,\n      ...remaining\n    } = props;\n\n    const [linkRef, linkRefCallback] = useEnsuredRef(propRef);\n    const { handlers, ripples } = useElementInteraction({\n      mode: disableRipple ? \"none\" : undefined,\n      disabled,\n      onClick,\n      onBlur,\n      onDragStart,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseLeave,\n      onMouseUp,\n      onTouchMove,\n      onTouchEnd,\n      onTouchStart,\n    });\n\n    const { elementProps, tooltipProps, overflowRef } = useTooltip({\n      overflowOnly: true,\n      defaultPosition: \"right\",\n      ...tooltipOptions,\n      ...handlers,\n    });\n    useEffect(() => {\n      const link = linkRef.current;\n      if (\n        !active ||\n        !link ||\n        disableScrollIntoView ||\n        document.activeElement === link ||\n        // do not scroll into view if the collapse transition is occurring since\n        // it makes it animate weirdly\n        link.closest(\".rmd-collapse--enter\")\n      ) {\n        return;\n      }\n\n      link.scrollIntoView({ block: \"center\" });\n    }, [active, disableScrollIntoView, linkRef]);\n\n    return (\n      <NavItem {...liProps}>\n        <Component\n          aria-current={active ? \"page\" : undefined}\n          {...remaining}\n          {...handlers}\n          {...elementProps}\n          ref={linkRefCallback}\n          href={href}\n          className={navItemLink({\n            active,\n            activeClassName,\n            className,\n          })}\n        >\n          {beforeAddon}\n          <span\n            {...spanProps}\n            ref={overflowRef}\n            className={cssUtils({\n              className: spanProps?.className,\n              textOverflow: \"ellipsis\",\n            })}\n          >\n            {children}\n          </span>\n          {afterAddon}\n          {ripples}\n        </Component>\n        <Tooltip {...tooltipProps}>{children}</Tooltip>\n      </NavItem>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","cssUtils","useElementInteraction","Tooltip","useTooltip","useEnsuredRef","NavItem","navItemLink","NavItemLink","props","propRef","as","Component","href","active","activeClassName","beforeAddon","afterAddon","className","children","liProps","spanProps","disabled","onClick","onBlur","onDragStart","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchMove","onTouchEnd","onTouchStart","tooltipOptions","disableRipple","disableScrollIntoView","remaining","linkRef","linkRefCallback","handlers","ripples","mode","undefined","elementProps","tooltipProps","overflowRef","overflowOnly","defaultPosition","link","current","document","activeElement","closest","scrollIntoView","block","aria-current","ref","span","textOverflow"],"mappings":"AAAA;;AAEA,SAGEA,UAAU,EACVC,SAAS,QACJ,QAAQ;AAEf,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,UAAU,QAAQ,2BAA2B;AAEtD,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,WAAW,QAAQ,qBAAqB;AA+CjD;;;;;CAKC,GACD,OAAO,MAAMC,4BAAcT,WACzB,SAASS,YAAYC,KAAK,EAAEC,OAAO;IACjC,MAAM,EACJC,IAAIC,YAAY,GAAG,EACnBC,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,WAAW,CAACT,IAAI,EAChBU,OAAO,EACPC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,cAAc,EACdC,aAAa,EACbC,qBAAqB,EACrB,GAAGC,WACJ,GAAG5B;IAEJ,MAAM,CAAC6B,SAASC,gBAAgB,GAAGlC,cAAcK;IACjD,MAAM,EAAE8B,QAAQ,EAAEC,OAAO,EAAE,GAAGvC,sBAAsB;QAClDwC,MAAMP,gBAAgB,SAASQ;QAC/BrB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,MAAM,EAAEW,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAE,GAAG1C,WAAW;QAC7D2C,cAAc;QACdC,iBAAiB;QACjB,GAAGd,cAAc;QACjB,GAAGM,QAAQ;IACb;IACAxC,UAAU;QACR,MAAMiD,OAAOX,QAAQY,OAAO;QAC5B,IACE,CAACpC,UACD,CAACmC,QACDb,yBACAe,SAASC,aAAa,KAAKH,QAC3B,wEAAwE;QACxE,8BAA8B;QAC9BA,KAAKI,OAAO,CAAC,yBACb;YACA;QACF;QAEAJ,KAAKK,cAAc,CAAC;YAAEC,OAAO;QAAS;IACxC,GAAG;QAACzC;QAAQsB;QAAuBE;KAAQ;IAE3C,qBACE,MAAChC;QAAS,GAAGc,OAAO;;0BAClB,MAACR;gBACC4C,gBAAc1C,SAAS,SAAS6B;gBAC/B,GAAGN,SAAS;gBACZ,GAAGG,QAAQ;gBACX,GAAGI,YAAY;gBAChBa,KAAKlB;gBACL1B,MAAMA;gBACNK,WAAWX,YAAY;oBACrBO;oBACAC;oBACAG;gBACF;;oBAECF;kCACD,KAAC0C;wBACE,GAAGrC,SAAS;wBACboC,KAAKX;wBACL5B,WAAWjB,SAAS;4BAClBiB,WAAWG,WAAWH;4BACtByC,cAAc;wBAChB;kCAECxC;;oBAEFF;oBACAwB;;;0BAEH,KAACtC;gBAAS,GAAG0C,YAAY;0BAAG1B;;;;AAGlC,GACA"}

package/dist/navigation/getTableOfContentsHeadings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/getTableOfContentsHeadings.ts"],"sourcesContent":["import {\n  type TableOfContentsHeadingItem,\n  type TableOfContentsHeadings,\n  type TableOfContentsHeadingsOptions,\n} from \"./types.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface GetTableOfContentsHeadingsOptions\n  extends Required<TableOfContentsHeadingsOptions> {\n  ssr: boolean;\n}\n\n/**\n * This is used by the `useTableOfContentsHeadings` hook to find\n * the active heading element which is why it is marked as\n * internal.\n *\n * This will always return an empty list if `ssr` is `true` or\n * `typeof window === \"undefined\"`.\n *\n * @internal\n * @since 6.0.0\n */\nexport function getTableOfContentsHeadings(\n  options: GetTableOfContentsHeadingsOptions\n): TableOfContentsHeadings {\n  const { ssr, selector, getDepth, getHeadingText } = options;\n\n  if (ssr || typeof window === \"undefined\") {\n    return [];\n  }\n\n  const root = {\n    id: \"\",\n    depth: 0,\n    items: [],\n    children: \"\",\n  } satisfies TableOfContentsHeadingItem;\n  let previous: TableOfContentsHeadingItem = root;\n  const parents: TableOfContentsHeadingItem[] = [];\n  const headings = document.querySelectorAll(selector);\n  headings.forEach((heading) => {\n    const depth = getDepth(heading);\n    const item: TableOfContentsHeadingItem = {\n      id: heading.id,\n      depth,\n      items: [],\n      children: getHeadingText(heading),\n    };\n    if (depth > previous.depth) {\n      if (!previous.items) {\n        previous.items = [];\n      }\n\n      parents.push(previous);\n    } else if (depth < previous.depth) {\n      while (parents[parents.length - 1].depth >= depth) {\n        parents.pop();\n      }\n    }\n    const i = parents.length - 1;\n    parents[i].items = [...(parents[i].items ?? []), item];\n    previous = item;\n  });\n\n  return root.items;\n}\n"],"names":["getTableOfContentsHeadings","options","ssr","selector","getDepth","getHeadingText","window","root","id","depth","items","children","previous","parents","headings","document","querySelectorAll","forEach","heading","item","push","length","pop","i"],"mappings":"AAeA;;;;;;;;;;CAUC,GACD,OAAO,SAASA,2BACdC,OAA0C;IAE1C,MAAM,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,cAAc,EAAE,GAAGJ;IAEpD,IAAIC,OAAO,OAAOI,WAAW,aAAa;QACxC,OAAO,EAAE;IACX;IAEA,MAAMC,OAAO;QACXC,IAAI;QACJC,OAAO;QACPC,OAAO,EAAE;QACTC,UAAU;IACZ;IACA,IAAIC,WAAuCL;IAC3C,MAAMM,UAAwC,EAAE;IAChD,MAAMC,WAAWC,SAASC,gBAAgB,CAACb;IAC3CW,SAASG,OAAO,CAAC,CAACC;QAChB,MAAMT,QAAQL,SAASc;QACvB,MAAMC,OAAmC;YACvCX,IAAIU,QAAQV,EAAE;YACdC;YACAC,OAAO,EAAE;YACTC,UAAUN,eAAea;QAC3B;QACA,IAAIT,QAAQG,SAASH,KAAK,EAAE;YAC1B,IAAI,CAACG,SAASF,KAAK,EAAE;gBACnBE,SAASF,KAAK,GAAG,EAAE;YACrB;YAEAG,QAAQO,IAAI,CAACR;QACf,OAAO,IAAIH,QAAQG,SAASH,KAAK,EAAE;YACjC,MAAOI,OAAO,CAACA,QAAQQ,MAAM,GAAG,EAAE,CAACZ,KAAK,IAAIA,MAAO;gBACjDI,QAAQS,GAAG;YACb;QACF;QACA,MAAMC,IAAIV,QAAQQ,MAAM,GAAG;QAC3BR,OAAO,CAACU,EAAE,CAACb,KAAK,GAAG;eAAKG,OAAO,CAACU,EAAE,CAACb,KAAK,IAAI,EAAE;YAAGS;SAAK;QACtDP,WAAWO;IACb;IAEA,OAAOZ,KAAKG,KAAK;AACnB"}
+{"version":3,"sources":["../../src/navigation/getTableOfContentsHeadings.ts"],"sourcesContent":["import {\n  type TableOfContentsHeadingItem,\n  type TableOfContentsHeadings,\n  type TableOfContentsHeadingsOptions,\n} from \"./types.js\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface GetTableOfContentsHeadingsOptions extends Required<TableOfContentsHeadingsOptions> {\n  ssr: boolean;\n}\n\n/**\n * This is used by the `useTableOfContentsHeadings` hook to find\n * the active heading element which is why it is marked as\n * internal.\n *\n * This will always return an empty list if `ssr` is `true` or\n * `typeof window === \"undefined\"`.\n *\n * @internal\n * @since 6.0.0\n */\nexport function getTableOfContentsHeadings(\n  options: GetTableOfContentsHeadingsOptions\n): TableOfContentsHeadings {\n  const { ssr, selector, getDepth, getHeadingText } = options;\n\n  if (ssr || typeof window === \"undefined\") {\n    return [];\n  }\n\n  const root = {\n    id: \"\",\n    depth: 0,\n    items: [],\n    children: \"\",\n  } satisfies TableOfContentsHeadingItem;\n  let previous: TableOfContentsHeadingItem = root;\n  const parents: TableOfContentsHeadingItem[] = [];\n  const headings = document.querySelectorAll(selector);\n  headings.forEach((heading) => {\n    const depth = getDepth(heading);\n    const item: TableOfContentsHeadingItem = {\n      id: heading.id,\n      depth,\n      items: [],\n      children: getHeadingText(heading),\n    };\n    if (depth > previous.depth) {\n      if (!previous.items) {\n        previous.items = [];\n      }\n\n      parents.push(previous);\n    } else if (depth < previous.depth) {\n      while (parents[parents.length - 1].depth >= depth) {\n        parents.pop();\n      }\n    }\n    const i = parents.length - 1;\n    parents[i].items = [...(parents[i].items ?? []), item];\n    previous = item;\n  });\n\n  return root.items;\n}\n"],"names":["getTableOfContentsHeadings","options","ssr","selector","getDepth","getHeadingText","window","root","id","depth","items","children","previous","parents","headings","document","querySelectorAll","forEach","heading","item","push","length","pop","i"],"mappings":"AAcA;;;;;;;;;;CAUC,GACD,OAAO,SAASA,2BACdC,OAA0C;IAE1C,MAAM,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,cAAc,EAAE,GAAGJ;IAEpD,IAAIC,OAAO,OAAOI,WAAW,aAAa;QACxC,OAAO,EAAE;IACX;IAEA,MAAMC,OAAO;QACXC,IAAI;QACJC,OAAO;QACPC,OAAO,EAAE;QACTC,UAAU;IACZ;IACA,IAAIC,WAAuCL;IAC3C,MAAMM,UAAwC,EAAE;IAChD,MAAMC,WAAWC,SAASC,gBAAgB,CAACb;IAC3CW,SAASG,OAAO,CAAC,CAACC;QAChB,MAAMT,QAAQL,SAASc;QACvB,MAAMC,OAAmC;YACvCX,IAAIU,QAAQV,EAAE;YACdC;YACAC,OAAO,EAAE;YACTC,UAAUN,eAAea;QAC3B;QACA,IAAIT,QAAQG,SAASH,KAAK,EAAE;YAC1B,IAAI,CAACG,SAASF,KAAK,EAAE;gBACnBE,SAASF,KAAK,GAAG,EAAE;YACrB;YAEAG,QAAQO,IAAI,CAACR;QACf,OAAO,IAAIH,QAAQG,SAASH,KAAK,EAAE;YACjC,MAAOI,OAAO,CAACA,QAAQQ,MAAM,GAAG,EAAE,CAACZ,KAAK,IAAIA,MAAO;gBACjDI,QAAQS,GAAG;YACb;QACF;QACA,MAAMC,IAAIV,QAAQQ,MAAM,GAAG;QAC3BR,OAAO,CAACU,EAAE,CAACb,KAAK,GAAG;eAAKG,OAAO,CAACU,EAAE,CAACb,KAAK,IAAI,EAAE;YAAGS;SAAK;QACtDP,WAAWO;IACb;IAEA,OAAOZ,KAAKG,KAAK;AACnB"}

package/dist/navigation/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/navigation/types.ts"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\n\nimport { type DividerProps } from \"../divider/Divider.js\";\nimport { type ListSubheaderProps } from \"../list/ListSubheader.js\";\nimport {\n  type TooltipOptions,\n  type TooltippedElementEventHandlers,\n} from \"../tooltip/useTooltip.js\";\n\n/**\n * Used to add a `Divider` to the navigation list.\n * @example Output\n * ```tsx\n * const { type, ...props } = item;\n * return <Divider {...props} />;\n * ```\n *\n * @since 6.0.0\n */\nexport interface NavigationItemDivider extends DividerProps {\n  type: \"divider\";\n}\n\n/**\n * Used to add a `ListSubheader` to the navigation list.\n * @example Output\n * ```tsx\n * const { type, ...props } = item;\n * return <ListSubheader {...props} />;\n * ```\n *\n * @since 6.0.0\n */\nexport interface NavigationItemSubheader extends ListSubheaderProps {\n  type: \"subheader\";\n  children: ReactNode;\n}\n\n/**\n * This is used to either create a route group which update all child routes to\n * be prefixed with the optional `href`.\n *\n * @example Route Group Output\n * ```tsx\n * const nextParents = [item, ...parents];\n * const id = getNavigationGroupId(item, nextParents);\n * return (\n *   <CollapsibleNavGroup\n *     depth={nextParents.length}\n *     collapsed={!data?.expandedItems.has(id)}\n *     buttonChildren={item.children}\n *     toggleCollapsed={() => {\n *       data?.toggleExpandedItem(id);\n *     }}\n *   >\n *     {children}\n *   </CollapsibleNavGroup>\n * );\n * ```\n *\n * Note: `children` are any child `items` that have been rendered.\n *\n * @since 6.0.0\n */\nexport interface NavigationItemGroup {\n  type: \"group\";\n\n  /**\n   * An optional unique id to identify the group used for handling the expanded\n   * state when the `href` can't be used.\n   */\n  id?: string;\n\n  /**\n   * An optional href to prefix all child routes with and can be used instead of\n   * the {@link id} for handling the expanded state.\n   *\n   * @example\n   * ```ts\n   * {\n   *   type: \"group\",\n   *   href: \"/some-path\",\n   *   children: \"Some Name\",\n   *   items: [\n   *     {\n   *       type: \"route\",\n   *       href: \"/page-1\",\n   *       children: \"Page 1\",\n   *     },\n   *     {\n   *       type: \"route\",\n   *       href: \"/page-2\",\n   *       children: \"Page 2\",\n   *     },\n   *   ],\n   * }\n   * ```\n   *\n   * Would result in:\n   *\n   * - Page 1 - `/some-path/page-1`\n   * - Page 2 - `/some-path/page-2`\n   */\n  href?: string;\n  children: ReactNode;\n  items: readonly NavigationItem[];\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationItemRoute {\n  type: \"route\";\n  href: string;\n  children: ReactNode;\n  active?: boolean;\n  beforeAddon?: ReactNode;\n  afterAddon?: ReactNode;\n}\n\n/**\n * @since 6.0.0\n */\nexport type NavigationItem =\n  | NavigationItemDivider\n  | NavigationItemSubheader\n  | NavigationItemGroup\n  | NavigationItemRoute;\n\n/**\n * @since 6.0.0\n */\nexport type CustomNavigationLinkComponent = ForwardRefExoticComponent<\n  AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }\n>;\n\n/**\n * @since 6.0.0\n */\nexport type NavigationLinkComponent = \"a\" | CustomNavigationLinkComponent;\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationExpansion {\n  expandedItems: ReadonlySet<string>;\n  toggleExpandedItem: (id: string) => void;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationRenderData extends NavigationExpansion {\n  /**\n   * This is used to set the `active` state on a `NavItemLink`\n   */\n  pathname: string;\n  linkComponent: NavigationLinkComponent;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemContentProps {\n  /**\n   * Any additional props to provide the `<span>` element that wraps the\n   * children such as `style`, `className`, and `ref`.\n   */\n  spanProps?: HTMLAttributes<HTMLSpanElement>;\n\n  /**\n   * An optional addon to render before the `children` and will not be wrapped\n   * in the `span` that adds ellipsis overflow.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * An optional addon to render after the `children` and will not be wrapped\n   * in the `span` that adds ellipsis overflow.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * This should contain accessible text for the page that this will link to and\n   * will automatically be truncated with ellipsis if it is too large. A tooltip\n   * will also appear only when it has been truncated.\n   */\n  children: ReactNode;\n\n  /**\n   * This most likely will never need to be used, but it's a way to override any\n   * tooltip options. The default behavior will position the tooltip to the\n   * right and only appear if the `children` are overflown.\n   *\n   * @example Customize\n   * ```tsx\n   * <NavItemLink\n   *   {...props}\n   *   tooltipOptions={{\n   *     overflowOnly: false,\n   *     defaultPosition: \"above\",\n   *     vhMargin: \"1rem\",\n   *     vwMargin: \"1rem\",\n   *   }}\n   * >\n   * ```\n   */\n  tooltipOptions?: Omit<\n    TooltipOptions<HTMLAnchorElement>,\n    keyof TooltippedElementEventHandlers<HTMLAnchorElement>\n  >;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface HeadingReference {\n  id: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface HeadingReferenceWithChildren extends HeadingReference {\n  items?: readonly HeadingReferenceWithChildren[];\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeadingsOptions {\n  /**\n   * This should be a `document.querySelectorAll` query that returns elements\n   * to display in a table of contents component that have a valid id.\n   *\n   * @see {@link DEFAULT_HEADING_SELECTOR}\n   * @defaultValue `main :where(:not(nav *)):where(h1[id],h2[id],h3[id],h4[id],h5[id],h6[id])`\n   */\n  selector?: string;\n\n  /**\n   * @see {@link DEFAULT_GET_HEADING_DEPTH}\n   * @defaultValue `(element) => parseInt(element.tagName.substring(1))`\n   */\n  getDepth?: (element: Element) => number;\n\n  /**\n   * This is used to get the text to display in a table of contents from each\n   * heading element.\n   *\n   * @see {@link DEFAULT_GET_HEADING_TEXT}\n   * @defaultValue `(element) => element.textContent || \"\"`\n   */\n  getHeadingText?: (element: Element) => string;\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeading extends HeadingReference {\n  depth: number;\n  children: string;\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeadingItem\n  extends TableOfContentsHeading,\n    HeadingReferenceWithChildren {\n  items?: TableOfContentsHeadingItem[];\n}\n\n/** @since 6.0.0 */\nexport type TableOfContentsHeadings = readonly TableOfContentsHeadingItem[];\n"],"names":[],"mappings":"AAgRA,iBAAiB,GACjB,WAA4E"}
+{"version":3,"sources":["../../src/navigation/types.ts"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\n\nimport { type DividerProps } from \"../divider/Divider.js\";\nimport { type ListSubheaderProps } from \"../list/ListSubheader.js\";\nimport {\n  type TooltipOptions,\n  type TooltippedElementEventHandlers,\n} from \"../tooltip/useTooltip.js\";\n\n/**\n * Used to add a `Divider` to the navigation list.\n * @example Output\n * ```tsx\n * const { type, ...props } = item;\n * return <Divider {...props} />;\n * ```\n *\n * @since 6.0.0\n */\nexport interface NavigationItemDivider extends DividerProps {\n  type: \"divider\";\n}\n\n/**\n * Used to add a `ListSubheader` to the navigation list.\n * @example Output\n * ```tsx\n * const { type, ...props } = item;\n * return <ListSubheader {...props} />;\n * ```\n *\n * @since 6.0.0\n */\nexport interface NavigationItemSubheader extends ListSubheaderProps {\n  type: \"subheader\";\n  children: ReactNode;\n}\n\n/**\n * This is used to either create a route group which update all child routes to\n * be prefixed with the optional `href`.\n *\n * @example Route Group Output\n * ```tsx\n * const nextParents = [item, ...parents];\n * const id = getNavigationGroupId(item, nextParents);\n * return (\n *   <CollapsibleNavGroup\n *     depth={nextParents.length}\n *     collapsed={!data?.expandedItems.has(id)}\n *     buttonChildren={item.children}\n *     toggleCollapsed={() => {\n *       data?.toggleExpandedItem(id);\n *     }}\n *   >\n *     {children}\n *   </CollapsibleNavGroup>\n * );\n * ```\n *\n * Note: `children` are any child `items` that have been rendered.\n *\n * @since 6.0.0\n */\nexport interface NavigationItemGroup {\n  type: \"group\";\n\n  /**\n   * An optional unique id to identify the group used for handling the expanded\n   * state when the `href` can't be used.\n   */\n  id?: string;\n\n  /**\n   * An optional href to prefix all child routes with and can be used instead of\n   * the {@link id} for handling the expanded state.\n   *\n   * @example\n   * ```ts\n   * {\n   *   type: \"group\",\n   *   href: \"/some-path\",\n   *   children: \"Some Name\",\n   *   items: [\n   *     {\n   *       type: \"route\",\n   *       href: \"/page-1\",\n   *       children: \"Page 1\",\n   *     },\n   *     {\n   *       type: \"route\",\n   *       href: \"/page-2\",\n   *       children: \"Page 2\",\n   *     },\n   *   ],\n   * }\n   * ```\n   *\n   * Would result in:\n   *\n   * - Page 1 - `/some-path/page-1`\n   * - Page 2 - `/some-path/page-2`\n   */\n  href?: string;\n  children: ReactNode;\n  items: readonly NavigationItem[];\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationItemRoute {\n  type: \"route\";\n  href: string;\n  children: ReactNode;\n  active?: boolean;\n  beforeAddon?: ReactNode;\n  afterAddon?: ReactNode;\n}\n\n/**\n * @since 6.0.0\n */\nexport type NavigationItem =\n  | NavigationItemDivider\n  | NavigationItemSubheader\n  | NavigationItemGroup\n  | NavigationItemRoute;\n\n/**\n * @since 6.0.0\n */\nexport type CustomNavigationLinkComponent = ForwardRefExoticComponent<\n  AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }\n>;\n\n/**\n * @since 6.0.0\n */\nexport type NavigationLinkComponent = \"a\" | CustomNavigationLinkComponent;\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationExpansion {\n  expandedItems: ReadonlySet<string>;\n  toggleExpandedItem: (id: string) => void;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavigationRenderData extends NavigationExpansion {\n  /**\n   * This is used to set the `active` state on a `NavItemLink`\n   */\n  pathname: string;\n  linkComponent: NavigationLinkComponent;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface NavItemContentProps {\n  /**\n   * Any additional props to provide the `<span>` element that wraps the\n   * children such as `style`, `className`, and `ref`.\n   */\n  spanProps?: HTMLAttributes<HTMLSpanElement>;\n\n  /**\n   * An optional addon to render before the `children` and will not be wrapped\n   * in the `span` that adds ellipsis overflow.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * An optional addon to render after the `children` and will not be wrapped\n   * in the `span` that adds ellipsis overflow.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * This should contain accessible text for the page that this will link to and\n   * will automatically be truncated with ellipsis if it is too large. A tooltip\n   * will also appear only when it has been truncated.\n   */\n  children: ReactNode;\n\n  /**\n   * This most likely will never need to be used, but it's a way to override any\n   * tooltip options. The default behavior will position the tooltip to the\n   * right and only appear if the `children` are overflown.\n   *\n   * @example Customize\n   * ```tsx\n   * <NavItemLink\n   *   {...props}\n   *   tooltipOptions={{\n   *     overflowOnly: false,\n   *     defaultPosition: \"above\",\n   *     vhMargin: \"1rem\",\n   *     vwMargin: \"1rem\",\n   *   }}\n   * >\n   * ```\n   */\n  tooltipOptions?: Omit<\n    TooltipOptions<HTMLAnchorElement>,\n    keyof TooltippedElementEventHandlers<HTMLAnchorElement>\n  >;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface HeadingReference {\n  id: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface HeadingReferenceWithChildren extends HeadingReference {\n  items?: readonly HeadingReferenceWithChildren[];\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeadingsOptions {\n  /**\n   * This should be a `document.querySelectorAll` query that returns elements\n   * to display in a table of contents component that have a valid id.\n   *\n   * @see {@link DEFAULT_HEADING_SELECTOR}\n   * @defaultValue `main :where(:not(nav *)):where(h1[id],h2[id],h3[id],h4[id],h5[id],h6[id])`\n   */\n  selector?: string;\n\n  /**\n   * @see {@link DEFAULT_GET_HEADING_DEPTH}\n   * @defaultValue `(element) => parseInt(element.tagName.substring(1))`\n   */\n  getDepth?: (element: Element) => number;\n\n  /**\n   * This is used to get the text to display in a table of contents from each\n   * heading element.\n   *\n   * @see {@link DEFAULT_GET_HEADING_TEXT}\n   * @defaultValue `(element) => element.textContent || \"\"`\n   */\n  getHeadingText?: (element: Element) => string;\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeading extends HeadingReference {\n  depth: number;\n  children: string;\n}\n\n/** @since 6.0.0 */\nexport interface TableOfContentsHeadingItem\n  extends TableOfContentsHeading, HeadingReferenceWithChildren {\n  items?: TableOfContentsHeadingItem[];\n}\n\n/** @since 6.0.0 */\nexport type TableOfContentsHeadings = readonly TableOfContentsHeadingItem[];\n"],"names":[],"mappings":"AA+QA,iBAAiB,GACjB,WAA4E"}

package/dist/overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useSsr } from \"../SsrProvider.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport {\n  type CSSTransitionComponentProps,\n  type TransitionActions,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport {\n  type BaseOverlayClassNameOptions,\n  DEFAULT_OVERLAY_CLASSNAMES,\n  DEFAULT_OVERLAY_TIMEOUT,\n  overlay,\n} from \"./styles.js\";\n\n/**\n * @since 6.0.0 Added `align` and `justify` props.\n * @since 6.0.0 Renamed `hidden` to `noOpacity`.\n * @since 6.3.1 Extends BaseOverlayClassNameOptions for CSSProperties module\n * augmentation.\n */\nexport interface OverlayProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    BaseOverlayClassNameOptions,\n    CSSTransitionComponentProps,\n    TransitionActions {\n  /**\n   * Set this to `true` if the overlay should be rendered with an `opacity: 0`\n   * and disabling the animation. This is useful if you'd like a \"close on\n   * outside click\" behavior.\n   *\n   * @defaultValue `false`\n   */\n  noOpacity?: boolean;\n\n  /**\n   * @see {@link OverlayClassNameOptions.clickable}\n   * @defaultValue `!noOpacity`\n   */\n  clickable?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disablePortal?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Overlay } from \"@react-md/core/overlay/Overlay\";\n * import { useToggle } from \"@react-md/core/useToggle\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { toggle, disable, toggled: visible } = useToggle(false);\n *\n *   return (\n *     <>\n *       <Button onClick={toggle}>Toggle</Button>\n *       <Overlay visible={visible} onClick={disable} />\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/overlay | Overlay Demos}\n * @since 6.0.0 Removed the `onRequestClose` prop in favor of using\n * the `onClick` prop instead.\n */\nexport const Overlay = forwardRef<HTMLSpanElement, OverlayProps>(\n  function Overlay(props, nodeRef) {\n    const {\n      children,\n      className,\n      visible,\n      noOpacity = false,\n      clickable = !noOpacity,\n      temporary = true,\n      timeout = DEFAULT_OVERLAY_TIMEOUT,\n      classNames = DEFAULT_OVERLAY_CLASSNAMES,\n      disableTransition = false,\n      align = \"center\",\n      justify = \"center\",\n      appear,\n      enter,\n      exit,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      exitedHidden = true,\n      disablePortal: propDisablePortal = false,\n      ...remaining\n    } = props;\n\n    const ssr = useSsr();\n    const { elementProps, rendered, disablePortal } = useCSSTransition({\n      nodeRef,\n      transitionIn: visible,\n      timeout: noOpacity ? 0 : timeout,\n      classNames: noOpacity ? \"\" : classNames,\n      className: overlay({\n        visible,\n        clickable,\n        align,\n        justify,\n        className,\n      }),\n      appear: appear && !disableTransition && !ssr,\n      enter: enter && !disableTransition,\n      exit: exit && !disableTransition,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary,\n      exitedHidden,\n      disablePortal: propDisablePortal,\n    });\n\n    return (\n      <Portal disabled={disablePortal}>\n        {rendered && (\n          <span {...remaining} {...elementProps}>\n            {children}\n          </span>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","useSsr","Portal","useCSSTransition","DEFAULT_OVERLAY_CLASSNAMES","DEFAULT_OVERLAY_TIMEOUT","overlay","Overlay","props","nodeRef","children","className","visible","noOpacity","clickable","temporary","timeout","classNames","disableTransition","align","justify","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","exitedHidden","disablePortal","propDisablePortal","remaining","ssr","elementProps","rendered","transitionIn","disabled","span"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,MAAM,QAAQ,sBAAsB;AAK7C,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAEEC,0BAA0B,EAC1BC,uBAAuB,EACvBC,OAAO,QACF,cAAc;AAuCrB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,wBAAUP,WACrB,SAASO,QAAQC,KAAK,EAAEC,OAAO;IAC7B,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,YAAY,KAAK,EACjBC,YAAY,CAACD,SAAS,EACtBE,YAAY,IAAI,EAChBC,UAAUX,uBAAuB,EACjCY,aAAab,0BAA0B,EACvCc,oBAAoB,KAAK,EACzBC,QAAQ,QAAQ,EAChBC,UAAU,QAAQ,EAClBC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,eAAe,IAAI,EACnBC,eAAeC,oBAAoB,KAAK,EACxC,GAAGC,WACJ,GAAGzB;IAEJ,MAAM0B,MAAMjC;IACZ,MAAM,EAAEkC,YAAY,EAAEC,QAAQ,EAAEL,aAAa,EAAE,GAAG5B,iBAAiB;QACjEM;QACA4B,cAAczB;QACdI,SAASH,YAAY,IAAIG;QACzBC,YAAYJ,YAAY,KAAKI;QAC7BN,WAAWL,QAAQ;YACjBM;YACAE;YACAK;YACAC;YACAT;QACF;QACAU,QAAQA,UAAU,CAACH,qBAAqB,CAACgB;QACzCZ,OAAOA,SAAS,CAACJ;QACjBK,MAAMA,QAAQ,CAACL;QACfM;QACAC;QACAC;QACAC;QACAC;QACAC;QACAd;QACAe;QACAC,eAAeC;IACjB;IAEA,qBACE,KAAC9B;QAAOoC,UAAUP;kBACfK,0BACC,KAACG;YAAM,GAAGN,SAAS;YAAG,GAAGE,YAAY;sBAClCzB;;;AAKX,GACA"}
+{"version":3,"sources":["../../src/overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useSsr } from \"../SsrProvider.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport {\n  type CSSTransitionComponentProps,\n  type TransitionActions,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport {\n  type BaseOverlayClassNameOptions,\n  DEFAULT_OVERLAY_CLASSNAMES,\n  DEFAULT_OVERLAY_TIMEOUT,\n  overlay,\n} from \"./styles.js\";\n\n/**\n * @since 6.0.0 Added `align` and `justify` props.\n * @since 6.0.0 Renamed `hidden` to `noOpacity`.\n * @since 6.3.1 Extends BaseOverlayClassNameOptions for CSSProperties module\n * augmentation.\n */\nexport interface OverlayProps\n  extends\n    HTMLAttributes<HTMLSpanElement>,\n    BaseOverlayClassNameOptions,\n    CSSTransitionComponentProps,\n    TransitionActions {\n  /**\n   * Set this to `true` if the overlay should be rendered with an `opacity: 0`\n   * and disabling the animation. This is useful if you'd like a \"close on\n   * outside click\" behavior.\n   *\n   * @defaultValue `false`\n   */\n  noOpacity?: boolean;\n\n  /**\n   * @see {@link OverlayClassNameOptions.clickable}\n   * @defaultValue `!noOpacity`\n   */\n  clickable?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disablePortal?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Overlay } from \"@react-md/core/overlay/Overlay\";\n * import { useToggle } from \"@react-md/core/useToggle\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { toggle, disable, toggled: visible } = useToggle(false);\n *\n *   return (\n *     <>\n *       <Button onClick={toggle}>Toggle</Button>\n *       <Overlay visible={visible} onClick={disable} />\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/overlay | Overlay Demos}\n * @since 6.0.0 Removed the `onRequestClose` prop in favor of using\n * the `onClick` prop instead.\n */\nexport const Overlay = forwardRef<HTMLSpanElement, OverlayProps>(\n  function Overlay(props, nodeRef) {\n    const {\n      children,\n      className,\n      visible,\n      noOpacity = false,\n      clickable = !noOpacity,\n      temporary = true,\n      timeout = DEFAULT_OVERLAY_TIMEOUT,\n      classNames = DEFAULT_OVERLAY_CLASSNAMES,\n      disableTransition = false,\n      align = \"center\",\n      justify = \"center\",\n      appear,\n      enter,\n      exit,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      exitedHidden = true,\n      disablePortal: propDisablePortal = false,\n      ...remaining\n    } = props;\n\n    const ssr = useSsr();\n    const { elementProps, rendered, disablePortal } = useCSSTransition({\n      nodeRef,\n      transitionIn: visible,\n      timeout: noOpacity ? 0 : timeout,\n      classNames: noOpacity ? \"\" : classNames,\n      className: overlay({\n        visible,\n        clickable,\n        align,\n        justify,\n        className,\n      }),\n      appear: appear && !disableTransition && !ssr,\n      enter: enter && !disableTransition,\n      exit: exit && !disableTransition,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary,\n      exitedHidden,\n      disablePortal: propDisablePortal,\n    });\n\n    return (\n      <Portal disabled={disablePortal}>\n        {rendered && (\n          <span {...remaining} {...elementProps}>\n            {children}\n          </span>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","useSsr","Portal","useCSSTransition","DEFAULT_OVERLAY_CLASSNAMES","DEFAULT_OVERLAY_TIMEOUT","overlay","Overlay","props","nodeRef","children","className","visible","noOpacity","clickable","temporary","timeout","classNames","disableTransition","align","justify","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","exitedHidden","disablePortal","propDisablePortal","remaining","ssr","elementProps","rendered","transitionIn","disabled","span"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,MAAM,QAAQ,sBAAsB;AAK7C,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAEEC,0BAA0B,EAC1BC,uBAAuB,EACvBC,OAAO,QACF,cAAc;AAwCrB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,wBAAUP,WACrB,SAASO,QAAQC,KAAK,EAAEC,OAAO;IAC7B,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,YAAY,KAAK,EACjBC,YAAY,CAACD,SAAS,EACtBE,YAAY,IAAI,EAChBC,UAAUX,uBAAuB,EACjCY,aAAab,0BAA0B,EACvCc,oBAAoB,KAAK,EACzBC,QAAQ,QAAQ,EAChBC,UAAU,QAAQ,EAClBC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,eAAe,IAAI,EACnBC,eAAeC,oBAAoB,KAAK,EACxC,GAAGC,WACJ,GAAGzB;IAEJ,MAAM0B,MAAMjC;IACZ,MAAM,EAAEkC,YAAY,EAAEC,QAAQ,EAAEL,aAAa,EAAE,GAAG5B,iBAAiB;QACjEM;QACA4B,cAAczB;QACdI,SAASH,YAAY,IAAIG;QACzBC,YAAYJ,YAAY,KAAKI;QAC7BN,WAAWL,QAAQ;YACjBM;YACAE;YACAK;YACAC;YACAT;QACF;QACAU,QAAQA,UAAU,CAACH,qBAAqB,CAACgB;QACzCZ,OAAOA,SAAS,CAACJ;QACjBK,MAAMA,QAAQ,CAACL;QACfM;QACAC;QACAC;QACAC;QACAC;QACAC;QACAd;QACAe;QACAC,eAAeC;IACjB;IAEA,qBACE,KAAC9B;QAAOoC,UAAUP;kBACfK,0BACC,KAACG;YAAM,GAAGN,SAAS;YAAG,GAAGE,YAAY;sBAClCzB;;;AAKX,GACA"}