@transferwise/components 0.0.0-experimental-85015e0 → 0.0.0-experimental-7990d38

package/build/Snackbar/useSnackbarAutoDismiss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarAutoDismiss.mjs","sources":["../../src/Snackbar/useSnackbarAutoDismiss.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { SNACKBAR_DEFAULT_DURATION, SNACKBAR_EXTENDED_DURATION } from './constants';\nimport type { SnackbarDuration } from './Snackbar.types';\n\ntype UseSnackbarAutoDismissOptions = {\n  duration?: SnackbarDuration;\n  onDismissRequest: () => void;\n  resetKey: number;\n  timeout?: number;\n  visible: boolean;\n};\n\nconst getAutoDismissDuration = ({\n  duration,\n  timeout,\n}: Pick<UseSnackbarAutoDismissOptions, 'duration' | 'timeout'>) => {\n  if (duration === 'indefinite') {\n    return null;\n  }\n\n  if (duration === 'extended') {\n    return SNACKBAR_EXTENDED_DURATION;\n  }\n\n  if (duration === 'default') {\n    return SNACKBAR_DEFAULT_DURATION;\n  }\n\n  return timeout ?? SNACKBAR_DEFAULT_DURATION;\n};\n\n/** Starts after entry finishes and pauses on hover or focus, preserving the remaining time. */\nconst useSnackbarAutoDismiss = ({\n  duration,\n  onDismissRequest,\n  resetKey,\n  timeout,\n  visible,\n}: UseSnackbarAutoDismissOptions) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const hasEnteredRef = useRef(false);\n  const timeoutRef = useRef(0);\n  const remainingDurationRef = useRef<number | null>(null);\n  const timerStartedAtRef = useRef(0);\n  const interactionStateRef = useRef({ focusWithin: false, hovered: false });\n\n  const isInterrupted = useCallback(() => {\n    const { focusWithin, hovered } = interactionStateRef.current;\n    return focusWithin || hovered;\n  }, []);\n\n  const clearTimer = useCallback(() => {\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = 0;\n  }, []);\n\n  const startTimer = useCallback(\n    (remainingDuration = getAutoDismissDuration({ duration, timeout })) => {\n      clearTimer();\n      remainingDurationRef.current = remainingDuration;\n\n      if (!visible || !hasEnteredRef.current || remainingDuration === null || isInterrupted()) {\n        return;\n      }\n\n      timerStartedAtRef.current = Date.now();\n      timeoutRef.current = window.setTimeout(() => {\n        timeoutRef.current = 0;\n        remainingDurationRef.current = 0;\n        onDismissRequest();\n      }, remainingDuration);\n    },\n    [clearTimer, duration, isInterrupted, onDismissRequest, timeout, visible],\n  );\n\n  const pauseTimer = useCallback(() => {\n    if (!timeoutRef.current || remainingDurationRef.current === null) {\n      return;\n    }\n\n    clearTimer();\n    // Count only unpaused time; resuming must not grant another full duration.\n    remainingDurationRef.current = Math.max(\n      0,\n      remainingDurationRef.current - (Date.now() - timerStartedAtRef.current),\n    );\n  }, [clearTimer]);\n\n  const resumeTimer = useCallback(() => {\n    if (isInterrupted() || remainingDurationRef.current === null) {\n      return;\n    }\n\n    startTimer(remainingDurationRef.current);\n  }, [isInterrupted, startTimer]);\n\n  const handleMouseEnter = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, hovered: false };\n    resumeTimer();\n  }, [resumeTimer]);\n\n  const handleFocus = useCallback(() => {\n    interactionStateRef.current = { ...interactionStateRef.current, focusWithin: true };\n    pauseTimer();\n  }, [pauseTimer]);\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.currentTarget.contains(event.relatedTarget)) {\n        return;\n      }\n\n      interactionStateRef.current = { ...interactionStateRef.current, focusWithin: false };\n      resumeTimer();\n    },\n    [resumeTimer],\n  );\n\n  const handleEntered = useCallback(() => {\n    hasEnteredRef.current = true;\n    const snackbar = surfaceRef.current;\n    // Entry can finish beneath the pointer or with keyboard focus already inside the surface.\n    interactionStateRef.current = {\n      focusWithin: Boolean(snackbar?.contains(document.activeElement)),\n      hovered: snackbar?.matches(':hover') ?? false,\n    };\n    startTimer();\n  }, [startTimer]);\n\n  useEffect(() => {\n    if (!visible) {\n      hasEnteredRef.current = false;\n      clearTimer();\n      return undefined;\n    }\n\n    // Before onEntered this only prepares the duration; it cannot start the countdown.\n    startTimer();\n\n    return clearTimer;\n  }, [clearTimer, resetKey, startTimer, visible]);\n\n  return { handleBlur, handleEntered, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef };\n};\n\nexport default useSnackbarAutoDismiss;\n"],"names":["getAutoDismissDuration","duration","timeout","SNACKBAR_EXTENDED_DURATION","SNACKBAR_DEFAULT_DURATION","useSnackbarAutoDismiss","onDismissRequest","resetKey","visible","surfaceRef","useRef","hasEnteredRef","timeoutRef","remainingDurationRef","timerStartedAtRef","interactionStateRef","focusWithin","hovered","isInterrupted","useCallback","current","clearTimer","window","clearTimeout","startTimer","remainingDuration","Date","now","setTimeout","pauseTimer","Math","max","resumeTimer","handleMouseEnter","handleMouseLeave","handleFocus","handleBlur","event","currentTarget","contains","relatedTarget","handleEntered","snackbar","Boolean","document","activeElement","matches","useEffect","undefined"],"mappings":"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"}

package/build/types/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeDark, ThemeLight } from '../common';
 import type { Sentiment } from '../SentimentSurface';
-import type { SnackbarAction } from './Snackbar.types';
+import type { SnackbarAction, SnackbarDuration } from './Snackbar.types';
 /**
  * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.
  * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.
@@ -10,6 +10,13 @@ export interface SnackbarProps {
     action?: SnackbarAction;
     /** Changes for each new Snackbar so LiveRegion re-announces it. */
     announcementKey: number;
+    /**
+     * Controls auto-dismiss with a four-second, six-second or indefinite duration after entry finishes.
+     * Takes precedence over the deprecated `timeout`.
+     * When neither option is supplied, the default is 4000ms (previously 4500ms).
+     * @default 'default'
+     */
+    duration?: SnackbarDuration;
     /** Overrides sentiment-derived media with content for the 24×24px media slot. */
     media?: React.ReactNode;
     /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */
@@ -25,13 +32,18 @@ export interface SnackbarProps {
     text: React.ReactNode;
     /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */
     theme?: ThemeLight | ThemeDark;
-    /** Auto-dismiss delay in milliseconds, supplied by the provider. */
-    timeout: number;
+    /**
+     * @deprecated Use `duration` instead. Explicit millisecond values remain supported and are not
+     * automatically remapped when no `duration` is supplied.
+     * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`
+     * for intentionally persistent notifications.
+     */
+    timeout?: number;
     /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */
     timestamp?: number;
     /** Controls entry/exit; the surface does not manage visibility itself. */
     visible: boolean;
 }
-export declare const Snackbar: ({ action, announcementKey, media, onDismissRequest, onExited, sentiment, text, timeout, visible, }: SnackbarProps) => import("react").JSX.Element;
+export declare const Snackbar: ({ action, announcementKey, duration, media, onDismissRequest, onExited, sentiment, text, timeout, visible, }: SnackbarProps) => import("react").JSX.Element;
 export default Snackbar;
 //# sourceMappingURL=Snackbar.d.ts.map

package/build/types/Snackbar/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,4FAA4F;IAC5F,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kGAAkG;IAClG,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kGAAkG;IAClG,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kGAAkG;IAClG,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,oEAAoE;IACpE,OAAO,EAAE,MAAM,CAAC;IAChB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,GAAI,oGAUtB,aAAa,gCAuFf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzE;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,4FAA4F;IAC5F,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,iFAAiF;IACjF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kGAAkG;IAClG,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kGAAkG;IAClG,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kGAAkG;IAClG,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,GAAI,8GAWtB,aAAa,gCA0Ff,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/types/Snackbar/Snackbar.types.d.ts

@@ -1,5 +1,7 @@
 import type { ButtonProps, ButtonReferenceType } from '../Button/Button.types';
 import type { SnackbarProps } from './Snackbar';
+/** Semantic auto-dismiss durations. `indefinite` disables the timer. */
+export type SnackbarDuration = 'default' | 'extended' | 'indefinite';
 /** One optional action. Supports callbacks and navigation through the Button API. */
 export type SnackbarAction = Pick<ButtonProps, 'href' | 'target'> & {
     label: ButtonProps['children'];

package/build/types/Snackbar/Snackbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.types.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/Snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,qFAAqF;AACrF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IAClE,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;CACxD,CAAC;AAEF,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,aAAa,EACb,iBAAiB,GAAG,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAC5E,CAAC"}
+{"version":3,"file":"Snackbar.types.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/Snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wEAAwE;AACxE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,qFAAqF;AACrF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,CAAC,GAAG;IAClE,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;CACxD,CAAC;AAEF,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,aAAa,EACb,iBAAiB,GAAG,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAC5E,CAAC"}

package/build/types/Snackbar/SnackbarProvider.d.ts

@@ -1,4 +1,11 @@
 export interface SnackbarProviderProps {
+    /**
+     * @deprecated Use per-Snackbar `duration` instead. Explicit millisecond values remain supported
+     * and are not automatically remapped when no `duration` is supplied.
+     * When neither option is supplied, the default is 4000ms (previously 4500ms), after entry finishes.
+     * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`
+     * for intentionally persistent notifications.
+     */
     timeout?: number;
     children?: React.ReactNode;
 }

package/build/types/Snackbar/SnackbarProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/SnackbarProvider.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,OAAc,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAsB3F"}
+{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/SnackbarProvider.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAsBpF"}

package/build/types/Snackbar/constants.d.ts

@@ -1,3 +1,7 @@
 export declare const SNACKBAR_ENTER_DURATION = 300;
 export declare const SNACKBAR_EXIT_DURATION = 150;
+/** Default auto-dismiss duration for short feedback, in milliseconds. */
+export declare const SNACKBAR_DEFAULT_DURATION = 4000;
+/** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */
+export declare const SNACKBAR_EXTENDED_DURATION = 6000;
 //# sourceMappingURL=constants.d.ts.map

package/build/types/Snackbar/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,yEAAyE;AACzE,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAC9C,8FAA8F;AAC9F,eAAO,MAAM,0BAA0B,OAAO,CAAC"}

package/build/types/Snackbar/useSnackbarAutoDismiss.d.ts

@@ -0,0 +1,19 @@
+import type { SnackbarDuration } from './Snackbar.types';
+type UseSnackbarAutoDismissOptions = {
+    duration?: SnackbarDuration;
+    onDismissRequest: () => void;
+    resetKey: number;
+    timeout?: number;
+    visible: boolean;
+};
+/** Starts after entry finishes and pauses on hover or focus, preserving the remaining time. */
+declare const useSnackbarAutoDismiss: ({ duration, onDismissRequest, resetKey, timeout, visible, }: UseSnackbarAutoDismissOptions) => {
+    handleBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
+    handleEntered: () => void;
+    handleFocus: () => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    surfaceRef: import("react").RefObject<HTMLDivElement>;
+};
+export default useSnackbarAutoDismiss;
+//# sourceMappingURL=useSnackbarAutoDismiss.d.ts.map

package/build/types/Snackbar/useSnackbarAutoDismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarAutoDismiss.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/useSnackbarAutoDismiss.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAqBF,+FAA+F;AAC/F,QAAA,MAAM,sBAAsB,GAAI,6DAM7B,6BAA6B;wBA0EpB,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;;;CAoC3C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-85015e0",
+  "version": "0.0.0-experimental-7990d38",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/Snackbar/Snackbar.test.tsx

@@ -4,10 +4,15 @@ import { act, mockMatchMedia, render, screen, userEvent } from '../test-utils';
 import { WDS_LIVE_REGION_DELAY_MS } from '../common/constants';
 import { resetLiveRegionAnnouncementQueue } from '../common/LiveRegion/LiveRegion';
 
-import { SNACKBAR_EXIT_DURATION } from './constants';
+import {
+  SNACKBAR_DEFAULT_DURATION,
+  SNACKBAR_ENTER_DURATION,
+  SNACKBAR_EXIT_DURATION,
+  SNACKBAR_EXTENDED_DURATION,
+} from './constants';
 import { Snackbar, type SnackbarProps } from './Snackbar';
 
-const TIMEOUT = 4500;
+const TIMEOUT = SNACKBAR_DEFAULT_DURATION;
 const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTimeAsync });
 
 mockMatchMedia();
@@ -31,6 +36,12 @@ const renderSnackbar = (props: Partial<SnackbarProps> = {}) => {
   return { ...render(<Snackbar {...snackbarProps} />), snackbarProps };
 };
 
+const renderEnteredSnackbar = (props: Partial<SnackbarProps> = {}) => {
+  const view = renderSnackbar(props);
+  advanceTimers(SNACKBAR_ENTER_DURATION);
+  return view;
+};
+
 beforeEach(() => {
   resetLiveRegionAnnouncementQueue();
   jest.useFakeTimers();
@@ -88,7 +99,7 @@ describe('Snackbar controlled surface', () => {
 
   it('requests dismissal after the timeout without changing its own visibility', () => {
     const onDismissRequest = jest.fn();
-    renderSnackbar({ onDismissRequest });
+    renderEnteredSnackbar({ onDismissRequest });
 
     advanceTimers(TIMEOUT - 1);
     expect(onDismissRequest).not.toHaveBeenCalled();
@@ -100,7 +111,7 @@ describe('Snackbar controlled surface', () => {
 
   it('clears the dismissal timer when it begins exiting', () => {
     const onDismissRequest = jest.fn();
-    const { rerender, snackbarProps } = renderSnackbar({ onDismissRequest });
+    const { rerender, snackbarProps } = renderEnteredSnackbar({ onDismissRequest });
 
     rerender(<Snackbar {...snackbarProps} visible={false} />);
     advanceTimers(TIMEOUT);
@@ -122,6 +133,284 @@ describe('Snackbar controlled surface', () => {
   });
 });
 
+describe('Snackbar duration', () => {
+  it('starts the full reading duration only after the entry transition finishes', () => {
+    const { snackbarProps } = renderSnackbar({ duration: 'default' });
+
+    advanceTimers(SNACKBAR_ENTER_DURATION);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not start the timer when hover ends before entry finishes', async () => {
+    const { snackbarProps } = renderSnackbar({ duration: 'default' });
+    const message = screen.getByText('Changes saved');
+    await user.hover(message);
+    await user.unhover(message);
+
+    advanceTimers(SNACKBAR_ENTER_DURATION);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('starts paused when keyboard focus enters during the entry transition', () => {
+    const { snackbarProps } = renderSnackbar({ duration: 'default', action: { label: 'Undo' } });
+    const action = screen.getByRole('button', { name: 'Undo' });
+    act(() => action.focus());
+
+    advanceTimers(SNACKBAR_ENTER_DURATION);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION * 2);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+
+    act(() => action.blur());
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not start the timer when focus leaves before entry finishes', () => {
+    const { snackbarProps } = renderSnackbar({ duration: 'default', action: { label: 'Undo' } });
+    const action = screen.getByRole('button', { name: 'Undo' });
+    act(() => action.focus());
+    act(() => action.blur());
+
+    advanceTimers(SNACKBAR_ENTER_DURATION);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('uses four seconds when no duration or legacy timeout is supplied', () => {
+    const { snackbarProps } = renderEnteredSnackbar({ timeout: undefined });
+
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it.each([
+    ['default', SNACKBAR_DEFAULT_DURATION],
+    ['extended', SNACKBAR_EXTENDED_DURATION],
+  ] as const)('uses the %s duration instead of the legacy timeout', (duration, milliseconds) => {
+    const { snackbarProps } = renderEnteredSnackbar({ duration, timeout: 1 });
+
+    advanceTimers(milliseconds - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it.each([1000, 4500, 5000, 5001, 9000])(
+    'preserves an explicit legacy timeout of %sms',
+    (timeout) => {
+      const { snackbarProps } = renderEnteredSnackbar({ timeout });
+
+      advanceTimers(timeout - 1);
+      expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+      advanceTimers(1);
+      expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+    },
+  );
+
+  it('preserves a zero legacy timeout rather than using the default duration', () => {
+    const { snackbarProps } = renderEnteredSnackbar({ timeout: 0 });
+
+    advanceTimers(0);
+
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not auto-dismiss an indefinite Snackbar, even with a legacy timeout', () => {
+    const { snackbarProps } = renderEnteredSnackbar({ duration: 'indefinite', timeout: 1 });
+
+    advanceTimers(60_000);
+
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    expect(jest.getTimerCount()).toBe(0);
+  });
+
+  it('pauses on hover and resumes with only the remaining time', async () => {
+    const { snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    const message = screen.getByText('Changes saved');
+
+    advanceTimers(2000);
+    await user.hover(message);
+    advanceTimers(10_000);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+
+    await user.unhover(message);
+    advanceTimers(1999);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('pauses on keyboard focus and resumes when focus leaves', () => {
+    const { snackbarProps } = renderEnteredSnackbar({
+      duration: 'default',
+      action: { label: 'Undo' },
+    });
+
+    advanceTimers(2000);
+    act(() => screen.getByRole('button', { name: 'Undo' }).focus());
+    advanceTimers(10_000);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+
+    act(() => screen.getByRole('button', { name: 'Undo' }).blur());
+    advanceTimers(1999);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('stays paused when focus moves between Snackbar controls', () => {
+    const { snackbarProps } = renderEnteredSnackbar({
+      duration: 'default',
+      action: { label: 'Undo' },
+    });
+
+    advanceTimers(2000);
+    act(() => screen.getByRole('button', { name: 'Undo' }).focus());
+    act(() => screen.getByRole('button', { name: 'Close' }).focus());
+    advanceTimers(10_000);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+
+    act(() => screen.getByRole('button', { name: 'Close' }).blur());
+    advanceTimers(2000);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it.each(['hover', 'focus'] as const)(
+    'resumes only after both hover and focus end, with %s ending first',
+    async (firstToEnd) => {
+      const { snackbarProps } = renderEnteredSnackbar({
+        duration: 'default',
+        action: { label: 'Undo' },
+      });
+      const message = screen.getByText('Changes saved');
+      const action = screen.getByRole('button', { name: 'Undo' });
+
+      advanceTimers(2000);
+      await user.hover(message);
+      act(() => action.focus());
+      if (firstToEnd === 'hover') {
+        await user.unhover(message);
+      } else {
+        act(() => action.blur());
+      }
+      advanceTimers(10_000);
+      expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+
+      if (firstToEnd === 'hover') {
+        act(() => action.blur());
+      } else {
+        await user.unhover(message);
+      }
+      advanceTimers(1999);
+      expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+      advanceTimers(1);
+      expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+    },
+  );
+
+  it('keeps the remaining time across repeated pauses', async () => {
+    const { snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    const message = screen.getByText('Changes saved');
+
+    advanceTimers(1000);
+    await user.hover(message);
+    advanceTimers(10_000);
+    await user.unhover(message);
+    advanceTimers(1000);
+    await user.hover(message);
+    advanceTimers(10_000);
+    await user.unhover(message);
+    advanceTimers(1999);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('cleans up a resumed timer when unmounted', async () => {
+    const { unmount, snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    const message = screen.getByText('Changes saved');
+
+    advanceTimers(1000);
+    await user.hover(message);
+    await user.unhover(message);
+    unmount();
+    advanceTimers(10_000);
+
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    expect(jest.getTimerCount()).toBe(0);
+  });
+
+  it('starts paused if the surface is already hovered when shown', async () => {
+    const matches = jest
+      .spyOn(HTMLElement.prototype, 'matches')
+      .mockImplementation((selector) => selector === ':hover');
+    let view: ReturnType<typeof renderSnackbar>;
+    try {
+      view = renderEnteredSnackbar({ duration: 'default' });
+    } finally {
+      matches.mockRestore();
+    }
+
+    advanceTimers(10_000);
+    expect(view.snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    const message = screen.getByText('Changes saved');
+    await user.hover(message);
+    await user.unhover(message);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(view.snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(view.snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not restart a paused timer while the Snackbar is exiting', async () => {
+    const { rerender, snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    const message = screen.getByText('Changes saved');
+    advanceTimers(1000);
+    await user.hover(message);
+
+    rerender(<Snackbar {...snackbarProps} visible={false} />);
+    await user.unhover(message);
+    advanceTimers(10_000);
+
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    expect(jest.getTimerCount()).toBe(0);
+  });
+
+  it('clears a running timer when the duration becomes indefinite', () => {
+    const { rerender, snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    advanceTimers(2000);
+
+    rerender(<Snackbar {...snackbarProps} duration="indefinite" />);
+    advanceTimers(60_000);
+
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    expect(jest.getTimerCount()).toBe(0);
+  });
+
+  it('resets the duration when a new announcement key is supplied', () => {
+    const { rerender, snackbarProps } = renderEnteredSnackbar({ duration: 'default' });
+    advanceTimers(2000);
+
+    rerender(<Snackbar {...snackbarProps} announcementKey={2} />);
+    advanceTimers(SNACKBAR_DEFAULT_DURATION - 1);
+    expect(snackbarProps.onDismissRequest).not.toHaveBeenCalled();
+    advanceTimers(1);
+    expect(snackbarProps.onDismissRequest).toHaveBeenCalledTimes(1);
+  });
+});
+
 describe('Snackbar live region', () => {
   it('announces the notification as a polite status message', () => {
     renderSnackbar();

package/src/Snackbar/Snackbar.tsx

@@ -1,5 +1,4 @@
 import { Tags } from '@transferwise/icons';
-import { useEffect, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 
 import Button from '../Button';
@@ -11,7 +10,8 @@ import type { Sentiment } from '../SentimentSurface';
 import StatusIcon from '../StatusIcon';
 
 import { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';
-import type { SnackbarAction } from './Snackbar.types';
+import type { SnackbarAction, SnackbarDuration } from './Snackbar.types';
+import useSnackbarAutoDismiss from './useSnackbarAutoDismiss';
 
 /**
  * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.
@@ -22,6 +22,13 @@ export interface SnackbarProps {
   action?: SnackbarAction;
   /** Changes for each new Snackbar so LiveRegion re-announces it. */
   announcementKey: number;
+  /**
+   * Controls auto-dismiss with a four-second, six-second or indefinite duration after entry finishes.
+   * Takes precedence over the deprecated `timeout`.
+   * When neither option is supplied, the default is 4000ms (previously 4500ms).
+   * @default 'default'
+   */
+  duration?: SnackbarDuration;
   /** Overrides sentiment-derived media with content for the 24×24px media slot. */
   media?: React.ReactNode;
   /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */
@@ -37,8 +44,13 @@ export interface SnackbarProps {
   text: React.ReactNode;
   /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */
   theme?: ThemeLight | ThemeDark;
-  /** Auto-dismiss delay in milliseconds, supplied by the provider. */
-  timeout: number;
+  /**
+   * @deprecated Use `duration` instead. Explicit millisecond values remain supported and are not
+   * automatically remapped when no `duration` is supplied.
+   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`
+   * for intentionally persistent notifications.
+   */
+  timeout?: number;
   /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */
   timestamp?: number;
   /** Controls entry/exit; the surface does not manage visibility itself. */
@@ -48,6 +60,7 @@ export interface SnackbarProps {
 export const Snackbar = ({
   action,
   announcementKey,
+  duration,
   media,
   onDismissRequest,
   onExited,
@@ -56,16 +69,14 @@ export const Snackbar = ({
   timeout,
   visible,
 }: SnackbarProps) => {
-  const surfaceRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!visible) {
-      return undefined;
-    }
-
-    const id = window.setTimeout(onDismissRequest, timeout);
-    return () => window.clearTimeout(id);
-  }, [announcementKey, onDismissRequest, timeout, visible]);
+  const { handleBlur, handleEntered, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef } =
+    useSnackbarAutoDismiss({
+      duration,
+      onDismissRequest,
+      resetKey: announcementKey,
+      timeout,
+      visible,
+    });
 
   const renderMedia = () => {
     if (media) {
@@ -104,6 +115,7 @@ export const Snackbar = ({
           exit: SNACKBAR_EXIT_DURATION,
         }}
         unmountOnExit
+        onEntered={handleEntered}
         onExited={onExited}
       >
         <PrimitivePrompt
@@ -113,6 +125,10 @@ export const Snackbar = ({
           emphasis="elevated"
           media={renderMedia()}
           onDismiss={onDismissRequest}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+          onFocus={handleFocus}
+          onBlur={handleBlur}
         >
           <div className="wds-Snackbar__content">
             <LiveRegion

package/src/Snackbar/Snackbar.types.ts

@@ -1,6 +1,9 @@
 import type { ButtonProps, ButtonReferenceType } from '../Button/Button.types';
 import type { SnackbarProps } from './Snackbar';
 
+/** Semantic auto-dismiss durations. `indefinite` disables the timer. */
+export type SnackbarDuration = 'default' | 'extended' | 'indefinite';
+
 /** One optional action. Supports callbacks and navigation through the Button API. */
 export type SnackbarAction = Pick<ButtonProps, 'href' | 'target'> & {
   label: ButtonProps['children'];