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

package/build/Snackbar/Snackbar.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var icons = require('@transferwise/icons');
-var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var Button_resolver = require('../Button/Button.resolver.js');
 var Body = require('../Body/Body.js');
@@ -26,6 +25,7 @@ require('../common/PropsValues/markdownNodeType.js');
 require('../common/fileType.js');
 require('@transferwise/formatting');
 require('clsx');
+require('react');
 require('react-intl');
 require('../common/CloseButton/CloseButton.messages.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -33,10 +33,12 @@ var LiveRegion = require('../common/LiveRegion/LiveRegion.js');
 var PrimitivePrompt = require('../Prompt/PrimitivePrompt/PrimitivePrompt.js');
 var StatusIcon = require('../StatusIcon/StatusIcon.js');
 var constants = require('./constants.js');
+var useSnackbarAutoDismiss = require('./useSnackbarAutoDismiss.js');
 
 const Snackbar = ({
   action,
   announcementKey,
+  duration,
   media,
   onDismissRequest,
   onExited,
@@ -45,14 +47,20 @@ const Snackbar = ({
   timeout,
   visible
 }) => {
-  const surfaceRef = React.useRef(null);
-  React.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.default({
+    duration,
+    onDismissRequest,
+    resetKey: announcementKey,
+    timeout,
+    visible
+  });
   const renderMedia = () => {
     if (media) {
       return /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -91,6 +99,7 @@ const Snackbar = ({
         exit: constants.SNACKBAR_EXIT_DURATION
       },
       unmountOnExit: true,
+      onEntered: handleEntered,
       onExited: onExited,
       children: /*#__PURE__*/jsxRuntime.jsx(PrimitivePrompt.PrimitivePrompt, {
         ref: surfaceRef,
@@ -99,6 +108,10 @@ const Snackbar = ({
         emphasis: "elevated",
         media: renderMedia(),
         onDismiss: onDismissRequest,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
         children: /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "wds-Snackbar__content",
           children: [/*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegion, {

package/build/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction } from './Snackbar.types';\n\n/**\n * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.\n * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.\n */\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  /** Changes for each new Snackbar so LiveRegion re-announces it. */\n  announcementKey: number;\n  /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n  media?: React.ReactNode;\n  /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */\n  onDismissRequest: () => void;\n  /** Called after the exit animation so the provider can unmount active or show its replacement. */\n  onExited: () => void;\n  /**\n   * Controls the sentiment surface and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Message content. Empty strings or absent text dismiss without creating a blank replacement. */\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  /** Auto-dismiss delay in milliseconds, supplied by the provider. */\n  timeout: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n  /** Controls entry/exit; the surface does not manage visibility itself. */\n  visible: boolean;\n}\n\nexport const Snackbar = ({\n  action,\n  announcementKey,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarProps) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!visible) {\n      return undefined;\n    }\n\n    const id = window.setTimeout(onDismissRequest, timeout);\n    return () => window.clearTimeout(id);\n  }, [announcementKey, onDismissRequest, timeout, visible]);\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onExited={onExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Snackbar","action","announcementKey","media","onDismissRequest","onExited","sentiment","text","timeout","visible","surfaceRef","useRef","useEffect","undefined","id","window","setTimeout","clearTimeout","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","PrimitivePrompt","ref","emphasis","onDismiss","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label"],"mappings":"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"}
+{"version":3,"file":"Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction, SnackbarDuration } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\n\n/**\n * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.\n * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.\n */\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  /** Changes for each new Snackbar so LiveRegion re-announces it. */\n  announcementKey: number;\n  /**\n   * Controls auto-dismiss with a four-second, six-second or indefinite duration after entry finishes.\n   * Takes precedence over the deprecated `timeout`.\n   * When neither option is supplied, the default is 4000ms (previously 4500ms).\n   * @default 'default'\n   */\n  duration?: SnackbarDuration;\n  /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n  media?: React.ReactNode;\n  /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */\n  onDismissRequest: () => void;\n  /** Called after the exit animation so the provider can unmount active or show its replacement. */\n  onExited: () => void;\n  /**\n   * Controls the sentiment surface and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Message content. Empty strings or absent text dismiss without creating a blank replacement. */\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  /**\n   * @deprecated Use `duration` instead. Explicit millisecond values remain supported and are not\n   * automatically remapped when no `duration` is supplied.\n   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`\n   * for intentionally persistent notifications.\n   */\n  timeout?: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n  /** Controls entry/exit; the surface does not manage visibility itself. */\n  visible: boolean;\n}\n\nexport const Snackbar = ({\n  action,\n  announcementKey,\n  duration,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarProps) => {\n  const { handleBlur, handleEntered, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef } =\n    useSnackbarAutoDismiss({\n      duration,\n      onDismissRequest,\n      resetKey: announcementKey,\n      timeout,\n      visible,\n    });\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onEntered={handleEntered}\n        onExited={onExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Snackbar","action","announcementKey","duration","media","onDismissRequest","onExited","sentiment","text","timeout","visible","handleBlur","handleEntered","handleFocus","handleMouseEnter","handleMouseLeave","surfaceRef","useSnackbarAutoDismiss","resetKey","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","onEntered","PrimitivePrompt","ref","emphasis","onDismiss","onMouseEnter","onMouseLeave","onFocus","onBlur","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label"],"mappings":"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"}

package/build/Snackbar/Snackbar.mjs

@@ -1,5 +1,4 @@
 import { Tags } from '@transferwise/icons';
-import { useRef, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import Button from '../Button/Button.resolver.mjs';
 import Body from '../Body/Body.mjs';
@@ -24,6 +23,7 @@ import '../common/PropsValues/markdownNodeType.mjs';
 import '../common/fileType.mjs';
 import '@transferwise/formatting';
 import 'clsx';
+import 'react';
 import 'react-intl';
 import '../common/CloseButton/CloseButton.messages.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -31,10 +31,12 @@ import { LiveRegion } from '../common/LiveRegion/LiveRegion.mjs';
 import { PrimitivePrompt } from '../Prompt/PrimitivePrompt/PrimitivePrompt.mjs';
 import StatusIcon from '../StatusIcon/StatusIcon.mjs';
 import { SNACKBAR_EXIT_DURATION, SNACKBAR_ENTER_DURATION } from './constants.mjs';
+import useSnackbarAutoDismiss from './useSnackbarAutoDismiss.mjs';
 
 const Snackbar = ({
   action,
   announcementKey,
+  duration,
   media,
   onDismissRequest,
   onExited,
@@ -43,14 +45,20 @@ const Snackbar = ({
   timeout,
   visible
 }) => {
-  const surfaceRef = useRef(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) {
       return /*#__PURE__*/jsx("span", {
@@ -89,6 +97,7 @@ const Snackbar = ({
         exit: SNACKBAR_EXIT_DURATION
       },
       unmountOnExit: true,
+      onEntered: handleEntered,
       onExited: onExited,
       children: /*#__PURE__*/jsx(PrimitivePrompt, {
         ref: surfaceRef,
@@ -97,6 +106,10 @@ const Snackbar = ({
         emphasis: "elevated",
         media: renderMedia(),
         onDismiss: onDismissRequest,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
         children: /*#__PURE__*/jsxs("div", {
           className: "wds-Snackbar__content",
           children: [/*#__PURE__*/jsx(LiveRegion, {

package/build/Snackbar/Snackbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction } from './Snackbar.types';\n\n/**\n * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.\n * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.\n */\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  /** Changes for each new Snackbar so LiveRegion re-announces it. */\n  announcementKey: number;\n  /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n  media?: React.ReactNode;\n  /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */\n  onDismissRequest: () => void;\n  /** Called after the exit animation so the provider can unmount active or show its replacement. */\n  onExited: () => void;\n  /**\n   * Controls the sentiment surface and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Message content. Empty strings or absent text dismiss without creating a blank replacement. */\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  /** Auto-dismiss delay in milliseconds, supplied by the provider. */\n  timeout: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n  /** Controls entry/exit; the surface does not manage visibility itself. */\n  visible: boolean;\n}\n\nexport const Snackbar = ({\n  action,\n  announcementKey,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarProps) => {\n  const surfaceRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!visible) {\n      return undefined;\n    }\n\n    const id = window.setTimeout(onDismissRequest, timeout);\n    return () => window.clearTimeout(id);\n  }, [announcementKey, onDismissRequest, timeout, visible]);\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onExited={onExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Snackbar","action","announcementKey","media","onDismissRequest","onExited","sentiment","text","timeout","visible","surfaceRef","useRef","useEffect","undefined","id","window","setTimeout","clearTimeout","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","PrimitivePrompt","ref","emphasis","onDismiss","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label"],"mappings":"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"}
+{"version":3,"file":"Snackbar.mjs","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button from '../Button';\nimport Body from '../Body';\nimport { LiveRegion } from '../common';\nimport type { ThemeDark, ThemeLight } from '../common';\nimport { PrimitivePrompt } from '../Prompt/PrimitivePrompt';\nimport type { Sentiment } from '../SentimentSurface';\nimport StatusIcon from '../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport type { SnackbarAction, SnackbarDuration } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\n\n/**\n * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.\n * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.\n */\nexport interface SnackbarProps {\n  /** One optional action, supporting a callback or navigation through `href` and `target`. */\n  action?: SnackbarAction;\n  /** Changes for each new Snackbar so LiveRegion re-announces it. */\n  announcementKey: number;\n  /**\n   * Controls auto-dismiss with a four-second, six-second or indefinite duration after entry finishes.\n   * Takes precedence over the deprecated `timeout`.\n   * When neither option is supplied, the default is 4000ms (previously 4500ms).\n   * @default 'default'\n   */\n  duration?: SnackbarDuration;\n  /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n  media?: React.ReactNode;\n  /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */\n  onDismissRequest: () => void;\n  /** Called after the exit animation so the provider can unmount active or show its replacement. */\n  onExited: () => void;\n  /**\n   * Controls the sentiment surface and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Message content. Empty strings or absent text dismiss without creating a blank replacement. */\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  /**\n   * @deprecated Use `duration` instead. Explicit millisecond values remain supported and are not\n   * automatically remapped when no `duration` is supplied.\n   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`\n   * for intentionally persistent notifications.\n   */\n  timeout?: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n  /** Controls entry/exit; the surface does not manage visibility itself. */\n  visible: boolean;\n}\n\nexport const Snackbar = ({\n  action,\n  announcementKey,\n  duration,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarProps) => {\n  const { handleBlur, handleEntered, handleFocus, handleMouseEnter, handleMouseLeave, surfaceRef } =\n    useSnackbarAutoDismiss({\n      duration,\n      onDismissRequest,\n      resetKey: announcementKey,\n      timeout,\n      visible,\n    });\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  return (\n    <div\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onEntered={handleEntered}\n        onExited={onExited}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          onDismiss={onDismissRequest}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Snackbar","action","announcementKey","duration","media","onDismissRequest","onExited","sentiment","text","timeout","visible","handleBlur","handleEntered","handleFocus","handleMouseEnter","handleMouseLeave","surfaceRef","useSnackbarAutoDismiss","resetKey","renderMedia","_jsx","className","children","Tags","size","StatusIcon","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","onEntered","PrimitivePrompt","ref","emphasis","onDismiss","onMouseEnter","onMouseLeave","onFocus","onBlur","_jsxs","LiveRegion","announceOnChange","Body","as","Button","v2","priority","href","target","onClick","label"],"mappings":"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"}

package/build/Snackbar/SnackbarProvider.js

@@ -9,7 +9,7 @@ var useSnackbarManager = require('./useSnackbarManager.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function SnackbarProvider({
-  timeout = 4500,
+  timeout,
   children
 }) {
   const {

package/build/Snackbar/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport SnackbarPortal from './SnackbarPortal';\nimport { SnackbarContext } from './SnackbarContext';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const { active, announcementKey, createSnackbar, dismissSnackbar, handleExited, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar }), [createSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <SnackbarPortal\n          // Each instance gets a fresh appear transition and live-region announcement.\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","createSnackbar","dismissSnackbar","handleExited","visible","useSnackbarManager","contextValue","useMemo","_jsxs","SnackbarContext","Provider","value","_jsx","SnackbarPortal","props","onDismissRequest","onExited","id"],"mappings":";;;;;;;;;;AAWc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EAC1F,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,cAAc;IAAEC,eAAe;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACvFC,0BAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,aAAO,CAAC,OAAO;AAAEN,IAAAA;GAAgB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;AAE1E,EAAA,oBACEO,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLa,cAAA,CAACC;AACC;AAAA,MAAA;MAAA,GAEId,MAAM,CAACe,KAAK;AAChBd,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBW,MAAAA,gBAAgB,EAAEb,eAAgB;AAClCc,MAAAA,QAAQ,EAAEb;AAAa,KAAA,EANlBJ,MAAM,CAACkB,EAMW,CACvB,GACA,IAAI,EACPnB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.js","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport SnackbarPortal from './SnackbarPortal';\nimport { SnackbarContext } from './SnackbarContext';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  /**\n   * @deprecated Use per-Snackbar `duration` instead. Explicit millisecond values remain supported\n   * and are not automatically remapped when no `duration` is supplied.\n   * When neither option is supplied, the default is 4000ms (previously 4500ms), after entry finishes.\n   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`\n   * for intentionally persistent notifications.\n   */\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout, children }: SnackbarProviderProps) {\n  const { active, announcementKey, createSnackbar, dismissSnackbar, handleExited, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar }), [createSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <SnackbarPortal\n          // Each instance gets a fresh appear transition and live-region announcement.\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","createSnackbar","dismissSnackbar","handleExited","visible","useSnackbarManager","contextValue","useMemo","_jsxs","SnackbarContext","Provider","value","_jsx","SnackbarPortal","props","onDismissRequest","onExited","id"],"mappings":";;;;;;;;;;AAkBc,SAAUA,gBAAgBA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EACnF,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,cAAc;IAAEC,eAAe;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACvFC,0BAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,aAAO,CAAC,OAAO;AAAEN,IAAAA;GAAgB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;AAE1E,EAAA,oBACEO,eAAA,CAACC,+BAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLa,cAAA,CAACC;AACC;AAAA,MAAA;MAAA,GAEId,MAAM,CAACe,KAAK;AAChBd,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBW,MAAAA,gBAAgB,EAAEb,eAAgB;AAClCc,MAAAA,QAAQ,EAAEb;AAAa,KAAA,EANlBJ,MAAM,CAACkB,EAMW,CACvB,GACA,IAAI,EACPnB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/Snackbar/SnackbarProvider.mjs

@@ -5,7 +5,7 @@ import useSnackbarManager from './useSnackbarManager.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function SnackbarProvider({
-  timeout = 4500,
+  timeout,
   children
 }) {
   const {

package/build/Snackbar/SnackbarProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport SnackbarPortal from './SnackbarPortal';\nimport { SnackbarContext } from './SnackbarContext';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout = 4500, children }: SnackbarProviderProps) {\n  const { active, announcementKey, createSnackbar, dismissSnackbar, handleExited, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar }), [createSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <SnackbarPortal\n          // Each instance gets a fresh appear transition and live-region announcement.\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","createSnackbar","dismissSnackbar","handleExited","visible","useSnackbarManager","contextValue","useMemo","_jsxs","SnackbarContext","Provider","value","_jsx","SnackbarPortal","props","onDismissRequest","onExited","id"],"mappings":";;;;;;AAWc,SAAUA,gBAAgBA,CAAC;AAAEC,EAAAA,OAAO,GAAG,IAAI;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EAC1F,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,cAAc;IAAEC,eAAe;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACvFC,kBAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAAC,OAAO;AAAEN,IAAAA;GAAgB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;AAE1E,EAAA,oBACEO,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLa,GAAA,CAACC;AACC;AAAA,MAAA;MAAA,GAEId,MAAM,CAACe,KAAK;AAChBd,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBW,MAAAA,gBAAgB,EAAEb,eAAgB;AAClCc,MAAAA,QAAQ,EAAEb;AAAa,KAAA,EANlBJ,MAAM,CAACkB,EAMW,CACvB,GACA,IAAI,EACPnB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}
+{"version":3,"file":"SnackbarProvider.mjs","sources":["../../src/Snackbar/SnackbarProvider.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport SnackbarPortal from './SnackbarPortal';\nimport { SnackbarContext } from './SnackbarContext';\nimport useSnackbarManager from './useSnackbarManager';\n\nexport interface SnackbarProviderProps {\n  /**\n   * @deprecated Use per-Snackbar `duration` instead. Explicit millisecond values remain supported\n   * and are not automatically remapped when no `duration` is supplied.\n   * When neither option is supplied, the default is 4000ms (previously 4500ms), after entry finishes.\n   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`\n   * for intentionally persistent notifications.\n   */\n  timeout?: number;\n  children?: React.ReactNode;\n}\n\nexport default function SnackbarProvider({ timeout, children }: SnackbarProviderProps) {\n  const { active, announcementKey, createSnackbar, dismissSnackbar, handleExited, visible } =\n    useSnackbarManager();\n  const contextValue = useMemo(() => ({ createSnackbar }), [createSnackbar]);\n\n  return (\n    <SnackbarContext.Provider value={contextValue}>\n      {active ? (\n        <SnackbarPortal\n          // Each instance gets a fresh appear transition and live-region announcement.\n          key={active.id}\n          {...active.props}\n          announcementKey={announcementKey}\n          timeout={timeout}\n          visible={visible}\n          onDismissRequest={dismissSnackbar}\n          onExited={handleExited}\n        />\n      ) : null}\n      {children}\n    </SnackbarContext.Provider>\n  );\n}\n"],"names":["SnackbarProvider","timeout","children","active","announcementKey","createSnackbar","dismissSnackbar","handleExited","visible","useSnackbarManager","contextValue","useMemo","_jsxs","SnackbarContext","Provider","value","_jsx","SnackbarPortal","props","onDismissRequest","onExited","id"],"mappings":";;;;;;AAkBc,SAAUA,gBAAgBA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAQ,CAAyB,EAAA;EACnF,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,cAAc;IAAEC,eAAe;IAAEC,YAAY;AAAEC,IAAAA;GAAS,GACvFC,kBAAkB,EAAE;AACtB,EAAA,MAAMC,YAAY,GAAGC,OAAO,CAAC,OAAO;AAAEN,IAAAA;GAAgB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;AAE1E,EAAA,oBACEO,IAAA,CAACC,eAAe,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,YAAa;AAAAR,IAAAA,QAAA,EAAA,CAC3CC,MAAM,gBACLa,GAAA,CAACC;AACC;AAAA,MAAA;MAAA,GAEId,MAAM,CAACe,KAAK;AAChBd,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,OAAO,EAAEA,OAAQ;AACjBW,MAAAA,gBAAgB,EAAEb,eAAgB;AAClCc,MAAAA,QAAQ,EAAEb;AAAa,KAAA,EANlBJ,MAAM,CAACkB,EAMW,CACvB,GACA,IAAI,EACPnB,QAAQ;AAAA,GACe,CAAC;AAE/B;;"}

package/build/Snackbar/constants.js

@@ -2,7 +2,13 @@
 
 const SNACKBAR_ENTER_DURATION = 300;
 const SNACKBAR_EXIT_DURATION = 150;
+/** Default auto-dismiss duration for short feedback, in milliseconds. */
+const SNACKBAR_DEFAULT_DURATION = 4000;
+/** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */
+const SNACKBAR_EXTENDED_DURATION = 6000;
 
+exports.SNACKBAR_DEFAULT_DURATION = SNACKBAR_DEFAULT_DURATION;
 exports.SNACKBAR_ENTER_DURATION = SNACKBAR_ENTER_DURATION;
 exports.SNACKBAR_EXIT_DURATION = SNACKBAR_EXIT_DURATION;
+exports.SNACKBAR_EXTENDED_DURATION = SNACKBAR_EXTENDED_DURATION;
 //# sourceMappingURL=constants.js.map

package/build/Snackbar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION"],"mappings":";;AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;;;"}
+{"version":3,"file":"constants.js","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\n\n/** Default auto-dismiss duration for short feedback, in milliseconds. */\nexport const SNACKBAR_DEFAULT_DURATION = 4000;\n/** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */\nexport const SNACKBAR_EXTENDED_DURATION = 6000;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION"],"mappings":";;AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAEtC;AACO,MAAMC,yBAAyB,GAAG;AACzC;AACO,MAAMC,0BAA0B,GAAG;;;;;"}

package/build/Snackbar/constants.mjs

@@ -1,5 +1,9 @@
 const SNACKBAR_ENTER_DURATION = 300;
 const SNACKBAR_EXIT_DURATION = 150;
+/** Default auto-dismiss duration for short feedback, in milliseconds. */
+const SNACKBAR_DEFAULT_DURATION = 4000;
+/** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */
+const SNACKBAR_EXTENDED_DURATION = 6000;
 
-export { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION };
+export { SNACKBAR_DEFAULT_DURATION, SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION, SNACKBAR_EXTENDED_DURATION };
 //# sourceMappingURL=constants.mjs.map

package/build/Snackbar/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION"],"mappings":"AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;;"}
+{"version":3,"file":"constants.mjs","sources":["../../src/Snackbar/constants.ts"],"sourcesContent":["export const SNACKBAR_ENTER_DURATION = 300;\nexport const SNACKBAR_EXIT_DURATION = 150;\n\n/** Default auto-dismiss duration for short feedback, in milliseconds. */\nexport const SNACKBAR_DEFAULT_DURATION = 4000;\n/** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */\nexport const SNACKBAR_EXTENDED_DURATION = 6000;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION"],"mappings":"AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAEtC;AACO,MAAMC,yBAAyB,GAAG;AACzC;AACO,MAAMC,0BAA0B,GAAG;;"}

package/build/Snackbar/useSnackbarAutoDismiss.js

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./constants.js');
+
+const getAutoDismissDuration = ({
+  duration,
+  timeout
+}) => {
+  if (duration === 'indefinite') {
+    return null;
+  }
+  if (duration === 'extended') {
+    return constants.SNACKBAR_EXTENDED_DURATION;
+  }
+  if (duration === 'default') {
+    return constants.SNACKBAR_DEFAULT_DURATION;
+  }
+  return timeout ?? constants.SNACKBAR_DEFAULT_DURATION;
+};
+/** Starts after entry finishes and pauses on hover or focus, preserving the remaining time. */
+const useSnackbarAutoDismiss = ({
+  duration,
+  onDismissRequest,
+  resetKey,
+  timeout,
+  visible
+}) => {
+  const surfaceRef = React.useRef(null);
+  const hasEnteredRef = React.useRef(false);
+  const timeoutRef = React.useRef(0);
+  const remainingDurationRef = React.useRef(null);
+  const timerStartedAtRef = React.useRef(0);
+  const interactionStateRef = React.useRef({
+    focusWithin: false,
+    hovered: false
+  });
+  const isInterrupted = React.useCallback(() => {
+    const {
+      focusWithin,
+      hovered
+    } = interactionStateRef.current;
+    return focusWithin || hovered;
+  }, []);
+  const clearTimer = React.useCallback(() => {
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = 0;
+  }, []);
+  const startTimer = React.useCallback((remainingDuration = getAutoDismissDuration({
+    duration,
+    timeout
+  })) => {
+    clearTimer();
+    remainingDurationRef.current = remainingDuration;
+    if (!visible || !hasEnteredRef.current || remainingDuration === null || isInterrupted()) {
+      return;
+    }
+    timerStartedAtRef.current = Date.now();
+    timeoutRef.current = window.setTimeout(() => {
+      timeoutRef.current = 0;
+      remainingDurationRef.current = 0;
+      onDismissRequest();
+    }, remainingDuration);
+  }, [clearTimer, duration, isInterrupted, onDismissRequest, timeout, visible]);
+  const pauseTimer = React.useCallback(() => {
+    if (!timeoutRef.current || remainingDurationRef.current === null) {
+      return;
+    }
+    clearTimer();
+    // Count only unpaused time; resuming must not grant another full duration.
+    remainingDurationRef.current = Math.max(0, remainingDurationRef.current - (Date.now() - timerStartedAtRef.current));
+  }, [clearTimer]);
+  const resumeTimer = React.useCallback(() => {
+    if (isInterrupted() || remainingDurationRef.current === null) {
+      return;
+    }
+    startTimer(remainingDurationRef.current);
+  }, [isInterrupted, startTimer]);
+  const handleMouseEnter = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleMouseLeave = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleFocus = React.useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleBlur = React.useCallback(event => {
+    if (event.currentTarget.contains(event.relatedTarget)) {
+      return;
+    }
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleEntered = React.useCallback(() => {
+    hasEnteredRef.current = true;
+    const snackbar = surfaceRef.current;
+    // Entry can finish beneath the pointer or with keyboard focus already inside the surface.
+    interactionStateRef.current = {
+      focusWithin: Boolean(snackbar?.contains(document.activeElement)),
+      hovered: snackbar?.matches(':hover') ?? false
+    };
+    startTimer();
+  }, [startTimer]);
+  React.useEffect(() => {
+    if (!visible) {
+      hasEnteredRef.current = false;
+      clearTimer();
+      return undefined;
+    }
+    // Before onEntered this only prepares the duration; it cannot start the countdown.
+    startTimer();
+    return clearTimer;
+  }, [clearTimer, resetKey, startTimer, visible]);
+  return {
+    handleBlur,
+    handleEntered,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    surfaceRef
+  };
+};
+
+exports.default = useSnackbarAutoDismiss;
+//# sourceMappingURL=useSnackbarAutoDismiss.js.map

package/build/Snackbar/useSnackbarAutoDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarAutoDismiss.js","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/Snackbar/useSnackbarAutoDismiss.mjs

@@ -0,0 +1,139 @@
+import { useRef, useCallback, useEffect } from 'react';
+import { SNACKBAR_EXTENDED_DURATION, SNACKBAR_DEFAULT_DURATION } from './constants.mjs';
+
+const getAutoDismissDuration = ({
+  duration,
+  timeout
+}) => {
+  if (duration === 'indefinite') {
+    return null;
+  }
+  if (duration === 'extended') {
+    return SNACKBAR_EXTENDED_DURATION;
+  }
+  if (duration === 'default') {
+    return SNACKBAR_DEFAULT_DURATION;
+  }
+  return timeout ?? SNACKBAR_DEFAULT_DURATION;
+};
+/** Starts after entry finishes and pauses on hover or focus, preserving the remaining time. */
+const useSnackbarAutoDismiss = ({
+  duration,
+  onDismissRequest,
+  resetKey,
+  timeout,
+  visible
+}) => {
+  const surfaceRef = useRef(null);
+  const hasEnteredRef = useRef(false);
+  const timeoutRef = useRef(0);
+  const remainingDurationRef = useRef(null);
+  const timerStartedAtRef = useRef(0);
+  const interactionStateRef = useRef({
+    focusWithin: false,
+    hovered: false
+  });
+  const isInterrupted = useCallback(() => {
+    const {
+      focusWithin,
+      hovered
+    } = interactionStateRef.current;
+    return focusWithin || hovered;
+  }, []);
+  const clearTimer = useCallback(() => {
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = 0;
+  }, []);
+  const startTimer = useCallback((remainingDuration = getAutoDismissDuration({
+    duration,
+    timeout
+  })) => {
+    clearTimer();
+    remainingDurationRef.current = remainingDuration;
+    if (!visible || !hasEnteredRef.current || remainingDuration === null || isInterrupted()) {
+      return;
+    }
+    timerStartedAtRef.current = Date.now();
+    timeoutRef.current = window.setTimeout(() => {
+      timeoutRef.current = 0;
+      remainingDurationRef.current = 0;
+      onDismissRequest();
+    }, remainingDuration);
+  }, [clearTimer, duration, isInterrupted, onDismissRequest, timeout, visible]);
+  const pauseTimer = useCallback(() => {
+    if (!timeoutRef.current || remainingDurationRef.current === null) {
+      return;
+    }
+    clearTimer();
+    // Count only unpaused time; resuming must not grant another full duration.
+    remainingDurationRef.current = Math.max(0, remainingDurationRef.current - (Date.now() - timerStartedAtRef.current));
+  }, [clearTimer]);
+  const resumeTimer = useCallback(() => {
+    if (isInterrupted() || remainingDurationRef.current === null) {
+      return;
+    }
+    startTimer(remainingDurationRef.current);
+  }, [isInterrupted, startTimer]);
+  const handleMouseEnter = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleMouseLeave = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      hovered: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleFocus = useCallback(() => {
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: true
+    };
+    pauseTimer();
+  }, [pauseTimer]);
+  const handleBlur = useCallback(event => {
+    if (event.currentTarget.contains(event.relatedTarget)) {
+      return;
+    }
+    interactionStateRef.current = {
+      ...interactionStateRef.current,
+      focusWithin: false
+    };
+    resumeTimer();
+  }, [resumeTimer]);
+  const handleEntered = useCallback(() => {
+    hasEnteredRef.current = true;
+    const snackbar = surfaceRef.current;
+    // Entry can finish beneath the pointer or with keyboard focus already inside the surface.
+    interactionStateRef.current = {
+      focusWithin: Boolean(snackbar?.contains(document.activeElement)),
+      hovered: snackbar?.matches(':hover') ?? false
+    };
+    startTimer();
+  }, [startTimer]);
+  useEffect(() => {
+    if (!visible) {
+      hasEnteredRef.current = false;
+      clearTimer();
+      return undefined;
+    }
+    // Before onEntered this only prepares the duration; it cannot start the countdown.
+    startTimer();
+    return clearTimer;
+  }, [clearTimer, resetKey, startTimer, visible]);
+  return {
+    handleBlur,
+    handleEntered,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    surfaceRef
+  };
+};
+
+export { useSnackbarAutoDismiss as default };
+//# sourceMappingURL=useSnackbarAutoDismiss.mjs.map