@react-md/core 6.5.0 → 6.5.2

package/dist/spinbutton/useSpinButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/spinbutton/useSpinButton.ts"],"sourcesContent":["\"use client\";\n\nimport { type Dispatch, useCallback, useRef, useState } from \"react\";\n\nimport { tryToSubmitRelatedForm } from \"../form/utils.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { withinRange } from \"../utils/withinRange.js\";\nimport { useSpinButtonGroup } from \"./SpinButtonGroupProvider.js\";\nimport {\n  defaultGetSpinButtonTextContent,\n  defaultSpinButtonGetValueText,\n} from \"./defaults.js\";\nimport {\n  type SpinButtonChangeEvent,\n  type SpinButtonChangeEventOptions,\n  type SpinButtonImplementation,\n  type SpinButtonOptions,\n  type SpinButtonValue,\n} from \"./types.js\";\nimport { deselectNode } from \"./utils/deselectNode.js\";\nimport { resolveInputEvent } from \"./utils/resolveInputEvent.js\";\nimport { selectNode } from \"./utils/selectNode.js\";\n\n/**\n * @since 6.4.0\n */\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButton<E extends HTMLElement = HTMLDivElement>(\n  options: SpinButtonOptions<E>\n): SpinButtonImplementation<E> {\n  const {\n    id: propId,\n    ref: propRef,\n    min,\n    max,\n    step = 1,\n    minDigits,\n    maxDigits,\n    form,\n    readOnly,\n    disabled,\n    required,\n    error,\n    onBlur = noop,\n    onFocus = noop,\n    onInput = noop,\n    onClick = noop,\n    onKeyDown = noop,\n    fallback,\n    mappings,\n    value: propValue,\n    onValueChange = noop,\n    defaultValue = null,\n    getValueText = defaultSpinButtonGetValueText,\n    getTextContent = defaultGetSpinButtonTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n  } = options;\n  const id = useEnsuredId(propId, \"spinbutton\");\n\n  // trigger a noop setValue when `value` and `onValueChange` are provided\n  // since `onValueChange is always called with  `setValue\n  let propSetValue: Dispatch<SpinButtonValue> | undefined;\n  if (typeof propValue !== \"undefined\" && options.onValueChange) {\n    propSetValue = noop;\n  }\n\n  const [value, setValue] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n  });\n\n  const focused = useRef(false);\n  const typedCount = useRef(0);\n  const prevText = useRef(\"\");\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n  const { focusNext } = useSpinButtonGroup();\n  const [keyboardValue] = useState(defaultKeyboardValue);\n\n  // NOTE: I might be able to get rid of this since I don't remember why it was\n  // added maybe for controlled fields? I'll have to see when I get to the\n  // date/time components again\n  useIsomorphicLayoutEffect(() => {\n    const node = nodeRef.current;\n    if (!focused.current || !node) {\n      return;\n    }\n\n    prevText.current = node.textContent || \"\";\n    selectNode(node);\n  }, [nodeRef, value]);\n\n  const updateValue = useCallback(\n    (options: SpinButtonChangeEventOptions<E>) => {\n      setValue(options.value);\n      onValueChange(options);\n      if (options.reason === \"typed-to-completion\") {\n        focusNext();\n      }\n    },\n    [focusNext, onValueChange, setValue]\n  );\n  const increment = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? min ?? max ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue + step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof min === \"number\") {\n        nextValue = min;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n  const decrement = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? max ?? min ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue - step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof max === \"number\") {\n        nextValue = max;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n\n  return {\n    value,\n    setValue,\n    spinButtonRef: nodeRef,\n    spinButtonProps: {\n      \"aria-readonly\": readOnly || undefined,\n      \"aria-disabled\": disabled || undefined,\n      \"aria-invalid\": error || undefined,\n      \"aria-required\": required || undefined,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-valuenow\": value === null ? undefined : value,\n      \"aria-valuetext\": getValueText(value),\n      id,\n      ref: nodeRefCallback,\n      role: \"spinbutton\",\n      autoCapitalize: \"none\",\n      autoCorrect: \"off\",\n      spellCheck: false,\n      inputMode: \"numeric\",\n      contentEditable: !disabled || undefined,\n      suppressContentEditableWarning: true,\n      tabIndex: disabled ? undefined : 0,\n      onBlur: (event) => {\n        onBlur(event);\n\n        focused.current = false;\n        deselectNode(event.currentTarget);\n      },\n      onFocus: (event) => {\n        onFocus(event);\n\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onKeyDown: (event) => {\n        onKeyDown(event);\n\n        if (disabled || (readOnly && event.key !== \"Enter\")) {\n          return;\n        }\n\n        const setValue = (nextValue: number): void =>\n          updateValue({ value: nextValue, event, reason: \"change\" });\n\n        let stop = false;\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n            // `event.stopPropagation()` should not be called here since the\n            // parent `useSpinButtonGroup` keyboard event handler should\n            // still be called to handle advancing to the next spinbutton in\n            // the group. Only the default cursor movement needs to be disabled\n            // instead.\n            event.preventDefault();\n            break;\n          case \"ArrowUp\":\n            stop = true;\n            increment(event);\n            break;\n          case \"ArrowDown\":\n            stop = true;\n            decrement(event);\n            break;\n          case \"Home\":\n            stop = true;\n            if (typeof min === \"number\") {\n              setValue(min);\n            }\n            break;\n          case \"End\":\n            stop = true;\n            if (typeof max === \"number\") {\n              setValue(max);\n            }\n            break;\n          case \"Enter\":\n            stop = true;\n            tryToSubmitRelatedForm(event, form);\n        }\n\n        if (stop) {\n          event.preventDefault();\n          event.stopPropagation();\n          typedCount.current = 0;\n        }\n      },\n      onClick: (event) => {\n        onClick(event);\n\n        event.preventDefault();\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onInput: (event) => {\n        onInput(event);\n\n        const node = event.currentTarget;\n        // if the input event is fired while readOnly or disabled, ignore it\n        // and set it back to the previous state\n        if (readOnly || disabled) {\n          node.textContent = prevText.current;\n          selectNode(node);\n          return;\n        }\n\n        const { reason, nextValue } = resolveInputEvent({\n          min,\n          max,\n          text: node.textContent || \"\",\n          mappings,\n          maxDigits,\n          prevText: prevText.current,\n          prevValue: value,\n          typedCount: typedCount.current,\n        });\n\n        if (\n          reason === \"change\" ||\n          reason === \"cleared\" ||\n          reason === \"typed-to-completion\"\n        ) {\n          typedCount.current = 0;\n        } else if (reason !== \"ignored\") {\n          typedCount.current++;\n        }\n\n        node.textContent = getTextContent({\n          min,\n          max,\n          minDigits,\n          maxDigits,\n          value: nextValue,\n          fallback,\n          placeholderChar,\n        });\n        prevText.current = node.textContent;\n        selectNode(node);\n\n        if (reason !== \"ignored\" && reason !== \"placeholder-digit\") {\n          updateValue({\n            event,\n            value: nextValue,\n            reason,\n          });\n        }\n      },\n    },\n  };\n}\n"],"names":["useCallback","useRef","useState","tryToSubmitRelatedForm","useEnsuredId","useEnsuredRef","useEnsuredState","useIsomorphicLayoutEffect","withinRange","useSpinButtonGroup","defaultGetSpinButtonTextContent","defaultSpinButtonGetValueText","deselectNode","resolveInputEvent","selectNode","noop","useSpinButton","options","id","propId","ref","propRef","min","max","step","minDigits","maxDigits","form","readOnly","disabled","required","error","onBlur","onFocus","onInput","onClick","onKeyDown","fallback","mappings","value","propValue","onValueChange","defaultValue","getValueText","getTextContent","placeholderChar","defaultKeyboardValue","propSetValue","setValue","focused","typedCount","prevText","nodeRef","nodeRefCallback","focusNext","keyboardValue","node","current","textContent","updateValue","reason","increment","event","nextValue","decrement","spinButtonRef","spinButtonProps","undefined","role","autoCapitalize","autoCorrect","spellCheck","inputMode","contentEditable","suppressContentEditableWarning","tabIndex","currentTarget","key","stop","preventDefault","stopPropagation","text","prevValue"],"mappings":"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"}
+{"version":3,"sources":["../../src/spinbutton/useSpinButton.ts"],"sourcesContent":["\"use client\";\n\nimport { type Dispatch, useCallback, useRef, useState } from \"react\";\n\nimport { tryToSubmitRelatedForm } from \"../form/utils.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { withinRange } from \"../utils/withinRange.js\";\nimport { useSpinButtonGroup } from \"./SpinButtonGroupProvider.js\";\nimport {\n  defaultGetSpinButtonTextContent,\n  defaultSpinButtonGetValueText,\n} from \"./defaults.js\";\nimport {\n  type SpinButtonChangeEvent,\n  type SpinButtonChangeEventOptions,\n  type SpinButtonImplementation,\n  type SpinButtonOptions,\n  type SpinButtonValue,\n} from \"./types.js\";\nimport { deselectNode } from \"./utils/deselectNode.js\";\nimport { resolveInputEvent } from \"./utils/resolveInputEvent.js\";\nimport { selectNode } from \"./utils/selectNode.js\";\n\n/**\n * @since 6.4.0\n */\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButton<E extends HTMLElement = HTMLDivElement>(\n  options: SpinButtonOptions<E>\n): SpinButtonImplementation<E> {\n  const {\n    id: propId,\n    ref: propRef,\n    min,\n    max,\n    step = 1,\n    minDigits,\n    maxDigits,\n    form,\n    readOnly,\n    disabled,\n    required,\n    error,\n    onBlur = noop,\n    onFocus = noop,\n    onInput = noop,\n    onClick = noop,\n    onKeyDown = noop,\n    fallback,\n    mappings,\n    value: propValue,\n    onValueChange = noop,\n    defaultValue = null,\n    getValueText = defaultSpinButtonGetValueText,\n    getTextContent = defaultGetSpinButtonTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n  } = options;\n  const id = useEnsuredId(propId, \"spinbutton\");\n\n  // trigger a noop setValue when `value` and `onValueChange` are provided\n  // since `onValueChange is always called with  `setValue\n  let propSetValue: Dispatch<SpinButtonValue> | undefined;\n  if (propValue !== undefined && options.onValueChange) {\n    propSetValue = noop;\n  }\n\n  const [value, setValue] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n  });\n\n  const focused = useRef(false);\n  const typedCount = useRef(0);\n  const prevText = useRef(\"\");\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n  const { focusNext } = useSpinButtonGroup();\n  const [keyboardValue] = useState(defaultKeyboardValue);\n\n  // NOTE: I might be able to get rid of this since I don't remember why it was\n  // added maybe for controlled fields? I'll have to see when I get to the\n  // date/time components again\n  useIsomorphicLayoutEffect(() => {\n    const node = nodeRef.current;\n    if (!focused.current || !node) {\n      return;\n    }\n\n    prevText.current = node.textContent || \"\";\n    selectNode(node);\n  }, [nodeRef, value]);\n\n  const updateValue = useCallback(\n    (options: SpinButtonChangeEventOptions<E>) => {\n      setValue(options.value);\n      onValueChange(options);\n      if (options.reason === \"typed-to-completion\") {\n        focusNext();\n      }\n    },\n    [focusNext, onValueChange, setValue]\n  );\n  const increment = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? min ?? max ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue + step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof min === \"number\") {\n        nextValue = min;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n  const decrement = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? max ?? min ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue - step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof max === \"number\") {\n        nextValue = max;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n\n  return {\n    value,\n    setValue,\n    spinButtonRef: nodeRef,\n    spinButtonProps: {\n      \"aria-readonly\": readOnly || undefined,\n      \"aria-disabled\": disabled || undefined,\n      \"aria-invalid\": error || undefined,\n      \"aria-required\": required || undefined,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-valuenow\": value === null ? undefined : value,\n      \"aria-valuetext\": getValueText(value),\n      id,\n      ref: nodeRefCallback,\n      role: \"spinbutton\",\n      autoCapitalize: \"none\",\n      autoCorrect: \"off\",\n      spellCheck: false,\n      inputMode: \"numeric\",\n      contentEditable: !disabled || undefined,\n      suppressContentEditableWarning: true,\n      tabIndex: disabled ? undefined : 0,\n      onBlur: (event) => {\n        onBlur(event);\n\n        focused.current = false;\n        deselectNode(event.currentTarget);\n      },\n      onFocus: (event) => {\n        onFocus(event);\n\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onKeyDown: (event) => {\n        onKeyDown(event);\n\n        if (disabled || (readOnly && event.key !== \"Enter\")) {\n          return;\n        }\n\n        const setValue = (nextValue: number): void =>\n          updateValue({ value: nextValue, event, reason: \"change\" });\n\n        let stop = false;\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n            // `event.stopPropagation()` should not be called here since the\n            // parent `useSpinButtonGroup` keyboard event handler should\n            // still be called to handle advancing to the next spinbutton in\n            // the group. Only the default cursor movement needs to be disabled\n            // instead.\n            event.preventDefault();\n            break;\n          case \"ArrowUp\":\n            stop = true;\n            increment(event);\n            break;\n          case \"ArrowDown\":\n            stop = true;\n            decrement(event);\n            break;\n          case \"Home\":\n            stop = true;\n            if (typeof min === \"number\") {\n              setValue(min);\n            }\n            break;\n          case \"End\":\n            stop = true;\n            if (typeof max === \"number\") {\n              setValue(max);\n            }\n            break;\n          case \"Enter\":\n            stop = true;\n            tryToSubmitRelatedForm(event, form);\n        }\n\n        if (stop) {\n          event.preventDefault();\n          event.stopPropagation();\n          typedCount.current = 0;\n        }\n      },\n      onClick: (event) => {\n        onClick(event);\n\n        event.preventDefault();\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onInput: (event) => {\n        onInput(event);\n\n        const node = event.currentTarget;\n        // if the input event is fired while readOnly or disabled, ignore it\n        // and set it back to the previous state\n        if (readOnly || disabled) {\n          node.textContent = prevText.current;\n          selectNode(node);\n          return;\n        }\n\n        const { reason, nextValue } = resolveInputEvent({\n          min,\n          max,\n          text: node.textContent || \"\",\n          mappings,\n          maxDigits,\n          prevText: prevText.current,\n          prevValue: value,\n          typedCount: typedCount.current,\n        });\n\n        if (\n          reason === \"change\" ||\n          reason === \"cleared\" ||\n          reason === \"typed-to-completion\"\n        ) {\n          typedCount.current = 0;\n        } else if (reason !== \"ignored\") {\n          typedCount.current++;\n        }\n\n        node.textContent = getTextContent({\n          min,\n          max,\n          minDigits,\n          maxDigits,\n          value: nextValue,\n          fallback,\n          placeholderChar,\n        });\n        prevText.current = node.textContent;\n        selectNode(node);\n\n        if (reason !== \"ignored\" && reason !== \"placeholder-digit\") {\n          updateValue({\n            event,\n            value: nextValue,\n            reason,\n          });\n        }\n      },\n    },\n  };\n}\n"],"names":["useCallback","useRef","useState","tryToSubmitRelatedForm","useEnsuredId","useEnsuredRef","useEnsuredState","useIsomorphicLayoutEffect","withinRange","useSpinButtonGroup","defaultGetSpinButtonTextContent","defaultSpinButtonGetValueText","deselectNode","resolveInputEvent","selectNode","noop","useSpinButton","options","id","propId","ref","propRef","min","max","step","minDigits","maxDigits","form","readOnly","disabled","required","error","onBlur","onFocus","onInput","onClick","onKeyDown","fallback","mappings","value","propValue","onValueChange","defaultValue","getValueText","getTextContent","placeholderChar","defaultKeyboardValue","propSetValue","undefined","setValue","focused","typedCount","prevText","nodeRef","nodeRefCallback","focusNext","keyboardValue","node","current","textContent","updateValue","reason","increment","event","nextValue","decrement","spinButtonRef","spinButtonProps","role","autoCapitalize","autoCorrect","spellCheck","inputMode","contentEditable","suppressContentEditableWarning","tabIndex","currentTarget","key","stop","preventDefault","stopPropagation","text","prevValue"],"mappings":"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"}

package/dist/spinbutton/utils/deselectNode.js

@@ -2,7 +2,7 @@
  * @since 6.4.0
  * @internal
  */ export function deselectNode(node) {
-    const selection = window.getSelection();
+    const selection = globalThis.getSelection();
     if (!selection) {
         return;
     }

package/dist/spinbutton/utils/deselectNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/spinbutton/utils/deselectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function deselectNode(node: Node): void {\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  for (let i = 0; i < selection.rangeCount; i++) {\n    const range = selection.getRangeAt(i);\n    if (range.startContainer.contains(node)) {\n      selection.removeRange(range);\n    }\n  }\n}\n"],"names":["deselectNode","node","selection","window","getSelection","i","rangeCount","range","getRangeAt","startContainer","contains","removeRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,aAAaC,IAAU;IACrC,MAAMC,YAAYC,OAAOC,YAAY;IACrC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,IAAK,IAAIG,IAAI,GAAGA,IAAIH,UAAUI,UAAU,EAAED,IAAK;QAC7C,MAAME,QAAQL,UAAUM,UAAU,CAACH;QACnC,IAAIE,MAAME,cAAc,CAACC,QAAQ,CAACT,OAAO;YACvCC,UAAUS,WAAW,CAACJ;QACxB;IACF;AACF"}
+{"version":3,"sources":["../../../src/spinbutton/utils/deselectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function deselectNode(node: Node): void {\n  const selection = globalThis.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  for (let i = 0; i < selection.rangeCount; i++) {\n    const range = selection.getRangeAt(i);\n    if (range.startContainer.contains(node)) {\n      selection.removeRange(range);\n    }\n  }\n}\n"],"names":["deselectNode","node","selection","globalThis","getSelection","i","rangeCount","range","getRangeAt","startContainer","contains","removeRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,aAAaC,IAAU;IACrC,MAAMC,YAAYC,WAAWC,YAAY;IACzC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,IAAK,IAAIG,IAAI,GAAGA,IAAIH,UAAUI,UAAU,EAAED,IAAK;QAC7C,MAAME,QAAQL,UAAUM,UAAU,CAACH;QACnC,IAAIE,MAAME,cAAc,CAACC,QAAQ,CAACT,OAAO;YACvCC,UAAUS,WAAW,CAACJ;QACxB;IACF;AACF"}

package/dist/spinbutton/utils/resolveInputEvent.js

@@ -32,7 +32,7 @@ import { getNumberOfDigits } from "../../utils/getNumberOfDigits.js";
         };
     }
     let reason = "type";
-    let nextValue = parseInt(prevText + text, 10);
+    let nextValue = Number.parseInt(prevText + text, 10);
     if (typeof minDigits === "number" && typedCount + 1 < minDigits) {
         reason = "placeholder-digit";
     }

package/dist/spinbutton/utils/resolveInputEvent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/spinbutton/utils/resolveInputEvent.ts"],"sourcesContent":["import { type MinMaxRange } from \"../../types.js\";\nimport { getNumberOfDigits } from \"../../utils/getNumberOfDigits.js\";\nimport {\n  type SpinButtonChangeReason,\n  type SpinButtonCharacterValueMap,\n  type SpinButtonValue,\n} from \"../types.js\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEventOptions extends Partial<MinMaxRange> {\n  text: string;\n  mappings?: SpinButtonCharacterValueMap;\n  minDigits?: number;\n  maxDigits?: number;\n  prevText: string;\n  prevValue: SpinButtonValue;\n  typedCount: number;\n}\n\ntype SpinButtonResolvedInputReason =\n  | SpinButtonChangeReason\n  | \"ignored\"\n  | \"placeholder-digit\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEvent {\n  reason: SpinButtonResolvedInputReason;\n  nextValue: SpinButtonValue;\n}\n\n/**\n * @since 6.4.0\n * @internal\n */\nexport function resolveInputEvent(\n  options: ResolveInputEventOptions\n): ResolveInputEvent {\n  const {\n    min,\n    max,\n    minDigits = getNumberOfDigits(min),\n    maxDigits = getNumberOfDigits(max),\n    text,\n    mappings,\n    typedCount,\n    prevValue,\n  } = options;\n\n  let { prevText } = options;\n  if (typedCount === 0) {\n    prevText = \"\";\n  }\n\n  if (!text) {\n    return {\n      reason: \"cleared\",\n      nextValue: null,\n    };\n  }\n\n  if (mappings) {\n    const nextValue = mappings[text] ?? prevValue;\n\n    let reason: SpinButtonResolvedInputReason = \"ignored\";\n    if (typeof mappings[text] === \"number\") {\n      reason = \"typed-to-completion\";\n    }\n\n    return {\n      reason,\n      nextValue,\n    };\n  }\n\n  if (/[^0-9]/.test(text)) {\n    return {\n      reason: \"ignored\",\n      nextValue: prevValue,\n    };\n  }\n\n  let reason: SpinButtonResolvedInputReason = \"type\";\n  let nextValue: SpinButtonValue = parseInt(prevText + text, 10);\n  if (typeof minDigits === \"number\" && typedCount + 1 < minDigits) {\n    reason = \"placeholder-digit\";\n  }\n\n  if (typeof max === \"number\" && nextValue > max) {\n    nextValue = prevValue;\n  }\n\n  if (\n    typeof nextValue === \"number\" &&\n    // if typing a new value surpasses the number of digits allowed\n    ((typeof maxDigits === \"number\" && typedCount + 1 >= maxDigits) ||\n      // typing a new value would exceed the max value\n      (typeof max === \"number\" && nextValue * 10 > max))\n  ) {\n    reason = \"typed-to-completion\";\n  }\n\n  return {\n    reason,\n    nextValue,\n  };\n}\n"],"names":["getNumberOfDigits","resolveInputEvent","options","min","max","minDigits","maxDigits","text","mappings","typedCount","prevValue","prevText","reason","nextValue","test","parseInt"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,mCAAmC;AAmCrE;;;CAGC,GACD,OAAO,SAASC,kBACdC,OAAiC;IAEjC,MAAM,EACJC,GAAG,EACHC,GAAG,EACHC,YAAYL,kBAAkBG,IAAI,EAClCG,YAAYN,kBAAkBI,IAAI,EAClCG,IAAI,EACJC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACV,GAAGR;IAEJ,IAAI,EAAES,QAAQ,EAAE,GAAGT;IACnB,IAAIO,eAAe,GAAG;QACpBE,WAAW;IACb;IAEA,IAAI,CAACJ,MAAM;QACT,OAAO;YACLK,QAAQ;YACRC,WAAW;QACb;IACF;IAEA,IAAIL,UAAU;QACZ,MAAMK,YAAYL,QAAQ,CAACD,KAAK,IAAIG;QAEpC,IAAIE,SAAwC;QAC5C,IAAI,OAAOJ,QAAQ,CAACD,KAAK,KAAK,UAAU;YACtCK,SAAS;QACX;QAEA,OAAO;YACLA;YACAC;QACF;IACF;IAEA,IAAI,SAASC,IAAI,CAACP,OAAO;QACvB,OAAO;YACLK,QAAQ;YACRC,WAAWH;QACb;IACF;IAEA,IAAIE,SAAwC;IAC5C,IAAIC,YAA6BE,SAASJ,WAAWJ,MAAM;IAC3D,IAAI,OAAOF,cAAc,YAAYI,aAAa,IAAIJ,WAAW;QAC/DO,SAAS;IACX;IAEA,IAAI,OAAOR,QAAQ,YAAYS,YAAYT,KAAK;QAC9CS,YAAYH;IACd;IAEA,IACE,OAAOG,cAAc,YACrB,+DAA+D;IAC9D,CAAA,AAAC,OAAOP,cAAc,YAAYG,aAAa,KAAKH,aACnD,gDAAgD;IAC/C,OAAOF,QAAQ,YAAYS,YAAY,KAAKT,GAAG,GAClD;QACAQ,SAAS;IACX;IAEA,OAAO;QACLA;QACAC;IACF;AACF"}
+{"version":3,"sources":["../../../src/spinbutton/utils/resolveInputEvent.ts"],"sourcesContent":["import { type MinMaxRange } from \"../../types.js\";\nimport { getNumberOfDigits } from \"../../utils/getNumberOfDigits.js\";\nimport {\n  type SpinButtonChangeReason,\n  type SpinButtonCharacterValueMap,\n  type SpinButtonValue,\n} from \"../types.js\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEventOptions extends Partial<MinMaxRange> {\n  text: string;\n  mappings?: SpinButtonCharacterValueMap;\n  minDigits?: number;\n  maxDigits?: number;\n  prevText: string;\n  prevValue: SpinButtonValue;\n  typedCount: number;\n}\n\ntype SpinButtonResolvedInputReason =\n  | SpinButtonChangeReason\n  | \"ignored\"\n  | \"placeholder-digit\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEvent {\n  reason: SpinButtonResolvedInputReason;\n  nextValue: SpinButtonValue;\n}\n\n/**\n * @since 6.4.0\n * @internal\n */\nexport function resolveInputEvent(\n  options: ResolveInputEventOptions\n): ResolveInputEvent {\n  const {\n    min,\n    max,\n    minDigits = getNumberOfDigits(min),\n    maxDigits = getNumberOfDigits(max),\n    text,\n    mappings,\n    typedCount,\n    prevValue,\n  } = options;\n\n  let { prevText } = options;\n  if (typedCount === 0) {\n    prevText = \"\";\n  }\n\n  if (!text) {\n    return {\n      reason: \"cleared\",\n      nextValue: null,\n    };\n  }\n\n  if (mappings) {\n    const nextValue = mappings[text] ?? prevValue;\n\n    let reason: SpinButtonResolvedInputReason = \"ignored\";\n    if (typeof mappings[text] === \"number\") {\n      reason = \"typed-to-completion\";\n    }\n\n    return {\n      reason,\n      nextValue,\n    };\n  }\n\n  if (/[^0-9]/.test(text)) {\n    return {\n      reason: \"ignored\",\n      nextValue: prevValue,\n    };\n  }\n\n  let reason: SpinButtonResolvedInputReason = \"type\";\n  let nextValue: SpinButtonValue = Number.parseInt(prevText + text, 10);\n  if (typeof minDigits === \"number\" && typedCount + 1 < minDigits) {\n    reason = \"placeholder-digit\";\n  }\n\n  if (typeof max === \"number\" && nextValue > max) {\n    nextValue = prevValue;\n  }\n\n  if (\n    typeof nextValue === \"number\" &&\n    // if typing a new value surpasses the number of digits allowed\n    ((typeof maxDigits === \"number\" && typedCount + 1 >= maxDigits) ||\n      // typing a new value would exceed the max value\n      (typeof max === \"number\" && nextValue * 10 > max))\n  ) {\n    reason = \"typed-to-completion\";\n  }\n\n  return {\n    reason,\n    nextValue,\n  };\n}\n"],"names":["getNumberOfDigits","resolveInputEvent","options","min","max","minDigits","maxDigits","text","mappings","typedCount","prevValue","prevText","reason","nextValue","test","Number","parseInt"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,mCAAmC;AAmCrE;;;CAGC,GACD,OAAO,SAASC,kBACdC,OAAiC;IAEjC,MAAM,EACJC,GAAG,EACHC,GAAG,EACHC,YAAYL,kBAAkBG,IAAI,EAClCG,YAAYN,kBAAkBI,IAAI,EAClCG,IAAI,EACJC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACV,GAAGR;IAEJ,IAAI,EAAES,QAAQ,EAAE,GAAGT;IACnB,IAAIO,eAAe,GAAG;QACpBE,WAAW;IACb;IAEA,IAAI,CAACJ,MAAM;QACT,OAAO;YACLK,QAAQ;YACRC,WAAW;QACb;IACF;IAEA,IAAIL,UAAU;QACZ,MAAMK,YAAYL,QAAQ,CAACD,KAAK,IAAIG;QAEpC,IAAIE,SAAwC;QAC5C,IAAI,OAAOJ,QAAQ,CAACD,KAAK,KAAK,UAAU;YACtCK,SAAS;QACX;QAEA,OAAO;YACLA;YACAC;QACF;IACF;IAEA,IAAI,SAASC,IAAI,CAACP,OAAO;QACvB,OAAO;YACLK,QAAQ;YACRC,WAAWH;QACb;IACF;IAEA,IAAIE,SAAwC;IAC5C,IAAIC,YAA6BE,OAAOC,QAAQ,CAACL,WAAWJ,MAAM;IAClE,IAAI,OAAOF,cAAc,YAAYI,aAAa,IAAIJ,WAAW;QAC/DO,SAAS;IACX;IAEA,IAAI,OAAOR,QAAQ,YAAYS,YAAYT,KAAK;QAC9CS,YAAYH;IACd;IAEA,IACE,OAAOG,cAAc,YACrB,+DAA+D;IAC9D,CAAA,AAAC,OAAOP,cAAc,YAAYG,aAAa,KAAKH,aACnD,gDAAgD;IAC/C,OAAOF,QAAQ,YAAYS,YAAY,KAAKT,GAAG,GAClD;QACAQ,SAAS;IACX;IAEA,OAAO;QACLA;QACAC;IACF;AACF"}

package/dist/spinbutton/utils/selectNode.js

@@ -2,7 +2,7 @@
  * @since 6.4.0
  * @internal
  */ export function selectNode(node) {
-    const selection = window.getSelection();
+    const selection = globalThis.getSelection();
     if (!selection) {
         return;
     }

package/dist/spinbutton/utils/selectNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/spinbutton/utils/selectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function selectNode(node: Node): void {\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(node);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n"],"names":["selectNode","node","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,WAAWC,IAAU;IACnC,MAAMC,YAAYC,OAAOC,YAAY;IACrC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,MAAMG,QAAQC,SAASC,WAAW;IAClCF,MAAMG,kBAAkB,CAACP;IACzBC,UAAUO,eAAe;IACzBP,UAAUQ,QAAQ,CAACL;AACrB"}
+{"version":3,"sources":["../../../src/spinbutton/utils/selectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function selectNode(node: Node): void {\n  const selection = globalThis.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(node);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n"],"names":["selectNode","node","selection","globalThis","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,WAAWC,IAAU;IACnC,MAAMC,YAAYC,WAAWC,YAAY;IACzC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,MAAMG,QAAQC,SAASC,WAAW;IAClCF,MAAMG,kBAAkB,CAACP;IACzBC,UAAUO,eAAe;IACzBP,UAAUQ,QAAQ,CAACL;AACrB"}

package/dist/storage/useStorage.js

@@ -164,7 +164,12 @@ import { getItemFromStorage, removeItemFromStorage, setItemInStorage } from "./u
     const setValue = useCallback((valueOrDispatcher)=>{
         const { key, manual, storage, serializer } = config.current;
         setStoredValue((prevValue)=>{
-            const nextValue = valueOrDispatcher instanceof Function ? valueOrDispatcher(prevValue) : valueOrDispatcher;
+            const nextValue = // this has to still use `instanceof` because of the T generic. Using
+            // `T extends ...` restricts the types too much if providing a
+            // `defaultValue`
+            //
+            // eslint-disable-next-line unicorn/no-instanceof-builtins
+            valueOrDispatcher instanceof Function ? valueOrDispatcher(prevValue) : valueOrDispatcher;
             if (!manual && nextValue !== prevValue) {
                 setItemInStorage({
                     key,
@@ -230,9 +235,9 @@ import { getItemFromStorage, removeItemFromStorage, setItemInStorage } from "./u
                 }));
             }
         };
-        window.addEventListener("storage", callback);
+        globalThis.addEventListener("storage", callback);
         return ()=>{
-            window.removeEventListener("storage", callback);
+            globalThis.removeEventListener("storage", callback);
         };
     }, [
         key

package/dist/storage/useStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/storage/useStorage.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { useSsr } from \"../SsrProvider.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { getStorageSerializers } from \"./internalUtils.js\";\nimport { type StorageImplementation, type StorageOptions } from \"./types.js\";\nimport {\n  getItemFromStorage,\n  removeItemFromStorage,\n  setItemInStorage,\n} from \"./utils.js\";\n\n/**\n * The `useStorage` hook can be used to read and write from `localStorage`\n * (default) or `sessionStorage`. The default behavior will automatically sync\n * the value across tabs using the `StorageEvent`.\n *\n * @example Simple Example\n * ```tsx\n * import { TextField } from \"@react-md/core/form/TextField\";\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { value, setValue } = useStorage({\n *     key: \"savedSearch\",\n *     defaultValue: \"\",\n *   });\n *\n *   return (\n *     <TextField\n *       label=\"Search\"\n *       placeholder=\"Search...\"\n *       type=\"search\"\n *       value={value}\n *       onChange={(event) => {\n *         setValue(event.currentTarget.value)\n *       }}\n *     />\n *   );\n * }\n * ```\n *\n * @example Type-safe Objects\n * ```tsx\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * interface ExpectedSchema {\n *   label: string;\n *   value: string;\n *   // others\n * }\n *\n * function Example(): ReactElement {\n *   const { value, setValue } = useStorage<ExpectedSchema | null>({\n *     key: \"someKey\",\n *     defaultValue: null,\n *\n *     // this is optional: you can create a custom deserializer to validate\n *     // the stored value to prevent people manually updating local storage in\n *     // the dev tools\n *     deserializer(item) {\n *       const parsed = JSON.parse(item):\n *       const { label, value } = parsed;\n *       if (typeof label !== 'string' || typeof value !== 'string') {\n *         return null;\n *       }\n *\n *       return { label, value };\n *     }\n *   });\n *\n *   // do something\n *   // value will be `ExpectedSchema | null`\n * }\n * ```\n *\n * @example Manual Persistence\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Checkbox } from \"@react-md/core/form/Checkbox\";\n * import { Form } from \"@react-md/core/form/Form\";\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { value, setValue, remove, persist } = useStorage({\n *     key: \"someKey\",\n *     manual: true,\n *     defaultValue: false,\n *   });\n *\n *   return (\n *     <Form\n *       onSubmit={() => {\n *         // current value will be saved into local storage\n *         persist();\n *       }}\n *       onReset={() => {\n *         // \"someKey\" will be removed from local storage\n *         remove();\n *       }}\n *     >\n *       <Checkbox\n *         label=\"Allow cookies\"\n *         checked={value}\n *         onChange={(event) =>\n *           setValue(event.currentTarget.checked);\n *         }\n *       />\n *       <Button type=\"reset\">Decline</Button>\n *       <Button type=\"submit\">Save</Button>\n *     </Form>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/hooks/use-storage | useStorage Demos}\n * @see https://developer.mozilla.org/en-US/docs/Web/API/StorageEvent\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage\n * @since 6.0.0\n */\nexport function useStorage<T>(\n  options: StorageOptions<T>\n): StorageImplementation<T> {\n  const {\n    key,\n    defaultValue,\n    manual,\n    storage = globalThis.localStorage,\n  } = options;\n\n  const [initialValue] = useState(defaultValue);\n  const { serializer, deserializer } = useMemo(\n    () =>\n      getStorageSerializers({\n        raw: options.raw,\n        serializer: options.serializer,\n        deserializer: options.deserializer,\n        initialValue,\n      }),\n    [initialValue, options.deserializer, options.raw, options.serializer]\n  );\n\n  const ssr = useSsr();\n  const [value, setStoredValue] = useState<T>(() => {\n    if (ssr) {\n      return initialValue;\n    }\n\n    return getItemFromStorage({\n      key,\n      storage,\n      fallback: initialValue,\n      deserializer,\n    });\n  });\n\n  const config = useRef({\n    key,\n    value,\n    manual,\n    storage,\n    serializer,\n    deserializer,\n    defaultValue: initialValue,\n  } as const);\n  useIsomorphicLayoutEffect(() => {\n    config.current = {\n      key,\n      value,\n      manual,\n      storage,\n      serializer,\n      deserializer,\n      defaultValue: initialValue,\n    };\n  });\n\n  const setValue = useCallback<UseStateSetter<T>>((valueOrDispatcher) => {\n    const { key, manual, storage, serializer } = config.current;\n\n    setStoredValue((prevValue) => {\n      const nextValue =\n        valueOrDispatcher instanceof Function\n          ? valueOrDispatcher(prevValue)\n          : valueOrDispatcher;\n\n      if (!manual && nextValue !== prevValue) {\n        setItemInStorage({\n          key,\n          value: nextValue,\n          storage,\n          serializer,\n        });\n      }\n\n      return nextValue;\n    });\n  }, []);\n\n  const remove = useCallback(() => {\n    removeItemFromStorage(config.current);\n  }, []);\n\n  const persist = useCallback(() => {\n    setItemInStorage(config.current);\n  }, []);\n\n  // make sure to sync the value in local storage\n  useEffect(() => {\n    const { value, manual, storage, serializer } = config.current;\n    if (ssr || !key || !value || manual || !storage) {\n      return;\n    }\n\n    setItemInStorage({\n      key,\n      value,\n      storage,\n      serializer,\n    });\n  }, [key, ssr]);\n  useEffect(() => {\n    const { defaultValue, storage, deserializer, manual } = config.current;\n    if (manual || !ssr) {\n      return;\n    }\n\n    // do not want to trigger the emit behavior for rehydration\n    setStoredValue(\n      getItemFromStorage({\n        key,\n        storage,\n        fallback: defaultValue,\n        deserializer,\n      })\n    );\n  }, [key, ssr]);\n\n  // update the value if another tab changed the local storage value\n  useEffect(() => {\n    if (!key) {\n      return;\n    }\n\n    const callback = (event: StorageEvent): void => {\n      const { storage, defaultValue, deserializer } = config.current;\n      if (event.key === key && event.storageArea === storage) {\n        setStoredValue(\n          getItemFromStorage({\n            key,\n            storage,\n            fallback: defaultValue,\n            deserializer,\n          })\n        );\n      }\n    };\n\n    window.addEventListener(\"storage\", callback);\n    return () => {\n      window.removeEventListener(\"storage\", callback);\n    };\n  }, [key]);\n\n  return {\n    value,\n    setValue,\n    remove,\n    persist,\n  };\n}\n"],"names":["useCallback","useEffect","useMemo","useRef","useState","useSsr","useIsomorphicLayoutEffect","getStorageSerializers","getItemFromStorage","removeItemFromStorage","setItemInStorage","useStorage","options","key","defaultValue","manual","storage","globalThis","localStorage","initialValue","serializer","deserializer","raw","ssr","value","setStoredValue","fallback","config","current","setValue","valueOrDispatcher","prevValue","nextValue","Function","remove","persist","callback","event","storageArea","window","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../src/storage/useStorage.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { useSsr } from \"../SsrProvider.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { getStorageSerializers } from \"./internalUtils.js\";\nimport { type StorageImplementation, type StorageOptions } from \"./types.js\";\nimport {\n  getItemFromStorage,\n  removeItemFromStorage,\n  setItemInStorage,\n} from \"./utils.js\";\n\n/**\n * The `useStorage` hook can be used to read and write from `localStorage`\n * (default) or `sessionStorage`. The default behavior will automatically sync\n * the value across tabs using the `StorageEvent`.\n *\n * @example Simple Example\n * ```tsx\n * import { TextField } from \"@react-md/core/form/TextField\";\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { value, setValue } = useStorage({\n *     key: \"savedSearch\",\n *     defaultValue: \"\",\n *   });\n *\n *   return (\n *     <TextField\n *       label=\"Search\"\n *       placeholder=\"Search...\"\n *       type=\"search\"\n *       value={value}\n *       onChange={(event) => {\n *         setValue(event.currentTarget.value)\n *       }}\n *     />\n *   );\n * }\n * ```\n *\n * @example Type-safe Objects\n * ```tsx\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * interface ExpectedSchema {\n *   label: string;\n *   value: string;\n *   // others\n * }\n *\n * function Example(): ReactElement {\n *   const { value, setValue } = useStorage<ExpectedSchema | null>({\n *     key: \"someKey\",\n *     defaultValue: null,\n *\n *     // this is optional: you can create a custom deserializer to validate\n *     // the stored value to prevent people manually updating local storage in\n *     // the dev tools\n *     deserializer(item) {\n *       const parsed = JSON.parse(item):\n *       const { label, value } = parsed;\n *       if (typeof label !== 'string' || typeof value !== 'string') {\n *         return null;\n *       }\n *\n *       return { label, value };\n *     }\n *   });\n *\n *   // do something\n *   // value will be `ExpectedSchema | null`\n * }\n * ```\n *\n * @example Manual Persistence\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Checkbox } from \"@react-md/core/form/Checkbox\";\n * import { Form } from \"@react-md/core/form/Form\";\n * import { useStorage } from \"@react-md/core/storage/useStorage\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { value, setValue, remove, persist } = useStorage({\n *     key: \"someKey\",\n *     manual: true,\n *     defaultValue: false,\n *   });\n *\n *   return (\n *     <Form\n *       onSubmit={() => {\n *         // current value will be saved into local storage\n *         persist();\n *       }}\n *       onReset={() => {\n *         // \"someKey\" will be removed from local storage\n *         remove();\n *       }}\n *     >\n *       <Checkbox\n *         label=\"Allow cookies\"\n *         checked={value}\n *         onChange={(event) =>\n *           setValue(event.currentTarget.checked);\n *         }\n *       />\n *       <Button type=\"reset\">Decline</Button>\n *       <Button type=\"submit\">Save</Button>\n *     </Form>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/hooks/use-storage | useStorage Demos}\n * @see https://developer.mozilla.org/en-US/docs/Web/API/StorageEvent\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage\n * @since 6.0.0\n */\nexport function useStorage<T>(\n  options: StorageOptions<T>\n): StorageImplementation<T> {\n  const {\n    key,\n    defaultValue,\n    manual,\n    storage = globalThis.localStorage,\n  } = options;\n\n  const [initialValue] = useState(defaultValue);\n  const { serializer, deserializer } = useMemo(\n    () =>\n      getStorageSerializers({\n        raw: options.raw,\n        serializer: options.serializer,\n        deserializer: options.deserializer,\n        initialValue,\n      }),\n    [initialValue, options.deserializer, options.raw, options.serializer]\n  );\n\n  const ssr = useSsr();\n  const [value, setStoredValue] = useState<T>(() => {\n    if (ssr) {\n      return initialValue;\n    }\n\n    return getItemFromStorage({\n      key,\n      storage,\n      fallback: initialValue,\n      deserializer,\n    });\n  });\n\n  const config = useRef({\n    key,\n    value,\n    manual,\n    storage,\n    serializer,\n    deserializer,\n    defaultValue: initialValue,\n  } as const);\n  useIsomorphicLayoutEffect(() => {\n    config.current = {\n      key,\n      value,\n      manual,\n      storage,\n      serializer,\n      deserializer,\n      defaultValue: initialValue,\n    };\n  });\n\n  const setValue = useCallback<UseStateSetter<T>>((valueOrDispatcher) => {\n    const { key, manual, storage, serializer } = config.current;\n\n    setStoredValue((prevValue) => {\n      const nextValue =\n        // this has to still use `instanceof` because of the T generic. Using\n        // `T extends ...` restricts the types too much if providing a\n        // `defaultValue`\n        //\n        // eslint-disable-next-line unicorn/no-instanceof-builtins\n        valueOrDispatcher instanceof Function\n          ? valueOrDispatcher(prevValue)\n          : valueOrDispatcher;\n\n      if (!manual && nextValue !== prevValue) {\n        setItemInStorage({\n          key,\n          value: nextValue,\n          storage,\n          serializer,\n        });\n      }\n\n      return nextValue;\n    });\n  }, []);\n\n  const remove = useCallback(() => {\n    removeItemFromStorage(config.current);\n  }, []);\n\n  const persist = useCallback(() => {\n    setItemInStorage(config.current);\n  }, []);\n\n  // make sure to sync the value in local storage\n  useEffect(() => {\n    const { value, manual, storage, serializer } = config.current;\n    if (ssr || !key || !value || manual || !storage) {\n      return;\n    }\n\n    setItemInStorage({\n      key,\n      value,\n      storage,\n      serializer,\n    });\n  }, [key, ssr]);\n  useEffect(() => {\n    const { defaultValue, storage, deserializer, manual } = config.current;\n    if (manual || !ssr) {\n      return;\n    }\n\n    // do not want to trigger the emit behavior for rehydration\n    setStoredValue(\n      getItemFromStorage({\n        key,\n        storage,\n        fallback: defaultValue,\n        deserializer,\n      })\n    );\n  }, [key, ssr]);\n\n  // update the value if another tab changed the local storage value\n  useEffect(() => {\n    if (!key) {\n      return;\n    }\n\n    const callback = (event: StorageEvent): void => {\n      const { storage, defaultValue, deserializer } = config.current;\n      if (event.key === key && event.storageArea === storage) {\n        setStoredValue(\n          getItemFromStorage({\n            key,\n            storage,\n            fallback: defaultValue,\n            deserializer,\n          })\n        );\n      }\n    };\n\n    globalThis.addEventListener(\"storage\", callback);\n    return () => {\n      globalThis.removeEventListener(\"storage\", callback);\n    };\n  }, [key]);\n\n  return {\n    value,\n    setValue,\n    remove,\n    persist,\n  };\n}\n"],"names":["useCallback","useEffect","useMemo","useRef","useState","useSsr","useIsomorphicLayoutEffect","getStorageSerializers","getItemFromStorage","removeItemFromStorage","setItemInStorage","useStorage","options","key","defaultValue","manual","storage","globalThis","localStorage","initialValue","serializer","deserializer","raw","ssr","value","setStoredValue","fallback","config","current","setValue","valueOrDispatcher","prevValue","nextValue","Function","remove","persist","callback","event","storageArea","addEventListener","removeEventListener"],"mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAE1E,SAASC,MAAM,QAAQ,oBAAoB;AAE3C,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,qBAAqB,QAAQ,qBAAqB;AAE3D,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,gBAAgB,QACX,aAAa;AAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GC,GACD,OAAO,SAASC,WACdC,OAA0B;IAE1B,MAAM,EACJC,GAAG,EACHC,YAAY,EACZC,MAAM,EACNC,UAAUC,WAAWC,YAAY,EAClC,GAAGN;IAEJ,MAAM,CAACO,aAAa,GAAGf,SAASU;IAChC,MAAM,EAAEM,UAAU,EAAEC,YAAY,EAAE,GAAGnB,QACnC,IACEK,sBAAsB;YACpBe,KAAKV,QAAQU,GAAG;YAChBF,YAAYR,QAAQQ,UAAU;YAC9BC,cAAcT,QAAQS,YAAY;YAClCF;QACF,IACF;QAACA;QAAcP,QAAQS,YAAY;QAAET,QAAQU,GAAG;QAAEV,QAAQQ,UAAU;KAAC;IAGvE,MAAMG,MAAMlB;IACZ,MAAM,CAACmB,OAAOC,eAAe,GAAGrB,SAAY;QAC1C,IAAImB,KAAK;YACP,OAAOJ;QACT;QAEA,OAAOX,mBAAmB;YACxBK;YACAG;YACAU,UAAUP;YACVE;QACF;IACF;IAEA,MAAMM,SAASxB,OAAO;QACpBU;QACAW;QACAT;QACAC;QACAI;QACAC;QACAP,cAAcK;IAChB;IACAb,0BAA0B;QACxBqB,OAAOC,OAAO,GAAG;YACff;YACAW;YACAT;YACAC;YACAI;YACAC;YACAP,cAAcK;QAChB;IACF;IAEA,MAAMU,WAAW7B,YAA+B,CAAC8B;QAC/C,MAAM,EAAEjB,GAAG,EAAEE,MAAM,EAAEC,OAAO,EAAEI,UAAU,EAAE,GAAGO,OAAOC,OAAO;QAE3DH,eAAe,CAACM;YACd,MAAMC,YACJ,qEAAqE;YACrE,8DAA8D;YAC9D,iBAAiB;YACjB,EAAE;YACF,0DAA0D;YAC1DF,6BAA6BG,WACzBH,kBAAkBC,aAClBD;YAEN,IAAI,CAACf,UAAUiB,cAAcD,WAAW;gBACtCrB,iBAAiB;oBACfG;oBACAW,OAAOQ;oBACPhB;oBACAI;gBACF;YACF;YAEA,OAAOY;QACT;IACF,GAAG,EAAE;IAEL,MAAME,SAASlC,YAAY;QACzBS,sBAAsBkB,OAAOC,OAAO;IACtC,GAAG,EAAE;IAEL,MAAMO,UAAUnC,YAAY;QAC1BU,iBAAiBiB,OAAOC,OAAO;IACjC,GAAG,EAAE;IAEL,+CAA+C;IAC/C3B,UAAU;QACR,MAAM,EAAEuB,KAAK,EAAET,MAAM,EAAEC,OAAO,EAAEI,UAAU,EAAE,GAAGO,OAAOC,OAAO;QAC7D,IAAIL,OAAO,CAACV,OAAO,CAACW,SAAST,UAAU,CAACC,SAAS;YAC/C;QACF;QAEAN,iBAAiB;YACfG;YACAW;YACAR;YACAI;QACF;IACF,GAAG;QAACP;QAAKU;KAAI;IACbtB,UAAU;QACR,MAAM,EAAEa,YAAY,EAAEE,OAAO,EAAEK,YAAY,EAAEN,MAAM,EAAE,GAAGY,OAAOC,OAAO;QACtE,IAAIb,UAAU,CAACQ,KAAK;YAClB;QACF;QAEA,2DAA2D;QAC3DE,eACEjB,mBAAmB;YACjBK;YACAG;YACAU,UAAUZ;YACVO;QACF;IAEJ,GAAG;QAACR;QAAKU;KAAI;IAEb,kEAAkE;IAClEtB,UAAU;QACR,IAAI,CAACY,KAAK;YACR;QACF;QAEA,MAAMuB,WAAW,CAACC;YAChB,MAAM,EAAErB,OAAO,EAAEF,YAAY,EAAEO,YAAY,EAAE,GAAGM,OAAOC,OAAO;YAC9D,IAAIS,MAAMxB,GAAG,KAAKA,OAAOwB,MAAMC,WAAW,KAAKtB,SAAS;gBACtDS,eACEjB,mBAAmB;oBACjBK;oBACAG;oBACAU,UAAUZ;oBACVO;gBACF;YAEJ;QACF;QAEAJ,WAAWsB,gBAAgB,CAAC,WAAWH;QACvC,OAAO;YACLnB,WAAWuB,mBAAmB,CAAC,WAAWJ;QAC5C;IACF,GAAG;QAACvB;KAAI;IAER,OAAO;QACLW;QACAK;QACAK;QACAC;IACF;AACF"}

package/dist/table/useStickyTableSection.js

@@ -46,7 +46,7 @@ import { useTableContainer } from "./TableContainerProvider.js";
             if (exists) {
                 topOffset = section.offsetHeight - 1;
             } else {
-                const top = parseFloat(window.getComputedStyle(section).top);
+                const top = Number.parseFloat(globalThis.getComputedStyle(section).top);
                 topOffset = Number.isNaN(top) ? 1 : top + 1;
             }
             return `-${topOffset}px 0px 0px`;

package/dist/table/useStickyTableSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/useStickyTableSection.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n  useCallback,\n  useState,\n} from \"react\";\n\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIntersectionObserver } from \"../useIntersectionObserver.js\";\nimport { useTableContainer } from \"./TableContainerProvider.js\";\nimport {\n  type IsStickyTableSectionActive,\n  type TableStickySectionConfiguration,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport const isTableHeaderStickyActive: IsStickyTableSectionActive = (\n  entry\n) => {\n  return (\n    entry.intersectionRatio < 1 &&\n    entry.boundingClientRect.bottom <= window.innerHeight\n  );\n};\n\n/**\n * @since 6.0.0\n */\nexport const isTableFooterStickyActive: IsStickyTableSectionActive = (\n  entry,\n  isInTableContainer\n) => {\n  const { intersectionRatio, boundingClientRect, isIntersecting } = entry;\n  if (isInTableContainer) {\n    return !isIntersecting;\n  }\n\n  return intersectionRatio < 1 && boundingClientRect.top >= 0;\n};\n\n/** @since 6.0.0 */\nexport interface TableStickySectionOptions extends TableStickySectionConfiguration {\n  ref?: Ref<HTMLTableSectionElement>;\n  type: \"header\" | \"footer\";\n}\n\n/** @since 6.0.0 */\nexport interface TableStickySectionImplementation {\n  tbody: ReactNode;\n  targetRef: RefCallback<HTMLTableSectionElement>;\n  sectionRef: RefCallback<HTMLTableSectionElement>;\n  stickyActive: boolean;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport function useStickyTableSection(\n  options: TableStickySectionOptions\n): TableStickySectionImplementation {\n  const { ref, type, disableStickyStyles, stickyOptions } = options;\n\n  const isHeader = type === \"header\";\n  const isStickyActive =\n    options.isStickyActive ??\n    (isHeader ? isTableHeaderStickyActive : isTableFooterStickyActive);\n\n  const [sectionRef, sectionRefCallback] = useEnsuredRef(ref);\n  const { exists, containerRef } = useTableContainer();\n  const [stickyActive, setStickyActive] = useState(false);\n  const targetRef = useIntersectionObserver({\n    ref: exists ? undefined : sectionRefCallback,\n    root: containerRef,\n    disabled: disableStickyStyles,\n    threshold: exists ? 0 : 1,\n    getRootMargin: useCallback(() => {\n      const section = sectionRef.current;\n      if (!isHeader) {\n        const topOffset = exists && section ? section.offsetHeight - 1 : 1;\n\n        return `0px 0px -${topOffset}px 0px`;\n      }\n\n      if (!section) {\n        return;\n      }\n\n      let topOffset: number;\n      if (exists) {\n        topOffset = section.offsetHeight - 1;\n      } else {\n        const top = parseFloat(window.getComputedStyle(section).top);\n        topOffset = Number.isNaN(top) ? 1 : top + 1;\n      }\n\n      return `-${topOffset}px 0px 0px`;\n    }, [exists, isHeader, sectionRef]),\n    onUpdate: useCallback(\n      ([entry]) => {\n        setStickyActive(isStickyActive(entry, exists));\n      },\n      [exists, isStickyActive]\n    ),\n    // allow the user defined sticky options to override the default behavior\n    ...stickyOptions,\n  });\n\n  let tbody: ReactNode;\n  if (exists && !disableStickyStyles) {\n    // rendering a `<tbody>` since it is valid to have 0-many in a table\n    // https://html.spec.whatwg.org/multipage/tables.html#the-table-element\n    tbody = <tbody aria-hidden ref={targetRef} />;\n  }\n\n  return {\n    tbody,\n    targetRef,\n    sectionRef: exists ? sectionRefCallback : targetRef,\n    stickyActive,\n  };\n}\n"],"names":["useCallback","useState","useEnsuredRef","useIntersectionObserver","useTableContainer","isTableHeaderStickyActive","entry","intersectionRatio","boundingClientRect","bottom","window","innerHeight","isTableFooterStickyActive","isInTableContainer","isIntersecting","top","useStickyTableSection","options","ref","type","disableStickyStyles","stickyOptions","isHeader","isStickyActive","sectionRef","sectionRefCallback","exists","containerRef","stickyActive","setStickyActive","targetRef","undefined","root","disabled","threshold","getRootMargin","section","current","topOffset","offsetHeight","parseFloat","getComputedStyle","Number","isNaN","onUpdate","tbody","aria-hidden"],"mappings":"AAAA;;AAEA,SAIEA,WAAW,EACXC,QAAQ,QACH,QAAQ;AAEf,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,iBAAiB,QAAQ,8BAA8B;AAMhE;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEC;IAEA,OACEA,MAAMC,iBAAiB,GAAG,KAC1BD,MAAME,kBAAkB,CAACC,MAAM,IAAIC,OAAOC,WAAW;AAEzD,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEN,OACAO;IAEA,MAAM,EAAEN,iBAAiB,EAAEC,kBAAkB,EAAEM,cAAc,EAAE,GAAGR;IAClE,IAAIO,oBAAoB;QACtB,OAAO,CAACC;IACV;IAEA,OAAOP,oBAAoB,KAAKC,mBAAmBO,GAAG,IAAI;AAC5D,EAAE;AAgBF;;;CAGC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,aAAa,EAAE,GAAGJ;IAE1D,MAAMK,WAAWH,SAAS;IAC1B,MAAMI,iBACJN,QAAQM,cAAc,IACrBD,CAAAA,WAAWjB,4BAA4BO,yBAAwB;IAElE,MAAM,CAACY,YAAYC,mBAAmB,GAAGvB,cAAcgB;IACvD,MAAM,EAAEQ,MAAM,EAAEC,YAAY,EAAE,GAAGvB;IACjC,MAAM,CAACwB,cAAcC,gBAAgB,GAAG5B,SAAS;IACjD,MAAM6B,YAAY3B,wBAAwB;QACxCe,KAAKQ,SAASK,YAAYN;QAC1BO,MAAML;QACNM,UAAUb;QACVc,WAAWR,SAAS,IAAI;QACxBS,eAAenC,YAAY;YACzB,MAAMoC,UAAUZ,WAAWa,OAAO;YAClC,IAAI,CAACf,UAAU;gBACb,MAAMgB,YAAYZ,UAAUU,UAAUA,QAAQG,YAAY,GAAG,IAAI;gBAEjE,OAAO,CAAC,SAAS,EAAED,UAAU,MAAM,CAAC;YACtC;YAEA,IAAI,CAACF,SAAS;gBACZ;YACF;YAEA,IAAIE;YACJ,IAAIZ,QAAQ;gBACVY,YAAYF,QAAQG,YAAY,GAAG;YACrC,OAAO;gBACL,MAAMxB,MAAMyB,WAAW9B,OAAO+B,gBAAgB,CAACL,SAASrB,GAAG;gBAC3DuB,YAAYI,OAAOC,KAAK,CAAC5B,OAAO,IAAIA,MAAM;YAC5C;YAEA,OAAO,CAAC,CAAC,EAAEuB,UAAU,UAAU,CAAC;QAClC,GAAG;YAACZ;YAAQJ;YAAUE;SAAW;QACjCoB,UAAU5C,YACR,CAAC,CAACM,MAAM;YACNuB,gBAAgBN,eAAejB,OAAOoB;QACxC,GACA;YAACA;YAAQH;SAAe;QAE1B,yEAAyE;QACzE,GAAGF,aAAa;IAClB;IAEA,IAAIwB;IACJ,IAAInB,UAAU,CAACN,qBAAqB;QAClC,oEAAoE;QACpE,uEAAuE;QACvEyB,sBAAQ,KAACA;YAAMC,aAAW;YAAC5B,KAAKY;;IAClC;IAEA,OAAO;QACLe;QACAf;QACAN,YAAYE,SAASD,qBAAqBK;QAC1CF;IACF;AACF"}
+{"version":3,"sources":["../../src/table/useStickyTableSection.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n  useCallback,\n  useState,\n} from \"react\";\n\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIntersectionObserver } from \"../useIntersectionObserver.js\";\nimport { useTableContainer } from \"./TableContainerProvider.js\";\nimport {\n  type IsStickyTableSectionActive,\n  type TableStickySectionConfiguration,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport const isTableHeaderStickyActive: IsStickyTableSectionActive = (\n  entry\n) => {\n  return (\n    entry.intersectionRatio < 1 &&\n    entry.boundingClientRect.bottom <= window.innerHeight\n  );\n};\n\n/**\n * @since 6.0.0\n */\nexport const isTableFooterStickyActive: IsStickyTableSectionActive = (\n  entry,\n  isInTableContainer\n) => {\n  const { intersectionRatio, boundingClientRect, isIntersecting } = entry;\n  if (isInTableContainer) {\n    return !isIntersecting;\n  }\n\n  return intersectionRatio < 1 && boundingClientRect.top >= 0;\n};\n\n/** @since 6.0.0 */\nexport interface TableStickySectionOptions extends TableStickySectionConfiguration {\n  ref?: Ref<HTMLTableSectionElement>;\n  type: \"header\" | \"footer\";\n}\n\n/** @since 6.0.0 */\nexport interface TableStickySectionImplementation {\n  tbody: ReactNode;\n  targetRef: RefCallback<HTMLTableSectionElement>;\n  sectionRef: RefCallback<HTMLTableSectionElement>;\n  stickyActive: boolean;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport function useStickyTableSection(\n  options: TableStickySectionOptions\n): TableStickySectionImplementation {\n  const { ref, type, disableStickyStyles, stickyOptions } = options;\n\n  const isHeader = type === \"header\";\n  const isStickyActive =\n    options.isStickyActive ??\n    (isHeader ? isTableHeaderStickyActive : isTableFooterStickyActive);\n\n  const [sectionRef, sectionRefCallback] = useEnsuredRef(ref);\n  const { exists, containerRef } = useTableContainer();\n  const [stickyActive, setStickyActive] = useState(false);\n  const targetRef = useIntersectionObserver({\n    ref: exists ? undefined : sectionRefCallback,\n    root: containerRef,\n    disabled: disableStickyStyles,\n    threshold: exists ? 0 : 1,\n    getRootMargin: useCallback(() => {\n      const section = sectionRef.current;\n      if (!isHeader) {\n        const topOffset = exists && section ? section.offsetHeight - 1 : 1;\n\n        return `0px 0px -${topOffset}px 0px`;\n      }\n\n      if (!section) {\n        return;\n      }\n\n      let topOffset: number;\n      if (exists) {\n        topOffset = section.offsetHeight - 1;\n      } else {\n        const top = Number.parseFloat(globalThis.getComputedStyle(section).top);\n        topOffset = Number.isNaN(top) ? 1 : top + 1;\n      }\n\n      return `-${topOffset}px 0px 0px`;\n    }, [exists, isHeader, sectionRef]),\n    onUpdate: useCallback(\n      ([entry]) => {\n        setStickyActive(isStickyActive(entry, exists));\n      },\n      [exists, isStickyActive]\n    ),\n    // allow the user defined sticky options to override the default behavior\n    ...stickyOptions,\n  });\n\n  let tbody: ReactNode;\n  if (exists && !disableStickyStyles) {\n    // rendering a `<tbody>` since it is valid to have 0-many in a table\n    // https://html.spec.whatwg.org/multipage/tables.html#the-table-element\n    tbody = <tbody aria-hidden ref={targetRef} />;\n  }\n\n  return {\n    tbody,\n    targetRef,\n    sectionRef: exists ? sectionRefCallback : targetRef,\n    stickyActive,\n  };\n}\n"],"names":["useCallback","useState","useEnsuredRef","useIntersectionObserver","useTableContainer","isTableHeaderStickyActive","entry","intersectionRatio","boundingClientRect","bottom","window","innerHeight","isTableFooterStickyActive","isInTableContainer","isIntersecting","top","useStickyTableSection","options","ref","type","disableStickyStyles","stickyOptions","isHeader","isStickyActive","sectionRef","sectionRefCallback","exists","containerRef","stickyActive","setStickyActive","targetRef","undefined","root","disabled","threshold","getRootMargin","section","current","topOffset","offsetHeight","Number","parseFloat","globalThis","getComputedStyle","isNaN","onUpdate","tbody","aria-hidden"],"mappings":"AAAA;;AAEA,SAIEA,WAAW,EACXC,QAAQ,QACH,QAAQ;AAEf,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,iBAAiB,QAAQ,8BAA8B;AAMhE;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEC;IAEA,OACEA,MAAMC,iBAAiB,GAAG,KAC1BD,MAAME,kBAAkB,CAACC,MAAM,IAAIC,OAAOC,WAAW;AAEzD,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEN,OACAO;IAEA,MAAM,EAAEN,iBAAiB,EAAEC,kBAAkB,EAAEM,cAAc,EAAE,GAAGR;IAClE,IAAIO,oBAAoB;QACtB,OAAO,CAACC;IACV;IAEA,OAAOP,oBAAoB,KAAKC,mBAAmBO,GAAG,IAAI;AAC5D,EAAE;AAgBF;;;CAGC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,aAAa,EAAE,GAAGJ;IAE1D,MAAMK,WAAWH,SAAS;IAC1B,MAAMI,iBACJN,QAAQM,cAAc,IACrBD,CAAAA,WAAWjB,4BAA4BO,yBAAwB;IAElE,MAAM,CAACY,YAAYC,mBAAmB,GAAGvB,cAAcgB;IACvD,MAAM,EAAEQ,MAAM,EAAEC,YAAY,EAAE,GAAGvB;IACjC,MAAM,CAACwB,cAAcC,gBAAgB,GAAG5B,SAAS;IACjD,MAAM6B,YAAY3B,wBAAwB;QACxCe,KAAKQ,SAASK,YAAYN;QAC1BO,MAAML;QACNM,UAAUb;QACVc,WAAWR,SAAS,IAAI;QACxBS,eAAenC,YAAY;YACzB,MAAMoC,UAAUZ,WAAWa,OAAO;YAClC,IAAI,CAACf,UAAU;gBACb,MAAMgB,YAAYZ,UAAUU,UAAUA,QAAQG,YAAY,GAAG,IAAI;gBAEjE,OAAO,CAAC,SAAS,EAAED,UAAU,MAAM,CAAC;YACtC;YAEA,IAAI,CAACF,SAAS;gBACZ;YACF;YAEA,IAAIE;YACJ,IAAIZ,QAAQ;gBACVY,YAAYF,QAAQG,YAAY,GAAG;YACrC,OAAO;gBACL,MAAMxB,MAAMyB,OAAOC,UAAU,CAACC,WAAWC,gBAAgB,CAACP,SAASrB,GAAG;gBACtEuB,YAAYE,OAAOI,KAAK,CAAC7B,OAAO,IAAIA,MAAM;YAC5C;YAEA,OAAO,CAAC,CAAC,EAAEuB,UAAU,UAAU,CAAC;QAClC,GAAG;YAACZ;YAAQJ;YAAUE;SAAW;QACjCqB,UAAU7C,YACR,CAAC,CAACM,MAAM;YACNuB,gBAAgBN,eAAejB,OAAOoB;QACxC,GACA;YAACA;YAAQH;SAAe;QAE1B,yEAAyE;QACzE,GAAGF,aAAa;IAClB;IAEA,IAAIyB;IACJ,IAAIpB,UAAU,CAACN,qBAAqB;QAClC,oEAAoE;QACpE,uEAAuE;QACvE0B,sBAAQ,KAACA;YAAMC,aAAW;YAAC7B,KAAKY;;IAClC;IAEA,OAAO;QACLgB;QACAhB;QACAN,YAAYE,SAASD,qBAAqBK;QAC1CF;IACF;AACF"}

package/dist/tabs/TabList.js

@@ -35,11 +35,11 @@ import { useTabList } from "./useTabList.js";
             return;
         }
         setAnimate(true);
-        const timeout = window.setTimeout(()=>{
+        const timeout = globalThis.setTimeout(()=>{
             setAnimate(false);
         }, transitionDuration);
         return ()=>{
-            window.clearTimeout(timeout);
+            globalThis.clearTimeout(timeout);
         };
     }, [
         activeIndex,

package/dist/tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/TabList.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type HTMLAttributes,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport {\n  type BaseTabListScrollButtonProps,\n  TabListScrollButton,\n} from \"./TabListScrollButton.js\";\nimport { type GetTabListScrollToOptions } from \"./getTabListScrollToOptions.js\";\nimport { type TabListClassNameOptions, tabList } from \"./tabListStyles.js\";\nimport {\n  type TabListActivationMode,\n  type TabListScrollButtonsBehavior,\n} from \"./types.js\";\nimport { useTabList } from \"./useTabList.js\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface TabListProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    Omit<TabListClassNameOptions, \"animate\" | \"indicator\"> {\n  activeIndex: number;\n  setActiveIndex: (nextActiveIndex: number) => void;\n\n  /**\n   * Set this to `true` to show a scrollbar when the number of tabs cause\n   * overflow.\n   *\n   * @see {@link scrollButtons}\n   * @defaultValue `false`\n   */\n  scrollbar?: boolean;\n\n  /**\n   * Set this to `true` to disable the active tab indicator from animating\n   * when a new tab is selected.\n   *\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * This should be equal to the `$tabs-transition-duration` variable.\n   *\n   * @defaultValue `150`\n   */\n  transitionDuration?: number;\n\n  /**\n   * @defaultValue `\"manual\"`\n   * @see {@link TabListActivationMode}\n   */\n  activationMode?: TabListActivationMode;\n\n  /**\n   * @defaultValue `false`\n   * @see {@link TabListScrollButtonsBehavior}\n   */\n  scrollButtons?: TabListScrollButtonsBehavior;\n\n  /**\n   * A convenience prop for the {@link BaseTabListScrollButtonProps.getScrollToOptions}\n   * on {@link forwardScrollButtonProps} and {@link backwardScrollButtonProps}.\n   */\n  getScrollToOptions?: GetTabListScrollToOptions;\n\n  /**\n   * Any additional props that should be passed to the scroll forward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll right\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  forwardScrollButtonProps?: BaseTabListScrollButtonProps;\n\n  /**\n   * Any additional props that should be passed to the scroll backward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll left\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  backwardScrollButtonProps?: BaseTabListScrollButtonProps;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/tabs | Tabs Demos}\n * @see {@link useTabs} for example usage.\n * @since 6.0.0\n */\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, ref) {\n    const {\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      className,\n      children,\n      activeIndex,\n      setActiveIndex,\n      activationMode = \"manual\",\n      align = \"left\",\n      padded = false,\n      inline = false,\n      vertical = false,\n      scrollbar = false,\n      scrollButtons = false,\n      fullWidthTabs,\n      disableTransition = false,\n      transitionDuration = 150,\n      getScrollToOptions,\n      forwardScrollButtonProps,\n      backwardScrollButtonProps,\n      ...remaining\n    } = props;\n\n    const {\n      elementProps,\n      movementContext,\n      backwardProps,\n      forwardProps,\n      showScrollButtons,\n    } = useTabList({\n      ref,\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      vertical,\n      activeIndex,\n      setActiveIndex,\n      activationMode,\n      scrollButtons,\n      disableTransition,\n    });\n\n    const prevActiveIndex = useRef(activeIndex);\n    const [animate, setAnimate] = useState(false);\n    useEffect(() => {\n      const isSameIndex = activeIndex === prevActiveIndex.current;\n      prevActiveIndex.current = activeIndex;\n      if (disableTransition || isSameIndex) {\n        return;\n      }\n\n      setAnimate(true);\n      const timeout = window.setTimeout(() => {\n        setAnimate(false);\n      }, transitionDuration);\n\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [activeIndex, disableTransition, transitionDuration]);\n\n    return (\n      <KeyboardMovementProvider value={movementContext}>\n        <div\n          {...remaining}\n          {...elementProps}\n          role=\"tablist\"\n          className={tabList({\n            align,\n            padded,\n            inline,\n            animate: !disableTransition && animate,\n            vertical,\n            scrollbar,\n            indicator: !disableTransition,\n            fullWidthTabs,\n            className,\n          })}\n        >\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...backwardScrollButtonProps}\n              {...backwardProps}\n            />\n          )}\n          {children}\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...forwardScrollButtonProps}\n              {...forwardProps}\n            />\n          )}\n        </div>\n      </KeyboardMovementProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","useRef","useState","KeyboardMovementProvider","TabListScrollButton","tabList","useTabList","TabList","props","ref","style","onClick","onFocus","onKeyDown","className","children","activeIndex","setActiveIndex","activationMode","align","padded","inline","vertical","scrollbar","scrollButtons","fullWidthTabs","disableTransition","transitionDuration","getScrollToOptions","forwardScrollButtonProps","backwardScrollButtonProps","remaining","elementProps","movementContext","backwardProps","forwardProps","showScrollButtons","prevActiveIndex","animate","setAnimate","isSameIndex","current","timeout","window","setTimeout","clearTimeout","value","div","role","indicator"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,QAAQ;AAEf,SAASC,wBAAwB,QAAQ,6CAA6C;AACtF,SAEEC,mBAAmB,QACd,2BAA2B;AAElC,SAAuCC,OAAO,QAAQ,qBAAqB;AAK3E,SAASC,UAAU,QAAQ,kBAAkB;AA6F7C;;;;;;CAMC,GACD,OAAO,MAAMC,wBAAUR,WACrB,SAASQ,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EACJC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,iBAAiB,QAAQ,EACzBC,QAAQ,MAAM,EACdC,SAAS,KAAK,EACdC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,aAAa,EACbC,oBAAoB,KAAK,EACzBC,qBAAqB,GAAG,EACxBC,kBAAkB,EAClBC,wBAAwB,EACxBC,yBAAyB,EACzB,GAAGC,WACJ,GAAGvB;IAEJ,MAAM,EACJwB,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EAClB,GAAG9B,WAAW;QACbG;QACAC;QACAC;QACAC;QACAC;QACAS;QACAN;QACAC;QACAC;QACAM;QACAE;IACF;IAEA,MAAMW,kBAAkBpC,OAAOe;IAC/B,MAAM,CAACsB,SAASC,WAAW,GAAGrC,SAAS;IACvCF,UAAU;QACR,MAAMwC,cAAcxB,gBAAgBqB,gBAAgBI,OAAO;QAC3DJ,gBAAgBI,OAAO,GAAGzB;QAC1B,IAAIU,qBAAqBc,aAAa;YACpC;QACF;QAEAD,WAAW;QACX,MAAMG,UAAUC,OAAOC,UAAU,CAAC;YAChCL,WAAW;QACb,GAAGZ;QAEH,OAAO;YACLgB,OAAOE,YAAY,CAACH;QACtB;IACF,GAAG;QAAC1B;QAAaU;QAAmBC;KAAmB;IAEvD,qBACE,KAACxB;QAAyB2C,OAAOb;kBAC/B,cAAA,MAACc;YACE,GAAGhB,SAAS;YACZ,GAAGC,YAAY;YAChBgB,MAAK;YACLlC,WAAWT,QAAQ;gBACjBc;gBACAC;gBACAC;gBACAiB,SAAS,CAACZ,qBAAqBY;gBAC/BhB;gBACAC;gBACA0B,WAAW,CAACvB;gBACZD;gBACAX;YACF;;gBAECsB,mCACC,KAAChC;oBACCwB,oBAAoBA;oBACnB,GAAGE,yBAAyB;oBAC5B,GAAGI,aAAa;;gBAGpBnB;gBACAqB,mCACC,KAAChC;oBACCwB,oBAAoBA;oBACnB,GAAGC,wBAAwB;oBAC3B,GAAGM,YAAY;;;;;AAM5B,GACA"}
+{"version":3,"sources":["../../src/tabs/TabList.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type HTMLAttributes,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport {\n  type BaseTabListScrollButtonProps,\n  TabListScrollButton,\n} from \"./TabListScrollButton.js\";\nimport { type GetTabListScrollToOptions } from \"./getTabListScrollToOptions.js\";\nimport { type TabListClassNameOptions, tabList } from \"./tabListStyles.js\";\nimport {\n  type TabListActivationMode,\n  type TabListScrollButtonsBehavior,\n} from \"./types.js\";\nimport { useTabList } from \"./useTabList.js\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface TabListProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    Omit<TabListClassNameOptions, \"animate\" | \"indicator\"> {\n  activeIndex: number;\n  setActiveIndex: (nextActiveIndex: number) => void;\n\n  /**\n   * Set this to `true` to show a scrollbar when the number of tabs cause\n   * overflow.\n   *\n   * @see {@link scrollButtons}\n   * @defaultValue `false`\n   */\n  scrollbar?: boolean;\n\n  /**\n   * Set this to `true` to disable the active tab indicator from animating\n   * when a new tab is selected.\n   *\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * This should be equal to the `$tabs-transition-duration` variable.\n   *\n   * @defaultValue `150`\n   */\n  transitionDuration?: number;\n\n  /**\n   * @defaultValue `\"manual\"`\n   * @see {@link TabListActivationMode}\n   */\n  activationMode?: TabListActivationMode;\n\n  /**\n   * @defaultValue `false`\n   * @see {@link TabListScrollButtonsBehavior}\n   */\n  scrollButtons?: TabListScrollButtonsBehavior;\n\n  /**\n   * A convenience prop for the {@link BaseTabListScrollButtonProps.getScrollToOptions}\n   * on {@link forwardScrollButtonProps} and {@link backwardScrollButtonProps}.\n   */\n  getScrollToOptions?: GetTabListScrollToOptions;\n\n  /**\n   * Any additional props that should be passed to the scroll forward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll right\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  forwardScrollButtonProps?: BaseTabListScrollButtonProps;\n\n  /**\n   * Any additional props that should be passed to the scroll backward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll left\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  backwardScrollButtonProps?: BaseTabListScrollButtonProps;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/tabs | Tabs Demos}\n * @see {@link useTabs} for example usage.\n * @since 6.0.0\n */\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, ref) {\n    const {\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      className,\n      children,\n      activeIndex,\n      setActiveIndex,\n      activationMode = \"manual\",\n      align = \"left\",\n      padded = false,\n      inline = false,\n      vertical = false,\n      scrollbar = false,\n      scrollButtons = false,\n      fullWidthTabs,\n      disableTransition = false,\n      transitionDuration = 150,\n      getScrollToOptions,\n      forwardScrollButtonProps,\n      backwardScrollButtonProps,\n      ...remaining\n    } = props;\n\n    const {\n      elementProps,\n      movementContext,\n      backwardProps,\n      forwardProps,\n      showScrollButtons,\n    } = useTabList({\n      ref,\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      vertical,\n      activeIndex,\n      setActiveIndex,\n      activationMode,\n      scrollButtons,\n      disableTransition,\n    });\n\n    const prevActiveIndex = useRef(activeIndex);\n    const [animate, setAnimate] = useState(false);\n    useEffect(() => {\n      const isSameIndex = activeIndex === prevActiveIndex.current;\n      prevActiveIndex.current = activeIndex;\n      if (disableTransition || isSameIndex) {\n        return;\n      }\n\n      setAnimate(true);\n      const timeout = globalThis.setTimeout(() => {\n        setAnimate(false);\n      }, transitionDuration);\n\n      return () => {\n        globalThis.clearTimeout(timeout);\n      };\n    }, [activeIndex, disableTransition, transitionDuration]);\n\n    return (\n      <KeyboardMovementProvider value={movementContext}>\n        <div\n          {...remaining}\n          {...elementProps}\n          role=\"tablist\"\n          className={tabList({\n            align,\n            padded,\n            inline,\n            animate: !disableTransition && animate,\n            vertical,\n            scrollbar,\n            indicator: !disableTransition,\n            fullWidthTabs,\n            className,\n          })}\n        >\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...backwardScrollButtonProps}\n              {...backwardProps}\n            />\n          )}\n          {children}\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...forwardScrollButtonProps}\n              {...forwardProps}\n            />\n          )}\n        </div>\n      </KeyboardMovementProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","useRef","useState","KeyboardMovementProvider","TabListScrollButton","tabList","useTabList","TabList","props","ref","style","onClick","onFocus","onKeyDown","className","children","activeIndex","setActiveIndex","activationMode","align","padded","inline","vertical","scrollbar","scrollButtons","fullWidthTabs","disableTransition","transitionDuration","getScrollToOptions","forwardScrollButtonProps","backwardScrollButtonProps","remaining","elementProps","movementContext","backwardProps","forwardProps","showScrollButtons","prevActiveIndex","animate","setAnimate","isSameIndex","current","timeout","globalThis","setTimeout","clearTimeout","value","div","role","indicator"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,QAAQ;AAEf,SAASC,wBAAwB,QAAQ,6CAA6C;AACtF,SAEEC,mBAAmB,QACd,2BAA2B;AAElC,SAAuCC,OAAO,QAAQ,qBAAqB;AAK3E,SAASC,UAAU,QAAQ,kBAAkB;AA6F7C;;;;;;CAMC,GACD,OAAO,MAAMC,wBAAUR,WACrB,SAASQ,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EACJC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,iBAAiB,QAAQ,EACzBC,QAAQ,MAAM,EACdC,SAAS,KAAK,EACdC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,aAAa,EACbC,oBAAoB,KAAK,EACzBC,qBAAqB,GAAG,EACxBC,kBAAkB,EAClBC,wBAAwB,EACxBC,yBAAyB,EACzB,GAAGC,WACJ,GAAGvB;IAEJ,MAAM,EACJwB,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EAClB,GAAG9B,WAAW;QACbG;QACAC;QACAC;QACAC;QACAC;QACAS;QACAN;QACAC;QACAC;QACAM;QACAE;IACF;IAEA,MAAMW,kBAAkBpC,OAAOe;IAC/B,MAAM,CAACsB,SAASC,WAAW,GAAGrC,SAAS;IACvCF,UAAU;QACR,MAAMwC,cAAcxB,gBAAgBqB,gBAAgBI,OAAO;QAC3DJ,gBAAgBI,OAAO,GAAGzB;QAC1B,IAAIU,qBAAqBc,aAAa;YACpC;QACF;QAEAD,WAAW;QACX,MAAMG,UAAUC,WAAWC,UAAU,CAAC;YACpCL,WAAW;QACb,GAAGZ;QAEH,OAAO;YACLgB,WAAWE,YAAY,CAACH;QAC1B;IACF,GAAG;QAAC1B;QAAaU;QAAmBC;KAAmB;IAEvD,qBACE,KAACxB;QAAyB2C,OAAOb;kBAC/B,cAAA,MAACc;YACE,GAAGhB,SAAS;YACZ,GAAGC,YAAY;YAChBgB,MAAK;YACLlC,WAAWT,QAAQ;gBACjBc;gBACAC;gBACAC;gBACAiB,SAAS,CAACZ,qBAAqBY;gBAC/BhB;gBACAC;gBACA0B,WAAW,CAACvB;gBACZD;gBACAX;YACF;;gBAECsB,mCACC,KAAChC;oBACCwB,oBAAoBA;oBACnB,GAAGE,yBAAyB;oBAC5B,GAAGI,aAAa;;gBAGpBnB;gBACAqB,mCACC,KAAChC;oBACCwB,oBAAoBA;oBACnB,GAAGC,wBAAwB;oBAC3B,GAAGM,YAAY;;;;;AAM5B,GACA"}

package/dist/tabs/useMaxTabPanelHeight.js

@@ -66,15 +66,16 @@ import { getTabPanelRoleOnly } from "./utils.js";
             const { height } = element.style;
             element.style.height = "";
             const panels = getTabPanelRoleOnly(element);
-            const maxHeight = panels.reduce((maxHeight, panel)=>{
+            let maxHeight = 0;
+            for (const panel of panels){
                 let { scrollHeight } = panel;
                 if (panel.classList.contains(DISPLAY_NONE_CLASS)) {
                     panel.classList.toggle(DISPLAY_NONE_CLASS);
                     ({ scrollHeight } = panel);
                     panel.classList.toggle(DISPLAY_NONE_CLASS);
                 }
-                return Math.max(maxHeight, scrollHeight);
-            }, 0);
+                maxHeight = Math.max(maxHeight, scrollHeight);
+            }
             element.style.height = height;
             // don't set the height to 0 since it usually means a calculation issue
             setHeight((prevHeight)=>maxHeight <= 0 ? prevHeight : maxHeight);

package/dist/tabs/useMaxTabPanelHeight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/useMaxTabPanelHeight.ts"],"sourcesContent":["import { type CSSProperties, type Ref, useCallback, useState } from \"react\";\n\nimport { type UseStateInitializer } from \"../types.js\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport { DISPLAY_NONE_CLASS } from \"../utils/isElementVisible.js\";\nimport {\n  type ProvidedTabPanelsProps,\n  type TabsImplementation,\n} from \"./useTabs.js\";\nimport { getTabPanelRoleOnly } from \"./utils.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface MaxTabPanelHeightOptions<E extends HTMLElement> extends Pick<\n  TabsImplementation,\n  \"getTabPanelsProps\"\n> {\n  ref?: Ref<E>;\n  style?: CSSProperties;\n\n  /**\n   * @defaultValue `undefined`\n   */\n  defaultHeight?: UseStateInitializer<string | number>;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ProvidedMaxTabPanelsHeightProps<\n  E extends HTMLElement,\n> extends ProvidedTabPanelsProps<E> {\n  style: CSSProperties;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface MaxTabPanelHeightImplementation<E extends HTMLElement> {\n  getMaxTabPanelHeightProps: (\n    style?: CSSProperties\n  ) => ProvidedMaxTabPanelsHeightProps<E>;\n}\n\n/**\n * The `useMaxTabPanelHeight` hook can be used to enforce the tab panels to\n * have the same height so content does not shift below the tab panels by\n * calculating the height of all tabs and setting the height to the largest\n * value.\n *\n * If a maximum height should be used, set it through CSS and scrollbars will\n * appear in each tab panel.\n *\n * @example Main Usage\n * ```tsx\n * import { Tab } from \"@react-md/core/tabs/Tab\";\n * import { TabList } from \"@react-md/core/tabs/TabList\";\n * import { useMaxTabPanelHeight } from \"@react-md/core/tabs/useMaxTabPanelHeight\";\n * import { useTabs } from \"@react-md/core/tabs/useTabs\";\n * import { Slide } from \"@react-md/core/transition/Slide\";\n * import { SlideContainer } from \"@react-md/core/transition/SlideContainer\";\n * import { Typography } from \"@react-md/core/typography/Typography\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { getTabProps, getTabListProps, getTabPanelProps, getTabPanelsProps } =\n *     useTabs();\n *   const { getMaxTabPanelHeightProps } = useMaxTabPanelHeight({\n *     getTabPanelsProps,\n *   });\n *\n *   return (\n *     <>\n *       <TabList {...getTabListProps()}>\n *         <Tab {...getTabProps(0)}>Tab 1</Tab>\n *         <Tab {...getTabProps(1)}>Tab 2</Tab>\n *         <Tab {...getTabProps(2)}>Tab 3</Tab>\n *       </TabList>\n *       <SlideContainer {...getMaxTabPanelHeightProps()}>\n *         <Slide {...getTabPanelProps(0)}>\n *           <Tab1Content />\n *         </Slide>\n *         <Slide {...getTabPanelProps(1)}>\n *           <Tab2Content />\n *         </Slide>\n *         <Slide {...getTabPanelProps(2)}>\n *           <Tab3Content />\n *         </Slide>\n *       </SlideContainer>\n *     </>\n *   );\n * }\n * ```\n *\n * NOTE: This will **not work** when dynamically rendering the active tab panel\n * by enabling the `temporary` prop on the `Slide` or custom behavior.\n *\n * @since 6.0.0\n */\nexport function useMaxTabPanelHeight<E extends HTMLElement = HTMLDivElement>(\n  options: MaxTabPanelHeightOptions<E>\n): MaxTabPanelHeightImplementation<E> {\n  const { ref, style, defaultHeight, getTabPanelsProps } = options;\n\n  const [height, setHeight] = useState(defaultHeight);\n  const panelRef = useResizeObserver({\n    ref,\n    onUpdate: useCallback((entry) => {\n      const element = entry.target as HTMLElement;\n      const { height } = element.style;\n      element.style.height = \"\";\n      const panels = getTabPanelRoleOnly(element);\n      const maxHeight = panels.reduce((maxHeight, panel) => {\n        let { scrollHeight } = panel;\n        if (panel.classList.contains(DISPLAY_NONE_CLASS)) {\n          panel.classList.toggle(DISPLAY_NONE_CLASS);\n          ({ scrollHeight } = panel);\n          panel.classList.toggle(DISPLAY_NONE_CLASS);\n        }\n\n        return Math.max(maxHeight, scrollHeight);\n      }, 0);\n      element.style.height = height;\n\n      // don't set the height to 0 since it usually means a calculation issue\n      setHeight((prevHeight) => (maxHeight <= 0 ? prevHeight : maxHeight));\n    }, []),\n  });\n\n  return {\n    getMaxTabPanelHeightProps: (moreStyle) => ({\n      ...getTabPanelsProps(panelRef),\n      style: {\n        height,\n        ...style,\n        ...moreStyle,\n      },\n    }),\n  };\n}\n"],"names":["useCallback","useState","useResizeObserver","DISPLAY_NONE_CLASS","getTabPanelRoleOnly","useMaxTabPanelHeight","options","ref","style","defaultHeight","getTabPanelsProps","height","setHeight","panelRef","onUpdate","entry","element","target","panels","maxHeight","reduce","panel","scrollHeight","classList","contains","toggle","Math","max","prevHeight","getMaxTabPanelHeightProps","moreStyle"],"mappings":"AAAA,SAAuCA,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAG5E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,kBAAkB,QAAQ,+BAA+B;AAKlE,SAASC,mBAAmB,QAAQ,aAAa;AAoCjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDC,GACD,OAAO,SAASC,qBACdC,OAAoC;IAEpC,MAAM,EAAEC,GAAG,EAAEC,KAAK,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GAAGJ;IAEzD,MAAM,CAACK,QAAQC,UAAU,GAAGX,SAASQ;IACrC,MAAMI,WAAWX,kBAAkB;QACjCK;QACAO,UAAUd,YAAY,CAACe;YACrB,MAAMC,UAAUD,MAAME,MAAM;YAC5B,MAAM,EAAEN,MAAM,EAAE,GAAGK,QAAQR,KAAK;YAChCQ,QAAQR,KAAK,CAACG,MAAM,GAAG;YACvB,MAAMO,SAASd,oBAAoBY;YACnC,MAAMG,YAAYD,OAAOE,MAAM,CAAC,CAACD,WAAWE;gBAC1C,IAAI,EAAEC,YAAY,EAAE,GAAGD;gBACvB,IAAIA,MAAME,SAAS,CAACC,QAAQ,CAACrB,qBAAqB;oBAChDkB,MAAME,SAAS,CAACE,MAAM,CAACtB;oBACtB,CAAA,EAAEmB,YAAY,EAAE,GAAGD,KAAI;oBACxBA,MAAME,SAAS,CAACE,MAAM,CAACtB;gBACzB;gBAEA,OAAOuB,KAAKC,GAAG,CAACR,WAAWG;YAC7B,GAAG;YACHN,QAAQR,KAAK,CAACG,MAAM,GAAGA;YAEvB,uEAAuE;YACvEC,UAAU,CAACgB,aAAgBT,aAAa,IAAIS,aAAaT;QAC3D,GAAG,EAAE;IACP;IAEA,OAAO;QACLU,2BAA2B,CAACC,YAAe,CAAA;gBACzC,GAAGpB,kBAAkBG,SAAS;gBAC9BL,OAAO;oBACLG;oBACA,GAAGH,KAAK;oBACR,GAAGsB,SAAS;gBACd;YACF,CAAA;IACF;AACF"}
+{"version":3,"sources":["../../src/tabs/useMaxTabPanelHeight.ts"],"sourcesContent":["import { type CSSProperties, type Ref, useCallback, useState } from \"react\";\n\nimport { type UseStateInitializer } from \"../types.js\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport { DISPLAY_NONE_CLASS } from \"../utils/isElementVisible.js\";\nimport {\n  type ProvidedTabPanelsProps,\n  type TabsImplementation,\n} from \"./useTabs.js\";\nimport { getTabPanelRoleOnly } from \"./utils.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface MaxTabPanelHeightOptions<E extends HTMLElement> extends Pick<\n  TabsImplementation,\n  \"getTabPanelsProps\"\n> {\n  ref?: Ref<E>;\n  style?: CSSProperties;\n\n  /**\n   * @defaultValue `undefined`\n   */\n  defaultHeight?: UseStateInitializer<string | number>;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ProvidedMaxTabPanelsHeightProps<\n  E extends HTMLElement,\n> extends ProvidedTabPanelsProps<E> {\n  style: CSSProperties;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface MaxTabPanelHeightImplementation<E extends HTMLElement> {\n  getMaxTabPanelHeightProps: (\n    style?: CSSProperties\n  ) => ProvidedMaxTabPanelsHeightProps<E>;\n}\n\n/**\n * The `useMaxTabPanelHeight` hook can be used to enforce the tab panels to\n * have the same height so content does not shift below the tab panels by\n * calculating the height of all tabs and setting the height to the largest\n * value.\n *\n * If a maximum height should be used, set it through CSS and scrollbars will\n * appear in each tab panel.\n *\n * @example Main Usage\n * ```tsx\n * import { Tab } from \"@react-md/core/tabs/Tab\";\n * import { TabList } from \"@react-md/core/tabs/TabList\";\n * import { useMaxTabPanelHeight } from \"@react-md/core/tabs/useMaxTabPanelHeight\";\n * import { useTabs } from \"@react-md/core/tabs/useTabs\";\n * import { Slide } from \"@react-md/core/transition/Slide\";\n * import { SlideContainer } from \"@react-md/core/transition/SlideContainer\";\n * import { Typography } from \"@react-md/core/typography/Typography\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const { getTabProps, getTabListProps, getTabPanelProps, getTabPanelsProps } =\n *     useTabs();\n *   const { getMaxTabPanelHeightProps } = useMaxTabPanelHeight({\n *     getTabPanelsProps,\n *   });\n *\n *   return (\n *     <>\n *       <TabList {...getTabListProps()}>\n *         <Tab {...getTabProps(0)}>Tab 1</Tab>\n *         <Tab {...getTabProps(1)}>Tab 2</Tab>\n *         <Tab {...getTabProps(2)}>Tab 3</Tab>\n *       </TabList>\n *       <SlideContainer {...getMaxTabPanelHeightProps()}>\n *         <Slide {...getTabPanelProps(0)}>\n *           <Tab1Content />\n *         </Slide>\n *         <Slide {...getTabPanelProps(1)}>\n *           <Tab2Content />\n *         </Slide>\n *         <Slide {...getTabPanelProps(2)}>\n *           <Tab3Content />\n *         </Slide>\n *       </SlideContainer>\n *     </>\n *   );\n * }\n * ```\n *\n * NOTE: This will **not work** when dynamically rendering the active tab panel\n * by enabling the `temporary` prop on the `Slide` or custom behavior.\n *\n * @since 6.0.0\n */\nexport function useMaxTabPanelHeight<E extends HTMLElement = HTMLDivElement>(\n  options: MaxTabPanelHeightOptions<E>\n): MaxTabPanelHeightImplementation<E> {\n  const { ref, style, defaultHeight, getTabPanelsProps } = options;\n\n  const [height, setHeight] = useState(defaultHeight);\n  const panelRef = useResizeObserver({\n    ref,\n    onUpdate: useCallback((entry) => {\n      const element = entry.target as HTMLElement;\n      const { height } = element.style;\n      element.style.height = \"\";\n      const panels = getTabPanelRoleOnly(element);\n\n      let maxHeight = 0;\n      for (const panel of panels) {\n        let { scrollHeight } = panel;\n        if (panel.classList.contains(DISPLAY_NONE_CLASS)) {\n          panel.classList.toggle(DISPLAY_NONE_CLASS);\n          ({ scrollHeight } = panel);\n          panel.classList.toggle(DISPLAY_NONE_CLASS);\n        }\n\n        maxHeight = Math.max(maxHeight, scrollHeight);\n      }\n\n      element.style.height = height;\n\n      // don't set the height to 0 since it usually means a calculation issue\n      setHeight((prevHeight) => (maxHeight <= 0 ? prevHeight : maxHeight));\n    }, []),\n  });\n\n  return {\n    getMaxTabPanelHeightProps: (moreStyle) => ({\n      ...getTabPanelsProps(panelRef),\n      style: {\n        height,\n        ...style,\n        ...moreStyle,\n      },\n    }),\n  };\n}\n"],"names":["useCallback","useState","useResizeObserver","DISPLAY_NONE_CLASS","getTabPanelRoleOnly","useMaxTabPanelHeight","options","ref","style","defaultHeight","getTabPanelsProps","height","setHeight","panelRef","onUpdate","entry","element","target","panels","maxHeight","panel","scrollHeight","classList","contains","toggle","Math","max","prevHeight","getMaxTabPanelHeightProps","moreStyle"],"mappings":"AAAA,SAAuCA,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAG5E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,kBAAkB,QAAQ,+BAA+B;AAKlE,SAASC,mBAAmB,QAAQ,aAAa;AAoCjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDC,GACD,OAAO,SAASC,qBACdC,OAAoC;IAEpC,MAAM,EAAEC,GAAG,EAAEC,KAAK,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GAAGJ;IAEzD,MAAM,CAACK,QAAQC,UAAU,GAAGX,SAASQ;IACrC,MAAMI,WAAWX,kBAAkB;QACjCK;QACAO,UAAUd,YAAY,CAACe;YACrB,MAAMC,UAAUD,MAAME,MAAM;YAC5B,MAAM,EAAEN,MAAM,EAAE,GAAGK,QAAQR,KAAK;YAChCQ,QAAQR,KAAK,CAACG,MAAM,GAAG;YACvB,MAAMO,SAASd,oBAAoBY;YAEnC,IAAIG,YAAY;YAChB,KAAK,MAAMC,SAASF,OAAQ;gBAC1B,IAAI,EAAEG,YAAY,EAAE,GAAGD;gBACvB,IAAIA,MAAME,SAAS,CAACC,QAAQ,CAACpB,qBAAqB;oBAChDiB,MAAME,SAAS,CAACE,MAAM,CAACrB;oBACtB,CAAA,EAAEkB,YAAY,EAAE,GAAGD,KAAI;oBACxBA,MAAME,SAAS,CAACE,MAAM,CAACrB;gBACzB;gBAEAgB,YAAYM,KAAKC,GAAG,CAACP,WAAWE;YAClC;YAEAL,QAAQR,KAAK,CAACG,MAAM,GAAGA;YAEvB,uEAAuE;YACvEC,UAAU,CAACe,aAAgBR,aAAa,IAAIQ,aAAaR;QAC3D,GAAG,EAAE;IACP;IAEA,OAAO;QACLS,2BAA2B,CAACC,YAAe,CAAA;gBACzC,GAAGnB,kBAAkBG,SAAS;gBAC9BL,OAAO;oBACLG;oBACA,GAAGH,KAAK;oBACR,GAAGqB,SAAS;gBACd;YACF,CAAA;IACF;AACF"}

package/dist/tabs/useTabList.js

@@ -82,7 +82,7 @@ const noop = ()=>{
             }
             const clickedTab = event.target.closest("[role='tab']");
             const tabs = getTabRoleOnly(event.currentTarget);
-            const i = tabs.findIndex((tab)=>tab === clickedTab);
+            const i = clickedTab ? tabs.indexOf(clickedTab) : -1;
             if (i !== -1) {
                 setActiveIndex(i);
             }

package/dist/tabs/useTabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/useTabList.ts"],"sourcesContent":["\"use client\";\n\nimport type {\n  CSSProperties,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  Ref,\n  RefObject,\n} from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport type {\n  KeyboardMovementContext,\n  KeyboardMovementProps,\n} from \"../movement/types.js\";\nimport { useKeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useDir } from \"../typography/WritingDirectionProvider.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport {\n  type TabListActivationMode,\n  type TabListScrollButtonsBehavior,\n} from \"./types.js\";\nimport { getTabRoleOnly, scrollTabIntoView } from \"./utils.js\";\n\nconst TAB_SIZE_VAR = \"--rmd-tab-size\";\nconst TAB_OFFSET_VAR = \"--rmd-tab-offset\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\nexport type TabWidthVar = typeof TAB_SIZE_VAR;\nexport type TabOffsetVar = typeof TAB_OFFSET_VAR;\n\nexport type IndicatorCSSProperties = CSSProperties &\n  Record<TabWidthVar | TabOffsetVar, string>;\n\nexport interface TabListHookOptions {\n  ref: Ref<HTMLDivElement> | undefined;\n  style: CSSProperties | undefined;\n  activeIndex: number;\n  setActiveIndex: (nextActiveIndex: number) => void;\n  scrollButtons: TabListScrollButtonsBehavior;\n  activationMode: TabListActivationMode;\n  vertical: boolean;\n  onClick: MouseEventHandler<HTMLDivElement> | undefined;\n  onFocus: FocusEventHandler<HTMLDivElement> | undefined;\n  onKeyDown: KeyboardEventHandler<HTMLDivElement> | undefined;\n  disableTransition: boolean;\n}\n\nexport interface TabListHookReturnValue {\n  elementProps: KeyboardMovementProps<HTMLDivElement> & {\n    \"aria-orientation\": \"horizontal\" | \"vertical\";\n    style: CSSProperties;\n    ref: Ref<HTMLDivElement>;\n    onClick: MouseEventHandler<HTMLDivElement>;\n  };\n  movementContext: KeyboardMovementContext;\n  backwardProps: {\n    ref: RefObject<HTMLDivElement>;\n    type: \"back\";\n    vertical: boolean;\n    disableTransition?: boolean;\n  };\n  forwardProps: {\n    ref: RefObject<HTMLDivElement>;\n    type: \"forward\";\n    vertical: boolean;\n    disableTransition?: boolean;\n  };\n  showScrollButtons: boolean;\n}\n\n/**\n * @internal\n */\nexport function useTabList(\n  options: TabListHookOptions\n): TabListHookReturnValue {\n  const {\n    ref: propRef,\n    style,\n    activeIndex,\n    scrollButtons,\n    onClick = noop,\n    onFocus,\n    onKeyDown,\n    activationMode,\n    vertical,\n    setActiveIndex,\n    disableTransition,\n  } = options;\n\n  const isRTL = useDir().dir === \"rtl\";\n  const { isPhone } = useAppSize();\n  const isScrollObserverEnabled =\n    scrollButtons === \"auto\" ||\n    (scrollButtons === \"auto-tablet-or-above\" && !isPhone);\n  const [autoScrollButtons, setAutoScrollButtons] = useState(false);\n  const showScrollButtons =\n    scrollButtons === true ||\n    (scrollButtons === \"tablet-or-above\" && !isPhone) ||\n    (isScrollObserverEnabled && autoScrollButtons);\n\n  const [indicatorStyles, setIndicatorStyles] =\n    useState<IndicatorCSSProperties>(() => {\n      const tabWidth = `${100 / 3}%`;\n      return {\n        [TAB_SIZE_VAR]: tabWidth,\n        [TAB_OFFSET_VAR]: \"0px\",\n      };\n    });\n\n  const [nodeRef, ref] = useEnsuredRef(propRef);\n  const tabListRef = useResizeObserver({\n    ref,\n    disabled: disableTransition && !isScrollObserverEnabled,\n    disableHeight: disableTransition && !isScrollObserverEnabled && !vertical,\n    disableWidth: disableTransition && !isScrollObserverEnabled && vertical,\n    onUpdate: useCallback(\n      (entry) => {\n        // this is kind of hacky -- the styles should update when switching\n        // between RTL or when the scroll buttons appear, but they aren't\n        // required for any styles. Just reference them so that the hooks\n        // eslint rule doesn't show a warning...\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        isRTL;\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        showScrollButtons;\n\n        if (isScrollObserverEnabled && nodeRef.current) {\n          setAutoScrollButtons(\n            nodeRef.current.scrollWidth > nodeRef.current.offsetWidth\n          );\n        }\n\n        const activeTab = getTabRoleOnly(entry.target)[activeIndex];\n        if (!activeTab || disableTransition) {\n          return;\n        }\n\n        const size = vertical ? activeTab.offsetHeight : activeTab.offsetWidth;\n        const offset = vertical ? activeTab.offsetTop : activeTab.offsetLeft;\n        const cssVars: IndicatorCSSProperties = {\n          [TAB_SIZE_VAR]: `${size}px`,\n          [TAB_OFFSET_VAR]: `${offset}px`,\n        };\n\n        setIndicatorStyles((prevStyles) => {\n          if (\n            prevStyles &&\n            prevStyles[TAB_SIZE_VAR] === cssVars[TAB_SIZE_VAR] &&\n            prevStyles[TAB_OFFSET_VAR] === cssVars[TAB_OFFSET_VAR]\n          ) {\n            return prevStyles;\n          }\n\n          return cssVars;\n        });\n      },\n      [\n        activeIndex,\n        disableTransition,\n        isRTL,\n        isScrollObserverEnabled,\n        nodeRef,\n        showScrollButtons,\n        vertical,\n      ]\n    ),\n  });\n  const forwardRef = useRef<HTMLDivElement>(null);\n  const backwardRef = useRef<HTMLDivElement>(null);\n  const { movementProps, movementContext } = useKeyboardMovementProvider({\n    ref: tabListRef,\n    onClick(event) {\n      onClick(event);\n      if (event.isPropagationStopped() || !(event.target instanceof Element)) {\n        return;\n      }\n\n      const clickedTab = event.target.closest(\"[role='tab']\");\n      const tabs = getTabRoleOnly(event.currentTarget);\n      const i = tabs.findIndex((tab) => tab === clickedTab);\n      if (i !== -1) {\n        setActiveIndex(i);\n      }\n    },\n    onFocus,\n    onKeyDown,\n    onFocusChange(event) {\n      const { index } = event;\n      if (activationMode === \"automatic\") {\n        setActiveIndex(index);\n      } else if (scrollButtons) {\n        scrollTabIntoView({\n          activeIndex: index,\n          backward: backwardRef.current,\n          container: nodeRef.current,\n          forward: forwardRef.current,\n          vertical,\n        });\n      }\n    },\n    loopable: true,\n    searchable: true,\n    horizontal: !vertical,\n    includeDisabled: true,\n    tabIndexBehavior: \"roving\",\n    getFocusableElements: getTabRoleOnly,\n  });\n\n  useEffect(() => {\n    scrollTabIntoView({\n      activeIndex,\n      backward: backwardRef.current,\n      container: nodeRef.current,\n      forward: forwardRef.current,\n      vertical,\n    });\n  }, [activeIndex, nodeRef, vertical]);\n\n  return {\n    elementProps: {\n      \"aria-orientation\": vertical ? \"vertical\" : \"horizontal\",\n      style: {\n        ...style,\n        ...(disableTransition ? undefined : indicatorStyles),\n      },\n      ...movementProps,\n    },\n    backwardProps: {\n      ref: backwardRef,\n      type: \"back\",\n      vertical,\n      disableTransition,\n    },\n    forwardProps: {\n      ref: forwardRef,\n      type: \"forward\",\n      vertical,\n      disableTransition,\n    },\n    movementContext,\n    showScrollButtons,\n  };\n}\n"],"names":["useCallback","useEffect","useRef","useState","useAppSize","useKeyboardMovementProvider","useDir","useEnsuredRef","useResizeObserver","getTabRoleOnly","scrollTabIntoView","TAB_SIZE_VAR","TAB_OFFSET_VAR","noop","useTabList","options","ref","propRef","style","activeIndex","scrollButtons","onClick","onFocus","onKeyDown","activationMode","vertical","setActiveIndex","disableTransition","isRTL","dir","isPhone","isScrollObserverEnabled","autoScrollButtons","setAutoScrollButtons","showScrollButtons","indicatorStyles","setIndicatorStyles","tabWidth","nodeRef","tabListRef","disabled","disableHeight","disableWidth","onUpdate","entry","current","scrollWidth","offsetWidth","activeTab","target","size","offsetHeight","offset","offsetTop","offsetLeft","cssVars","prevStyles","forwardRef","backwardRef","movementProps","movementContext","event","isPropagationStopped","Element","clickedTab","closest","tabs","currentTarget","i","findIndex","tab","onFocusChange","index","backward","container","forward","loopable","searchable","horizontal","includeDisabled","tabIndexBehavior","getFocusableElements","elementProps","undefined","backwardProps","type","forwardProps"],"mappings":"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"}
+{"version":3,"sources":["../../src/tabs/useTabList.ts"],"sourcesContent":["\"use client\";\n\nimport type {\n  CSSProperties,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  Ref,\n  RefObject,\n} from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport type {\n  KeyboardMovementContext,\n  KeyboardMovementProps,\n} from \"../movement/types.js\";\nimport { useKeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useDir } from \"../typography/WritingDirectionProvider.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport {\n  type TabListActivationMode,\n  type TabListScrollButtonsBehavior,\n} from \"./types.js\";\nimport { getTabRoleOnly, scrollTabIntoView } from \"./utils.js\";\n\nconst TAB_SIZE_VAR = \"--rmd-tab-size\";\nconst TAB_OFFSET_VAR = \"--rmd-tab-offset\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\nexport type TabWidthVar = typeof TAB_SIZE_VAR;\nexport type TabOffsetVar = typeof TAB_OFFSET_VAR;\n\nexport type IndicatorCSSProperties = CSSProperties &\n  Record<TabWidthVar | TabOffsetVar, string>;\n\nexport interface TabListHookOptions {\n  ref: Ref<HTMLDivElement> | undefined;\n  style: CSSProperties | undefined;\n  activeIndex: number;\n  setActiveIndex: (nextActiveIndex: number) => void;\n  scrollButtons: TabListScrollButtonsBehavior;\n  activationMode: TabListActivationMode;\n  vertical: boolean;\n  onClick: MouseEventHandler<HTMLDivElement> | undefined;\n  onFocus: FocusEventHandler<HTMLDivElement> | undefined;\n  onKeyDown: KeyboardEventHandler<HTMLDivElement> | undefined;\n  disableTransition: boolean;\n}\n\nexport interface TabListHookReturnValue {\n  elementProps: KeyboardMovementProps<HTMLDivElement> & {\n    \"aria-orientation\": \"horizontal\" | \"vertical\";\n    style: CSSProperties;\n    ref: Ref<HTMLDivElement>;\n    onClick: MouseEventHandler<HTMLDivElement>;\n  };\n  movementContext: KeyboardMovementContext;\n  backwardProps: {\n    ref: RefObject<HTMLDivElement>;\n    type: \"back\";\n    vertical: boolean;\n    disableTransition?: boolean;\n  };\n  forwardProps: {\n    ref: RefObject<HTMLDivElement>;\n    type: \"forward\";\n    vertical: boolean;\n    disableTransition?: boolean;\n  };\n  showScrollButtons: boolean;\n}\n\n/**\n * @internal\n */\nexport function useTabList(\n  options: TabListHookOptions\n): TabListHookReturnValue {\n  const {\n    ref: propRef,\n    style,\n    activeIndex,\n    scrollButtons,\n    onClick = noop,\n    onFocus,\n    onKeyDown,\n    activationMode,\n    vertical,\n    setActiveIndex,\n    disableTransition,\n  } = options;\n\n  const isRTL = useDir().dir === \"rtl\";\n  const { isPhone } = useAppSize();\n  const isScrollObserverEnabled =\n    scrollButtons === \"auto\" ||\n    (scrollButtons === \"auto-tablet-or-above\" && !isPhone);\n  const [autoScrollButtons, setAutoScrollButtons] = useState(false);\n  const showScrollButtons =\n    scrollButtons === true ||\n    (scrollButtons === \"tablet-or-above\" && !isPhone) ||\n    (isScrollObserverEnabled && autoScrollButtons);\n\n  const [indicatorStyles, setIndicatorStyles] =\n    useState<IndicatorCSSProperties>(() => {\n      const tabWidth = `${100 / 3}%`;\n      return {\n        [TAB_SIZE_VAR]: tabWidth,\n        [TAB_OFFSET_VAR]: \"0px\",\n      };\n    });\n\n  const [nodeRef, ref] = useEnsuredRef(propRef);\n  const tabListRef = useResizeObserver({\n    ref,\n    disabled: disableTransition && !isScrollObserverEnabled,\n    disableHeight: disableTransition && !isScrollObserverEnabled && !vertical,\n    disableWidth: disableTransition && !isScrollObserverEnabled && vertical,\n    onUpdate: useCallback(\n      (entry) => {\n        // this is kind of hacky -- the styles should update when switching\n        // between RTL or when the scroll buttons appear, but they aren't\n        // required for any styles. Just reference them so that the hooks\n        // eslint rule doesn't show a warning...\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        isRTL;\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        showScrollButtons;\n\n        if (isScrollObserverEnabled && nodeRef.current) {\n          setAutoScrollButtons(\n            nodeRef.current.scrollWidth > nodeRef.current.offsetWidth\n          );\n        }\n\n        const activeTab = getTabRoleOnly(entry.target)[activeIndex];\n        if (!activeTab || disableTransition) {\n          return;\n        }\n\n        const size = vertical ? activeTab.offsetHeight : activeTab.offsetWidth;\n        const offset = vertical ? activeTab.offsetTop : activeTab.offsetLeft;\n        const cssVars: IndicatorCSSProperties = {\n          [TAB_SIZE_VAR]: `${size}px`,\n          [TAB_OFFSET_VAR]: `${offset}px`,\n        };\n\n        setIndicatorStyles((prevStyles) => {\n          if (\n            prevStyles &&\n            prevStyles[TAB_SIZE_VAR] === cssVars[TAB_SIZE_VAR] &&\n            prevStyles[TAB_OFFSET_VAR] === cssVars[TAB_OFFSET_VAR]\n          ) {\n            return prevStyles;\n          }\n\n          return cssVars;\n        });\n      },\n      [\n        activeIndex,\n        disableTransition,\n        isRTL,\n        isScrollObserverEnabled,\n        nodeRef,\n        showScrollButtons,\n        vertical,\n      ]\n    ),\n  });\n  const forwardRef = useRef<HTMLDivElement>(null);\n  const backwardRef = useRef<HTMLDivElement>(null);\n  const { movementProps, movementContext } = useKeyboardMovementProvider({\n    ref: tabListRef,\n    onClick(event) {\n      onClick(event);\n      if (event.isPropagationStopped() || !(event.target instanceof Element)) {\n        return;\n      }\n\n      const clickedTab = event.target.closest<HTMLElement>(\"[role='tab']\");\n      const tabs = getTabRoleOnly(event.currentTarget);\n      const i = clickedTab ? tabs.indexOf(clickedTab) : -1;\n      if (i !== -1) {\n        setActiveIndex(i);\n      }\n    },\n    onFocus,\n    onKeyDown,\n    onFocusChange(event) {\n      const { index } = event;\n      if (activationMode === \"automatic\") {\n        setActiveIndex(index);\n      } else if (scrollButtons) {\n        scrollTabIntoView({\n          activeIndex: index,\n          backward: backwardRef.current,\n          container: nodeRef.current,\n          forward: forwardRef.current,\n          vertical,\n        });\n      }\n    },\n    loopable: true,\n    searchable: true,\n    horizontal: !vertical,\n    includeDisabled: true,\n    tabIndexBehavior: \"roving\",\n    getFocusableElements: getTabRoleOnly,\n  });\n\n  useEffect(() => {\n    scrollTabIntoView({\n      activeIndex,\n      backward: backwardRef.current,\n      container: nodeRef.current,\n      forward: forwardRef.current,\n      vertical,\n    });\n  }, [activeIndex, nodeRef, vertical]);\n\n  return {\n    elementProps: {\n      \"aria-orientation\": vertical ? \"vertical\" : \"horizontal\",\n      style: {\n        ...style,\n        ...(disableTransition ? undefined : indicatorStyles),\n      },\n      ...movementProps,\n    },\n    backwardProps: {\n      ref: backwardRef,\n      type: \"back\",\n      vertical,\n      disableTransition,\n    },\n    forwardProps: {\n      ref: forwardRef,\n      type: \"forward\",\n      vertical,\n      disableTransition,\n    },\n    movementContext,\n    showScrollButtons,\n  };\n}\n"],"names":["useCallback","useEffect","useRef","useState","useAppSize","useKeyboardMovementProvider","useDir","useEnsuredRef","useResizeObserver","getTabRoleOnly","scrollTabIntoView","TAB_SIZE_VAR","TAB_OFFSET_VAR","noop","useTabList","options","ref","propRef","style","activeIndex","scrollButtons","onClick","onFocus","onKeyDown","activationMode","vertical","setActiveIndex","disableTransition","isRTL","dir","isPhone","isScrollObserverEnabled","autoScrollButtons","setAutoScrollButtons","showScrollButtons","indicatorStyles","setIndicatorStyles","tabWidth","nodeRef","tabListRef","disabled","disableHeight","disableWidth","onUpdate","entry","current","scrollWidth","offsetWidth","activeTab","target","size","offsetHeight","offset","offsetTop","offsetLeft","cssVars","prevStyles","forwardRef","backwardRef","movementProps","movementContext","event","isPropagationStopped","Element","clickedTab","closest","tabs","currentTarget","i","indexOf","onFocusChange","index","backward","container","forward","loopable","searchable","horizontal","includeDisabled","tabIndexBehavior","getFocusableElements","elementProps","undefined","backwardProps","type","forwardProps"],"mappings":"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"}

package/dist/test-utils/jest-globals/match-media.d.ts

@@ -28,4 +28,4 @@ import { type MatchMediaChangeViewport, type MatchMediaMatcher } from "../mocks/
  *
  * @since 6.0.0
  */
-export declare function spyOnMatchMedia(defaultMatch?: MatchMediaMatcher): jest.SpiedFunction<typeof window.matchMedia> & MatchMediaChangeViewport;
+export declare function spyOnMatchMedia(defaultMatch?: MatchMediaMatcher): jest.SpiedFunction<typeof globalThis.matchMedia> & MatchMediaChangeViewport;

package/dist/test-utils/jest-globals/match-media.js

@@ -29,7 +29,7 @@ import { createMatchMediaSpy } from "../utils/createMatchMediaSpy.js";
  *
  * @since 6.0.0
  */ export function spyOnMatchMedia(defaultMatch = matchDesktop) {
-    return createMatchMediaSpy(jest.spyOn(window, "matchMedia"), defaultMatch);
+    return createMatchMediaSpy(jest.spyOn(globalThis, "matchMedia"), defaultMatch);
 }
 
 //# sourceMappingURL=match-media.js.map

package/dist/test-utils/jest-globals/match-media.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/jest-globals/match-media.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\n\nimport {\n  type MatchMediaChangeViewport,\n  type MatchMediaMatcher,\n  matchDesktop,\n} from \"../mocks/match-media.js\";\nimport { createMatchMediaSpy } from \"../utils/createMatchMediaSpy.js\";\n\n/**\n * @example Default Behavior\n * ```tsx\n * import { matchPhone, render } from \"@react-md/core/test-utils\";\n * import { spyOnMatchMedia } from \"@react-md/core/test-utils/jest-globals\";\n *\n * const matchMedia = spyOnMatchMedia();\n * render(<Test />);\n *\n * // expect desktop results\n *\n * matchMedia.changeViewport(matchPhone);\n * // expect phone results\n * ```\n *\n * @example Set Default Media\n * ```tsx\n * import { matchPhone, render } from \"@react-md/core/test-utils\";\n * import { spyOnMatchMedia } from \"@react-md/core/test-utils/jest-globals\";\n *\n * const matchMedia = spyOnMatchMedia(matchPhone);\n * render(<Test />);\n *\n * // expect phone results\n * ```\n *\n * @since 6.0.0\n */\nexport function spyOnMatchMedia(\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): jest.SpiedFunction<typeof window.matchMedia> & MatchMediaChangeViewport {\n  return createMatchMediaSpy(jest.spyOn(window, \"matchMedia\"), defaultMatch);\n}\n"],"names":["jest","matchDesktop","createMatchMediaSpy","spyOnMatchMedia","defaultMatch","spyOn","window"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAErC,SAGEC,YAAY,QACP,0BAA0B;AACjC,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BC,GACD,OAAO,SAASC,gBACdC,eAAkCH,YAAY;IAE9C,OAAOC,oBAAoBF,KAAKK,KAAK,CAACC,QAAQ,eAAeF;AAC/D"}
+{"version":3,"sources":["../../../src/test-utils/jest-globals/match-media.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\n\nimport {\n  type MatchMediaChangeViewport,\n  type MatchMediaMatcher,\n  matchDesktop,\n} from \"../mocks/match-media.js\";\nimport { createMatchMediaSpy } from \"../utils/createMatchMediaSpy.js\";\n\n/**\n * @example Default Behavior\n * ```tsx\n * import { matchPhone, render } from \"@react-md/core/test-utils\";\n * import { spyOnMatchMedia } from \"@react-md/core/test-utils/jest-globals\";\n *\n * const matchMedia = spyOnMatchMedia();\n * render(<Test />);\n *\n * // expect desktop results\n *\n * matchMedia.changeViewport(matchPhone);\n * // expect phone results\n * ```\n *\n * @example Set Default Media\n * ```tsx\n * import { matchPhone, render } from \"@react-md/core/test-utils\";\n * import { spyOnMatchMedia } from \"@react-md/core/test-utils/jest-globals\";\n *\n * const matchMedia = spyOnMatchMedia(matchPhone);\n * render(<Test />);\n *\n * // expect phone results\n * ```\n *\n * @since 6.0.0\n */\nexport function spyOnMatchMedia(\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): jest.SpiedFunction<typeof globalThis.matchMedia> & MatchMediaChangeViewport {\n  return createMatchMediaSpy(\n    jest.spyOn(globalThis, \"matchMedia\"),\n    defaultMatch\n  );\n}\n"],"names":["jest","matchDesktop","createMatchMediaSpy","spyOnMatchMedia","defaultMatch","spyOn","globalThis"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAErC,SAGEC,YAAY,QACP,0BAA0B;AACjC,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BC,GACD,OAAO,SAASC,gBACdC,eAAkCH,YAAY;IAE9C,OAAOC,oBACLF,KAAKK,KAAK,CAACC,YAAY,eACvBF;AAEJ"}

package/dist/test-utils/jest-globals/timers.js

@@ -34,7 +34,7 @@ import { jest } from "@jest/globals";
  * ```
  *
  * @since 6.0.0
- */ export const testImmediateRaf = ()=>jest.spyOn(window, "requestAnimationFrame").mockImplementation((cb)=>{
+ */ export const testImmediateRaf = ()=>jest.spyOn(globalThis, "requestAnimationFrame").mockImplementation((cb)=>{
         cb(0);
         return 0;
     });

package/dist/test-utils/jest-globals/timers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/jest-globals/timers.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\n\n/**\n * @since 6.0.0\n */\nexport type RafSpy = jest.SpiedFunction<typeof requestAnimationFrame>;\n\n/**\n * @example\n * ```ts\n * import { testImmediateRaf } from \"@react-md/core/test-utils/jest-globals\";\n *\n * describe(\"some test suite\", () => {\n *   it(\"should test something with requestAnimationFrame\", () => {\n *     const raf = testImmediateRaf();\n *\n *     // do some testing with requestAnimationFrame\n *\n *     // reset to original at the end of the test\n *     raf.mockRestore()\n *   });\n * });\n * ```\n *\n * @example Automatic Cleanup\n * ```ts\n * import { testImmediateRaf } from \"@react-md/core/test-utils/jest-globals\";\n *\n * afterEach(() => {\n *   jest.restoreAllMocks();\n * });\n *\n * describe(\"some test suite\", () => {\n *   it(\"should test something with requestAnimationFrame\", () => {\n *     const raf = testImmediateRaf();\n *\n *     // do some testing with requestAnimationFrame\n *   });\n * });\n * ```\n *\n * @since 6.0.0\n */\nexport const testImmediateRaf = (): RafSpy =>\n  jest.spyOn(window, \"requestAnimationFrame\").mockImplementation((cb) => {\n    cb(0);\n    return 0;\n  });\n"],"names":["jest","testImmediateRaf","spyOn","window","mockImplementation","cb"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAOrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,MAAMC,mBAAmB,IAC9BD,KAAKE,KAAK,CAACC,QAAQ,yBAAyBC,kBAAkB,CAAC,CAACC;QAC9DA,GAAG;QACH,OAAO;IACT,GAAG"}
+{"version":3,"sources":["../../../src/test-utils/jest-globals/timers.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\n\n/**\n * @since 6.0.0\n */\nexport type RafSpy = jest.SpiedFunction<typeof requestAnimationFrame>;\n\n/**\n * @example\n * ```ts\n * import { testImmediateRaf } from \"@react-md/core/test-utils/jest-globals\";\n *\n * describe(\"some test suite\", () => {\n *   it(\"should test something with requestAnimationFrame\", () => {\n *     const raf = testImmediateRaf();\n *\n *     // do some testing with requestAnimationFrame\n *\n *     // reset to original at the end of the test\n *     raf.mockRestore()\n *   });\n * });\n * ```\n *\n * @example Automatic Cleanup\n * ```ts\n * import { testImmediateRaf } from \"@react-md/core/test-utils/jest-globals\";\n *\n * afterEach(() => {\n *   jest.restoreAllMocks();\n * });\n *\n * describe(\"some test suite\", () => {\n *   it(\"should test something with requestAnimationFrame\", () => {\n *     const raf = testImmediateRaf();\n *\n *     // do some testing with requestAnimationFrame\n *   });\n * });\n * ```\n *\n * @since 6.0.0\n */\nexport const testImmediateRaf = (): RafSpy =>\n  jest.spyOn(globalThis, \"requestAnimationFrame\").mockImplementation((cb) => {\n    cb(0);\n    return 0;\n  });\n"],"names":["jest","testImmediateRaf","spyOn","globalThis","mockImplementation","cb"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAOrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,MAAMC,mBAAmB,IAC9BD,KAAKE,KAAK,CAACC,YAAY,yBAAyBC,kBAAkB,CAAC,CAACC;QAClEA,GAAG;QACH,OAAO;IACT,GAAG"}

package/dist/test-utils/jest-globals/uploadMenuItemFileInput.js

@@ -29,7 +29,7 @@ import { createFileList } from "../utils/createFileList.js";
     jest.spyOn(input, "click").mockImplementationOnce(()=>{
         fireEvent.change(input, {
             target: {
-                files: createFileList(window, files)
+                files: createFileList(globalThis.window, files)
             }
         });
     });

package/dist/test-utils/jest-globals/uploadMenuItemFileInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/test-utils/jest-globals/uploadMenuItemFileInput.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\nimport { fireEvent } from \"@testing-library/dom\";\nimport { type UserEvent } from \"@testing-library/user-event\";\n\nimport { createFileList } from \"../utils/createFileList.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface UploadMenuItemFileUploadOptions {\n  user: UserEvent;\n  files: File | readonly File[];\n  menuItem: HTMLElement;\n}\n\n/**\n * @example Main Example\n * ```tsx\n * const user = userEvent.setup()\n * render(<Test />);\n *\n * await user.click(screen.getByRole(\"button\", { name: \"Dropdown Menu\" }));\n *\n * const menuItem = screen.getByRole(\"menuitem\", { name: \"Upload\" });\n * const file = new File([\"pretend-bytes\"], \"README.txt\");\n * await uploadMenuItemFileUpload({\n *   user,\n *   // can be a single file or multiple\n *   files: file,\n *   menuItem,\n * });\n *\n * // expect something with uploaded file\n * ```\n *\n * @since 6.0.0\n */\nexport async function uploadMenuItemFileUpload(\n  options: UploadMenuItemFileUploadOptions\n): Promise<void> {\n  const { user, files, menuItem } = options;\n\n  const input = document.createElement(\"input\");\n  jest.spyOn(document, \"createElement\").mockReturnValueOnce(input);\n  jest.spyOn(input, \"click\").mockImplementationOnce(() => {\n    fireEvent.change(input, {\n      target: { files: createFileList(window, files) },\n    });\n  });\n\n  await user.click(menuItem);\n}\n"],"names":["jest","fireEvent","createFileList","uploadMenuItemFileUpload","options","user","files","menuItem","input","document","createElement","spyOn","mockReturnValueOnce","mockImplementationOnce","change","target","window","click"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,uBAAuB;AAGjD,SAASC,cAAc,QAAQ,6BAA6B;AAW5D;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,eAAeC,yBACpBC,OAAwC;IAExC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAElC,MAAMI,QAAQC,SAASC,aAAa,CAAC;IACrCV,KAAKW,KAAK,CAACF,UAAU,iBAAiBG,mBAAmB,CAACJ;IAC1DR,KAAKW,KAAK,CAACH,OAAO,SAASK,sBAAsB,CAAC;QAChDZ,UAAUa,MAAM,CAACN,OAAO;YACtBO,QAAQ;gBAAET,OAAOJ,eAAec,QAAQV;YAAO;QACjD;IACF;IAEA,MAAMD,KAAKY,KAAK,CAACV;AACnB"}
+{"version":3,"sources":["../../../src/test-utils/jest-globals/uploadMenuItemFileInput.ts"],"sourcesContent":["import { jest } from \"@jest/globals\";\nimport { fireEvent } from \"@testing-library/dom\";\nimport { type UserEvent } from \"@testing-library/user-event\";\n\nimport { createFileList } from \"../utils/createFileList.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface UploadMenuItemFileUploadOptions {\n  user: UserEvent;\n  files: File | readonly File[];\n  menuItem: HTMLElement;\n}\n\n/**\n * @example Main Example\n * ```tsx\n * const user = userEvent.setup()\n * render(<Test />);\n *\n * await user.click(screen.getByRole(\"button\", { name: \"Dropdown Menu\" }));\n *\n * const menuItem = screen.getByRole(\"menuitem\", { name: \"Upload\" });\n * const file = new File([\"pretend-bytes\"], \"README.txt\");\n * await uploadMenuItemFileUpload({\n *   user,\n *   // can be a single file or multiple\n *   files: file,\n *   menuItem,\n * });\n *\n * // expect something with uploaded file\n * ```\n *\n * @since 6.0.0\n */\nexport async function uploadMenuItemFileUpload(\n  options: UploadMenuItemFileUploadOptions\n): Promise<void> {\n  const { user, files, menuItem } = options;\n\n  const input = document.createElement(\"input\");\n  jest.spyOn(document, \"createElement\").mockReturnValueOnce(input);\n  jest.spyOn(input, \"click\").mockImplementationOnce(() => {\n    fireEvent.change(input, {\n      target: { files: createFileList(globalThis.window, files) },\n    });\n  });\n\n  await user.click(menuItem);\n}\n"],"names":["jest","fireEvent","createFileList","uploadMenuItemFileUpload","options","user","files","menuItem","input","document","createElement","spyOn","mockReturnValueOnce","mockImplementationOnce","change","target","globalThis","window","click"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,uBAAuB;AAGjD,SAASC,cAAc,QAAQ,6BAA6B;AAW5D;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,eAAeC,yBACpBC,OAAwC;IAExC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAElC,MAAMI,QAAQC,SAASC,aAAa,CAAC;IACrCV,KAAKW,KAAK,CAACF,UAAU,iBAAiBG,mBAAmB,CAACJ;IAC1DR,KAAKW,KAAK,CAACH,OAAO,SAASK,sBAAsB,CAAC;QAChDZ,UAAUa,MAAM,CAACN,OAAO;YACtBO,QAAQ;gBAAET,OAAOJ,eAAec,WAAWC,MAAM,EAAEX;YAAO;QAC5D;IACF;IAEA,MAAMD,KAAKa,KAAK,CAACX;AACnB"}

package/dist/test-utils/mocks/ResizeObserver.js

@@ -221,8 +221,8 @@ import { createResizeObserverEntry } from "../utils/createResizeObserverEntry.js
     const { raf, manager = resizeObserverManager } = options;
     const resizeObserver = new ResizeObserverMock((entries)=>{
         if (raf) {
-            window.cancelAnimationFrame(manager.frame);
-            manager.frame = window.requestAnimationFrame(()=>{
+            globalThis.cancelAnimationFrame(manager.frame);
+            manager.frame = globalThis.requestAnimationFrame(()=>{
                 manager.handleResizeEntries(entries);
             });
         } else {