@transferwise/components 46.167.0 → 46.168.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/README.md +1 -1
  2. package/build/Link/Link.js.map +1 -1
  3. package/build/Link/Link.mjs.map +1 -1
  4. package/build/Loader/Loader.js.map +1 -1
  5. package/build/Loader/Loader.mjs.map +1 -1
  6. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js +2 -1
  7. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js.map +1 -1
  8. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs +2 -1
  9. package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs.map +1 -1
  10. package/build/Prompt/Snackbar/Snackbar.js +205 -0
  11. package/build/Prompt/Snackbar/Snackbar.js.map +1 -0
  12. package/build/Prompt/Snackbar/Snackbar.messages.js +14 -0
  13. package/build/Prompt/Snackbar/Snackbar.messages.js.map +1 -0
  14. package/build/Prompt/Snackbar/Snackbar.messages.mjs +10 -0
  15. package/build/Prompt/Snackbar/Snackbar.messages.mjs.map +1 -0
  16. package/build/Prompt/Snackbar/Snackbar.mjs +203 -0
  17. package/build/Prompt/Snackbar/Snackbar.mjs.map +1 -0
  18. package/build/Prompt/Snackbar/SnackbarContext.js.map +1 -0
  19. package/build/Prompt/Snackbar/SnackbarContext.mjs.map +1 -0
  20. package/build/Prompt/Snackbar/SnackbarPortal.js +12 -0
  21. package/build/Prompt/Snackbar/SnackbarPortal.js.map +1 -0
  22. package/build/Prompt/Snackbar/SnackbarPortal.mjs +8 -0
  23. package/build/Prompt/Snackbar/SnackbarPortal.mjs.map +1 -0
  24. package/build/Prompt/Snackbar/SnackbarProvider.js +42 -0
  25. package/build/Prompt/Snackbar/SnackbarProvider.js.map +1 -0
  26. package/build/Prompt/Snackbar/SnackbarProvider.mjs +38 -0
  27. package/build/Prompt/Snackbar/SnackbarProvider.mjs.map +1 -0
  28. package/build/Prompt/Snackbar/constants.js +17 -0
  29. package/build/Prompt/Snackbar/constants.js.map +1 -0
  30. package/build/Prompt/Snackbar/constants.mjs +11 -0
  31. package/build/Prompt/Snackbar/constants.mjs.map +1 -0
  32. package/build/Prompt/Snackbar/useSnackbar.js.map +1 -0
  33. package/build/Prompt/Snackbar/useSnackbar.mjs.map +1 -0
  34. package/build/Prompt/Snackbar/useSnackbarAutoDismiss.js +66 -0
  35. package/build/Prompt/Snackbar/useSnackbarAutoDismiss.js.map +1 -0
  36. package/build/Prompt/Snackbar/useSnackbarAutoDismiss.mjs +62 -0
  37. package/build/Prompt/Snackbar/useSnackbarAutoDismiss.mjs.map +1 -0
  38. package/build/Prompt/Snackbar/useSnackbarManager.js +153 -0
  39. package/build/Prompt/Snackbar/useSnackbarManager.js.map +1 -0
  40. package/build/Prompt/Snackbar/useSnackbarManager.mjs +149 -0
  41. package/build/Prompt/Snackbar/useSnackbarManager.mjs.map +1 -0
  42. package/build/Prompt/Snackbar/useSnackbarSwipeDismiss.js +135 -0
  43. package/build/Prompt/Snackbar/useSnackbarSwipeDismiss.js.map +1 -0
  44. package/build/Prompt/Snackbar/useSnackbarSwipeDismiss.mjs +131 -0
  45. package/build/Prompt/Snackbar/useSnackbarSwipeDismiss.mjs.map +1 -0
  46. package/build/Section/Section.js.map +1 -1
  47. package/build/Section/Section.mjs.map +1 -1
  48. package/build/_deprecated/Select/Select.js +1 -1
  49. package/build/_deprecated/Select/Select.js.map +1 -1
  50. package/build/_deprecated/Select/Select.mjs +1 -1
  51. package/build/_deprecated/Select/Select.mjs.map +1 -1
  52. package/build/common/BottomSheet/BottomSheet.js +1 -3
  53. package/build/common/BottomSheet/BottomSheet.js.map +1 -1
  54. package/build/common/BottomSheet/BottomSheet.mjs +1 -3
  55. package/build/common/BottomSheet/BottomSheet.mjs.map +1 -1
  56. package/build/i18n/en.json +1 -0
  57. package/build/i18n/en.json.js +1 -0
  58. package/build/i18n/en.json.js.map +1 -1
  59. package/build/i18n/en.json.mjs +1 -0
  60. package/build/i18n/en.json.mjs.map +1 -1
  61. package/build/index.js +3 -3
  62. package/build/index.mjs +3 -3
  63. package/build/main.css +137 -75
  64. package/build/styles/IconButton/IconButton.css +3 -4
  65. package/build/styles/Prompt/Snackbar/Snackbar.css +134 -0
  66. package/build/styles/main.css +137 -75
  67. package/build/types/Link/Link.d.ts +1 -1
  68. package/build/types/Loader/Loader.d.ts +1 -1
  69. package/build/types/Prompt/PrimitivePrompt/PrimitivePrompt.d.ts +11 -0
  70. package/build/types/Prompt/PrimitivePrompt/PrimitivePrompt.d.ts.map +1 -1
  71. package/build/types/Prompt/Snackbar/Snackbar.d.ts +62 -0
  72. package/build/types/Prompt/Snackbar/Snackbar.d.ts.map +1 -0
  73. package/build/types/Prompt/Snackbar/Snackbar.messages.d.ts +9 -0
  74. package/build/types/Prompt/Snackbar/Snackbar.messages.d.ts.map +1 -0
  75. package/build/types/Prompt/Snackbar/Snackbar.types.d.ts +12 -0
  76. package/build/types/Prompt/Snackbar/Snackbar.types.d.ts.map +1 -0
  77. package/build/types/{Snackbar → Prompt/Snackbar}/SnackbarContext.d.ts +2 -2
  78. package/build/types/Prompt/Snackbar/SnackbarContext.d.ts.map +1 -0
  79. package/build/types/Prompt/Snackbar/SnackbarPortal.d.ts +4 -0
  80. package/build/types/Prompt/Snackbar/SnackbarPortal.d.ts.map +1 -0
  81. package/build/types/Prompt/Snackbar/SnackbarProvider.d.ts +13 -0
  82. package/build/types/Prompt/Snackbar/SnackbarProvider.d.ts.map +1 -0
  83. package/build/types/Prompt/Snackbar/constants.d.ts +9 -0
  84. package/build/types/Prompt/Snackbar/constants.d.ts.map +1 -0
  85. package/build/types/{Snackbar → Prompt/Snackbar}/index.d.ts +1 -1
  86. package/build/types/Prompt/Snackbar/index.d.ts.map +1 -0
  87. package/build/types/Prompt/Snackbar/useSnackbar.d.ts +3 -0
  88. package/build/types/Prompt/Snackbar/useSnackbar.d.ts.map +1 -0
  89. package/build/types/Prompt/Snackbar/useSnackbarAutoDismiss.d.ts +13 -0
  90. package/build/types/Prompt/Snackbar/useSnackbarAutoDismiss.d.ts.map +1 -0
  91. package/build/types/Prompt/Snackbar/useSnackbarManager.d.ts +20 -0
  92. package/build/types/Prompt/Snackbar/useSnackbarManager.d.ts.map +1 -0
  93. package/build/types/Prompt/Snackbar/useSnackbarSwipeDismiss.d.ts +22 -0
  94. package/build/types/Prompt/Snackbar/useSnackbarSwipeDismiss.d.ts.map +1 -0
  95. package/build/types/Section/Section.d.ts +1 -1
  96. package/build/types/_deprecated/Select/Select.d.ts +1 -1
  97. package/build/types/common/BottomSheet/BottomSheet.d.ts +1 -3
  98. package/build/types/common/BottomSheet/BottomSheet.d.ts.map +1 -1
  99. package/build/types/index.d.ts +5 -5
  100. package/build/types/index.d.ts.map +1 -1
  101. package/build/types/test-utils/index.d.ts +2 -0
  102. package/build/types/test-utils/index.d.ts.map +1 -1
  103. package/package.json +2 -2
  104. package/src/IconButton/IconButton.css +3 -4
  105. package/src/IconButton/IconButton.less +14 -1
  106. package/src/Link/Link.tsx +1 -1
  107. package/src/ListItem/AdditionalInfo/_stories/ListItemAdditionalInfo.story.tsx +1 -1
  108. package/src/ListItem/AvatarView/_stories/ListItemAvatarView.story.tsx +3 -3
  109. package/src/ListItem/_stories/ListItem.disabled.story.tsx +1 -1
  110. package/src/ListItem/_stories/ListItem.scenarios.story.tsx +2 -2
  111. package/src/Loader/Loader.tsx +1 -1
  112. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.test.tsx +24 -1
  113. package/src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx +8 -2
  114. package/src/Prompt/Snackbar/Snackbar.css +134 -0
  115. package/src/Prompt/Snackbar/Snackbar.less +159 -0
  116. package/src/Prompt/Snackbar/Snackbar.messages.ts +9 -0
  117. package/src/Prompt/Snackbar/Snackbar.test.tsx +1079 -0
  118. package/src/Prompt/Snackbar/Snackbar.tsx +245 -0
  119. package/src/Prompt/Snackbar/Snackbar.types.ts +17 -0
  120. package/src/{Snackbar → Prompt/Snackbar}/SnackbarContext.ts +2 -2
  121. package/src/Prompt/Snackbar/SnackbarPortal.tsx +8 -0
  122. package/src/Prompt/Snackbar/SnackbarProvider.test.tsx +783 -0
  123. package/src/Prompt/Snackbar/SnackbarProvider.tsx +41 -0
  124. package/src/Prompt/Snackbar/_stories/Snackbar.accessibility.docs.mdx +58 -0
  125. package/src/{Snackbar → Prompt/Snackbar}/_stories/Snackbar.rtl.test.story.tsx +17 -9
  126. package/src/Prompt/Snackbar/_stories/Snackbar.story.tsx +416 -0
  127. package/src/Prompt/Snackbar/_stories/Snackbar.test.story.tsx +263 -0
  128. package/src/Prompt/Snackbar/constants.ts +10 -0
  129. package/src/{Snackbar → Prompt/Snackbar}/index.ts +1 -1
  130. package/src/Prompt/Snackbar/useSnackbarAutoDismiss.ts +74 -0
  131. package/src/Prompt/Snackbar/useSnackbarManager.ts +169 -0
  132. package/src/Prompt/Snackbar/useSnackbarSwipeDismiss.ts +169 -0
  133. package/src/Section/Section.tsx +1 -1
  134. package/src/_deprecated/Select/Select.tsx +1 -1
  135. package/src/_deprecated/Select/_stories/Select.story.tsx +1 -1
  136. package/src/common/BottomSheet/BottomSheet.tsx +1 -3
  137. package/src/i18n/en.json +1 -0
  138. package/src/index.ts +5 -5
  139. package/src/main.css +137 -75
  140. package/src/main.less +1 -1
  141. package/build/Snackbar/Snackbar.js +0 -128
  142. package/build/Snackbar/Snackbar.js.map +0 -1
  143. package/build/Snackbar/Snackbar.mjs +0 -123
  144. package/build/Snackbar/Snackbar.mjs.map +0 -1
  145. package/build/Snackbar/SnackbarContext.js.map +0 -1
  146. package/build/Snackbar/SnackbarContext.mjs.map +0 -1
  147. package/build/Snackbar/SnackbarProvider.js +0 -46
  148. package/build/Snackbar/SnackbarProvider.js.map +0 -1
  149. package/build/Snackbar/SnackbarProvider.mjs +0 -42
  150. package/build/Snackbar/SnackbarProvider.mjs.map +0 -1
  151. package/build/Snackbar/useSnackbar.js.map +0 -1
  152. package/build/Snackbar/useSnackbar.mjs.map +0 -1
  153. package/build/styles/Snackbar/Snackbar.css +0 -71
  154. package/build/types/Snackbar/Snackbar.d.ts +0 -16
  155. package/build/types/Snackbar/Snackbar.d.ts.map +0 -1
  156. package/build/types/Snackbar/SnackbarContext.d.ts.map +0 -1
  157. package/build/types/Snackbar/SnackbarProvider.d.ts +0 -6
  158. package/build/types/Snackbar/SnackbarProvider.d.ts.map +0 -1
  159. package/build/types/Snackbar/index.d.ts.map +0 -1
  160. package/build/types/Snackbar/useSnackbar.d.ts +0 -3
  161. package/build/types/Snackbar/useSnackbar.d.ts.map +0 -1
  162. package/src/Snackbar/Snackbar.css +0 -71
  163. package/src/Snackbar/Snackbar.less +0 -80
  164. package/src/Snackbar/Snackbar.test.tsx +0 -206
  165. package/src/Snackbar/Snackbar.tsx +0 -129
  166. package/src/Snackbar/SnackbarProvider.tsx +0 -33
  167. package/src/Snackbar/_stories/Snackbar.story.tsx +0 -89
  168. package/src/Snackbar/_stories/Snackbar.test.story.tsx +0 -139
  169. /package/build/{Snackbar → Prompt/Snackbar}/SnackbarContext.js +0 -0
  170. /package/build/{Snackbar → Prompt/Snackbar}/SnackbarContext.mjs +0 -0
  171. /package/build/{Snackbar → Prompt/Snackbar}/useSnackbar.js +0 -0
  172. /package/build/{Snackbar → Prompt/Snackbar}/useSnackbar.mjs +0 -0
  173. /package/src/{Snackbar → Prompt/Snackbar}/useSnackbar.ts +0 -0
@@ -0,0 +1,203 @@
1
+ import { Tags } from '@transferwise/icons';
2
+ import { useEffect } from 'react';
3
+ import { useIntl } from 'react-intl';
4
+ import { CSSTransition } from 'react-transition-group';
5
+ import Button from '../../Button/Button.resolver.mjs';
6
+ import Body from '../../Body/Body.mjs';
7
+ import '../../common/theme.mjs';
8
+ import '../../common/direction.mjs';
9
+ import '@transferwise/neptune-tokens';
10
+ import '../../common/PropsValues/control.mjs';
11
+ import '../../common/PropsValues/size.mjs';
12
+ import '../../common/PropsValues/typography.mjs';
13
+ import '../../common/PropsValues/width.mjs';
14
+ import '../../common/PropsValues/type.mjs';
15
+ import '../../common/PropsValues/dateMode.mjs';
16
+ import '../../common/PropsValues/monthFormat.mjs';
17
+ import '../../common/PropsValues/position.mjs';
18
+ import '../../common/PropsValues/layouts.mjs';
19
+ import '../../common/PropsValues/status.mjs';
20
+ import '../../common/PropsValues/sentiment.mjs';
21
+ import '../../common/PropsValues/profileType.mjs';
22
+ import '../../common/PropsValues/variant.mjs';
23
+ import '../../common/PropsValues/scroll.mjs';
24
+ import '../../common/PropsValues/markdownNodeType.mjs';
25
+ import '../../common/fileType.mjs';
26
+ import '@transferwise/formatting';
27
+ import 'clsx';
28
+ import '../../common/CloseButton/CloseButton.messages.mjs';
29
+ import { jsx, jsxs } from 'react/jsx-runtime';
30
+ import { LiveRegion } from '../../common/LiveRegion/LiveRegion.mjs';
31
+ import { PrimitivePrompt } from '../PrimitivePrompt/PrimitivePrompt.mjs';
32
+ import ProcessIndicator from '../../ProcessIndicator/ProcessIndicator.mjs';
33
+ import StatusIcon from '../../StatusIcon/StatusIcon.mjs';
34
+ import { SNACKBAR_EXIT_DURATION, SNACKBAR_ENTER_DURATION } from './constants.mjs';
35
+ import messages from './Snackbar.messages.mjs';
36
+ import useSnackbarAutoDismiss from './useSnackbarAutoDismiss.mjs';
37
+ import useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss.mjs';
38
+
39
+ const Snackbar = ({
40
+ action,
41
+ announcementKey,
42
+ duration,
43
+ loading = false,
44
+ media,
45
+ onDismissRequest,
46
+ onExited,
47
+ sentiment = 'neutral',
48
+ text,
49
+ timeout,
50
+ visible
51
+ }) => {
52
+ const {
53
+ formatMessage
54
+ } = useIntl();
55
+ const {
56
+ handleBlur,
57
+ handleEntered,
58
+ handleFocus,
59
+ handleMouseEnter,
60
+ handleMouseLeave,
61
+ setSwiping,
62
+ surfaceRef
63
+ } = useSnackbarAutoDismiss({
64
+ duration,
65
+ loading,
66
+ onDismissRequest,
67
+ timeout,
68
+ visible
69
+ });
70
+ const {
71
+ clearSwipePosition,
72
+ containerRef,
73
+ handleClickCapture,
74
+ handlePointerCancel,
75
+ handlePointerDown,
76
+ handlePointerMove,
77
+ handlePointerUp
78
+ } = useSnackbarSwipeDismiss({
79
+ onDismissRequest,
80
+ onSwipeChange: setSwiping,
81
+ visible
82
+ });
83
+ useEffect(() => {
84
+ if (!visible) {
85
+ return undefined;
86
+ }
87
+ const handleKeyDown = event => {
88
+ if (event.key === 'Escape' && !event.defaultPrevented && !event.isComposing) {
89
+ onDismissRequest();
90
+ }
91
+ };
92
+ // Let document-level overlays consume Escape before this fallback handles it.
93
+ window.addEventListener('keydown', handleKeyDown);
94
+ return () => window.removeEventListener('keydown', handleKeyDown);
95
+ }, [visible, onDismissRequest]);
96
+ const handleActionClick = event => {
97
+ try {
98
+ action?.onClick?.(event);
99
+ } finally {
100
+ onDismissRequest();
101
+ }
102
+ };
103
+ const renderMedia = () => {
104
+ if (loading) {
105
+ return /*#__PURE__*/jsx(ProcessIndicator, {
106
+ className: "wds-Snackbar__process-indicator",
107
+ "data-testid": "Snackbar_ProcessIndicator",
108
+ size: "xs"
109
+ });
110
+ }
111
+ if (media) {
112
+ return /*#__PURE__*/jsx("span", {
113
+ className: "wds-Snackbar__media-asset",
114
+ children: media
115
+ });
116
+ }
117
+ if (sentiment === 'proposition') {
118
+ return /*#__PURE__*/jsx("span", {
119
+ className: "wds-Snackbar__media-asset",
120
+ children: /*#__PURE__*/jsx(Tags, {
121
+ "aria-hidden": true,
122
+ size: 24
123
+ })
124
+ });
125
+ }
126
+ return /*#__PURE__*/jsx(StatusIcon, {
127
+ sentiment: sentiment,
128
+ size: 24
129
+ });
130
+ };
131
+ return /*#__PURE__*/jsx("div", {
132
+ ref: containerRef,
133
+ className: "wds-Snackbar",
134
+ style: {
135
+ '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,
136
+ '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`
137
+ },
138
+ children: /*#__PURE__*/jsx(CSSTransition, {
139
+ appear: true,
140
+ nodeRef: surfaceRef,
141
+ in: visible,
142
+ classNames: "wds-Snackbar-container",
143
+ timeout: {
144
+ appear: SNACKBAR_ENTER_DURATION,
145
+ enter: SNACKBAR_ENTER_DURATION,
146
+ exit: SNACKBAR_EXIT_DURATION
147
+ },
148
+ unmountOnExit: true,
149
+ onEntered: handleEntered,
150
+ onExited: () => {
151
+ clearSwipePosition();
152
+ onExited();
153
+ },
154
+ children: /*#__PURE__*/jsx(PrimitivePrompt, {
155
+ ref: surfaceRef,
156
+ className: "wds-Snackbar-container",
157
+ sentiment: loading ? 'neutral' : sentiment,
158
+ emphasis: "elevated",
159
+ media: renderMedia(),
160
+ dismissButtonPriority: "minimal",
161
+ onDismiss: onDismissRequest,
162
+ onMouseEnter: handleMouseEnter,
163
+ onMouseLeave: handleMouseLeave,
164
+ onFocus: handleFocus,
165
+ onBlur: handleBlur,
166
+ onClickCapture: handleClickCapture,
167
+ onDragStart: event => event.preventDefault(),
168
+ onPointerDown: visible ? handlePointerDown : undefined,
169
+ onPointerMove: handlePointerMove,
170
+ onPointerUp: handlePointerUp,
171
+ onPointerCancel: handlePointerCancel,
172
+ children: /*#__PURE__*/jsxs("div", {
173
+ className: "wds-Snackbar__content",
174
+ children: [/*#__PURE__*/jsx(LiveRegion, {
175
+ "aria-live": "polite",
176
+ announceOnChange: announcementKey,
177
+ className: "wds-Snackbar__message",
178
+ children: /*#__PURE__*/jsxs(Body, {
179
+ as: "span",
180
+ className: "wds-Snackbar__body",
181
+ children: [text, /*#__PURE__*/jsxs("span", {
182
+ className: "sr-only",
183
+ children: [" ", formatMessage(messages.escapeDismissHint)]
184
+ })]
185
+ })
186
+ }), action ? /*#__PURE__*/jsx(Button, {
187
+ className: "wds-Snackbar__action",
188
+ v2: true,
189
+ size: "sm",
190
+ priority: "secondary",
191
+ href: action.href,
192
+ target: action.target,
193
+ onClick: handleActionClick,
194
+ children: action.label
195
+ }) : null]
196
+ })
197
+ })
198
+ })
199
+ });
200
+ };
201
+
202
+ export { Snackbar };
203
+ //# sourceMappingURL=Snackbar.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Snackbar.mjs","sources":["../../../src/Prompt/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button, { type ButtonReferenceType } from '../../Button';\nimport Body from '../../Body';\nimport { LiveRegion } from '../../common';\nimport type { ThemeDark, ThemeLight } from '../../common';\nimport { PrimitivePrompt } from '../PrimitivePrompt';\nimport ProcessIndicator from '../../ProcessIndicator';\nimport type { Sentiment } from '../../SentimentSurface';\nimport StatusIcon from '../../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport messages from './Snackbar.messages';\nimport type { SnackbarAction, SnackbarDuration } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\nimport useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss';\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 callback or navigation action. Activating it dismisses after its callback runs. */\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 /**\n * Replaces the media with a progress indicator, uses neutral styling and prevents auto-dismiss.\n * Takes precedence over `media`, `sentiment`, `duration` and the deprecated `timeout`.\n * @default false\n */\n loading?: boolean;\n /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n media?: React.ReactNode;\n /**\n * Called once after this Snackbar finishes exiting, including after an action (e.g. Undo)\n * or replacement by a newer Snackbar. The action callback runs first.\n * Not called for Snackbars discarded before being shown, such as earlier creates batched\n * before the first render.\n */\n onDismiss?: () => void;\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 loading = false,\n media,\n onDismissRequest,\n onExited,\n sentiment = 'neutral',\n text,\n timeout,\n visible,\n}: SnackbarProps) => {\n const { formatMessage } = useIntl();\n const {\n handleBlur,\n handleEntered,\n handleFocus,\n handleMouseEnter,\n handleMouseLeave,\n setSwiping,\n surfaceRef,\n } = useSnackbarAutoDismiss({\n duration,\n loading,\n onDismissRequest,\n timeout,\n visible,\n });\n const {\n clearSwipePosition,\n containerRef,\n handleClickCapture,\n handlePointerCancel,\n handlePointerDown,\n handlePointerMove,\n handlePointerUp,\n } = useSnackbarSwipeDismiss({ onDismissRequest, onSwipeChange: setSwiping, visible });\n\n useEffect(() => {\n if (!visible) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && !event.defaultPrevented && !event.isComposing) {\n onDismissRequest();\n }\n };\n\n // Let document-level overlays consume Escape before this fallback handles it.\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [visible, onDismissRequest]);\n\n const handleActionClick: React.MouseEventHandler<ButtonReferenceType> = (event) => {\n try {\n action?.onClick?.(event);\n } finally {\n onDismissRequest();\n }\n };\n\n const renderMedia = () => {\n if (loading) {\n return (\n <ProcessIndicator\n className=\"wds-Snackbar__process-indicator\"\n data-testid=\"Snackbar_ProcessIndicator\"\n size=\"xs\"\n />\n );\n }\n\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 ref={containerRef}\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={() => {\n clearSwipePosition();\n onExited();\n }}\n >\n <PrimitivePrompt\n ref={surfaceRef}\n className=\"wds-Snackbar-container\"\n sentiment={loading ? 'neutral' : sentiment}\n emphasis=\"elevated\"\n media={renderMedia()}\n dismissButtonPriority=\"minimal\"\n onDismiss={onDismissRequest}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onClickCapture={handleClickCapture}\n onDragStart={(event) => event.preventDefault()}\n onPointerDown={visible ? handlePointerDown : undefined}\n onPointerMove={handlePointerMove}\n onPointerUp={handlePointerUp}\n onPointerCancel={handlePointerCancel}\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 <span className=\"sr-only\"> {formatMessage(messages.escapeDismissHint)}</span>\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={handleActionClick}\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","loading","media","onDismissRequest","onExited","sentiment","text","timeout","visible","formatMessage","useIntl","handleBlur","handleEntered","handleFocus","handleMouseEnter","handleMouseLeave","setSwiping","surfaceRef","useSnackbarAutoDismiss","clearSwipePosition","containerRef","handleClickCapture","handlePointerCancel","handlePointerDown","handlePointerMove","handlePointerUp","useSnackbarSwipeDismiss","onSwipeChange","useEffect","undefined","handleKeyDown","event","key","defaultPrevented","isComposing","window","addEventListener","removeEventListener","handleActionClick","onClick","renderMedia","_jsx","ProcessIndicator","className","size","children","Tags","StatusIcon","ref","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","onEntered","PrimitivePrompt","emphasis","dismissButtonPriority","onDismiss","onMouseEnter","onMouseLeave","onFocus","onBlur","onClickCapture","onDragStart","preventDefault","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","_jsxs","LiveRegion","announceOnChange","Body","as","messages","escapeDismissHint","Button","v2","priority","href","target","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EO,MAAMA,QAAQ,GAAGA,CAAC;EACvBC,MAAM;EACNC,eAAe;EACfC,QAAQ;AACRC,EAAAA,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;AACRC,EAAAA,SAAS,GAAG,SAAS;EACrBC,IAAI;EACJC,OAAO;AACPC,EAAAA;AAAO,CACO,KAAI;EAClB,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,EAAE;EACnC,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,gBAAgB;IAChBC,gBAAgB;IAChBC,UAAU;AACVC,IAAAA;GACD,GAAGC,sBAAsB,CAAC;IACzBlB,QAAQ;IACRC,OAAO;IACPE,gBAAgB;IAChBI,OAAO;AACPC,IAAAA;AACD,GAAA,CAAC;EACF,MAAM;IACJW,kBAAkB;IAClBC,YAAY;IACZC,kBAAkB;IAClBC,mBAAmB;IACnBC,iBAAiB;IACjBC,iBAAiB;AACjBC,IAAAA;GACD,GAAGC,uBAAuB,CAAC;IAAEvB,gBAAgB;AAAEwB,IAAAA,aAAa,EAAEX,UAAU;AAAER,IAAAA;AAAO,GAAE,CAAC;AAErFoB,EAAAA,SAAS,CAAC,MAAK;IACb,IAAI,CAACpB,OAAO,EAAE;AACZ,MAAA,OAAOqB,SAAS;AAClB,IAAA;IAEA,MAAMC,aAAa,GAAIC,KAAoB,IAAI;AAC7C,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACD,KAAK,CAACE,gBAAgB,IAAI,CAACF,KAAK,CAACG,WAAW,EAAE;AAC3E/B,QAAAA,gBAAgB,EAAE;AACpB,MAAA;IACF,CAAC;AAED;AACAgC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC;IACjD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC;AACnE,EAAA,CAAC,EAAE,CAACtB,OAAO,EAAEL,gBAAgB,CAAC,CAAC;EAE/B,MAAMmC,iBAAiB,GAAkDP,KAAK,IAAI;IAChF,IAAI;AACFjC,MAAAA,MAAM,EAAEyC,OAAO,GAAGR,KAAK,CAAC;AAC1B,IAAA,CAAC,SAAS;AACR5B,MAAAA,gBAAgB,EAAE;AACpB,IAAA;EACF,CAAC;EAED,MAAMqC,WAAW,GAAGA,MAAK;AACvB,IAAA,IAAIvC,OAAO,EAAE;MACX,oBACEwC,GAAA,CAACC,gBAAgB,EAAA;AACfC,QAAAA,SAAS,EAAC,iCAAiC;AAC3C,QAAA,aAAA,EAAY,2BAA2B;AACvCC,QAAAA,IAAI,EAAC;AAAI,OAAA,CACT;AAEN,IAAA;AAEA,IAAA,IAAI1C,KAAK,EAAE;AACT,MAAA,oBAAOuC,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2BAA2B;AAAAE,QAAAA,QAAA,EAAE3C;AAAK,OAAO,CAAC;AACnE,IAAA;IAEA,IAAIG,SAAS,KAAK,aAAa,EAAE;AAC/B,MAAA,oBACEoC,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2BAA2B;QAAAE,QAAA,eACzCJ,GAAA,CAACK,IAAI,EAAA;UAAC,aAAA,EAAA,IAAW;AAACF,UAAAA,IAAI,EAAE;SAAG;AAC7B,OAAM,CAAC;AAEX,IAAA;IAEA,oBAAOH,GAAA,CAACM,UAAU,EAAA;AAAC1C,MAAAA,SAAS,EAAEA,SAAU;AAACuC,MAAAA,IAAI,EAAE;AAAG,MAAG;EACvD,CAAC;AAED,EAAA,oBACEH,GAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,GAAG,EAAE5B,YAAa;AAClBuB,IAAAA,SAAS,EAAC,cAAc;AACxBM,IAAAA,KAAK,EACH;MACE,2BAA2B,EAAE,CAAA,EAAGC,uBAAuB,CAAA,EAAA,CAAI;MAC3D,0BAA0B,EAAE,GAAGC,sBAAsB,CAAA,EAAA;KAExD;IAAAN,QAAA,eAEDJ,GAAA,CAACW,aAAa,EAAA;MACZC,MAAM,EAAA,IAAA;AACNC,MAAAA,OAAO,EAAErC,UAAW;AACpBsC,MAAAA,EAAE,EAAE/C,OAAQ;AACZgD,MAAAA,UAAU,EAAC,wBAAwB;AACnCjD,MAAAA,OAAO,EAAE;AACP8C,QAAAA,MAAM,EAAEH,uBAAuB;AAC/BO,QAAAA,KAAK,EAAEP,uBAAuB;AAC9BQ,QAAAA,IAAI,EAAEP;OACN;MACFQ,aAAa,EAAA,IAAA;AACbC,MAAAA,SAAS,EAAEhD,aAAc;MACzBR,QAAQ,EAAEA,MAAK;AACbe,QAAAA,kBAAkB,EAAE;AACpBf,QAAAA,QAAQ,EAAE;MACZ,CAAE;MAAAyC,QAAA,eAEFJ,GAAA,CAACoB,eAAe,EAAA;AACdb,QAAAA,GAAG,EAAE/B,UAAW;AAChB0B,QAAAA,SAAS,EAAC,wBAAwB;AAClCtC,QAAAA,SAAS,EAAEJ,OAAO,GAAG,SAAS,GAAGI,SAAU;AAC3CyD,QAAAA,QAAQ,EAAC,UAAU;QACnB5D,KAAK,EAAEsC,WAAW,EAAG;AACrBuB,QAAAA,qBAAqB,EAAC,SAAS;AAC/BC,QAAAA,SAAS,EAAE7D,gBAAiB;AAC5B8D,QAAAA,YAAY,EAAEnD,gBAAiB;AAC/BoD,QAAAA,YAAY,EAAEnD,gBAAiB;AAC/BoD,QAAAA,OAAO,EAAEtD,WAAY;AACrBuD,QAAAA,MAAM,EAAEzD,UAAW;AACnB0D,QAAAA,cAAc,EAAEhD,kBAAmB;AACnCiD,QAAAA,WAAW,EAAGvC,KAAK,IAAKA,KAAK,CAACwC,cAAc,EAAG;AAC/CC,QAAAA,aAAa,EAAEhE,OAAO,GAAGe,iBAAiB,GAAGM,SAAU;AACvD4C,QAAAA,aAAa,EAAEjD,iBAAkB;AACjCkD,QAAAA,WAAW,EAAEjD,eAAgB;AAC7BkD,QAAAA,eAAe,EAAErD,mBAAoB;AAAAuB,QAAAA,QAAA,eAErC+B,IAAA,CAAA,KAAA,EAAA;AAAKjC,UAAAA,SAAS,EAAC,uBAAuB;UAAAE,QAAA,EAAA,cACpCJ,GAAA,CAACoC,UAAU,EAAA;AACT,YAAA,WAAA,EAAU,QAAQ;AAClBC,YAAAA,gBAAgB,EAAE/E,eAAgB;AAClC4C,YAAAA,SAAS,EAAC,uBAAuB;YAAAE,QAAA,eAEjC+B,IAAA,CAACG,IAAI,EAAA;AAACC,cAAAA,EAAE,EAAC,MAAM;AAACrC,cAAAA,SAAS,EAAC,oBAAoB;cAAAE,QAAA,EAAA,CAC3CvC,IAAI,eACLsE,IAAA,CAAA,MAAA,EAAA;AAAMjC,gBAAAA,SAAS,EAAC,SAAS;gBAAAE,QAAA,EAAA,CAAE,GAAA,EAACpC,aAAa,CAACwE,QAAQ,CAACC,iBAAiB,CAAC;AAAA,eAAO,CAC9E;aAAM;AACR,WAAY,CACZ,EAACpF,MAAM,gBACL2C,GAAA,CAAC0C,MAAM,EAAA;AACLxC,YAAAA,SAAS,EAAC,sBAAsB;YAChCyC,EAAE,EAAA,IAAA;AACFxC,YAAAA,IAAI,EAAC,IAAI;AACTyC,YAAAA,QAAQ,EAAC,WAAW;YACpBC,IAAI,EAAExF,MAAM,CAACwF,IAAK;YAClBC,MAAM,EAAEzF,MAAM,CAACyF,MAAO;AACtBhD,YAAAA,OAAO,EAAED,iBAAkB;YAAAO,QAAA,EAE1B/C,MAAM,CAAC0F;WACF,CAAC,GACP,IAAI;SACL;OACU;KACJ;AACjB,GAAK,CAAC;AAEV;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarContext.js","sources":["../../../src/Prompt/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport type SnackbarContextType = {\n createSnackbar: (props: SnackbarCreationProps) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;;;AAQO,MAAMA,eAAe,gBAAGC,mBAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarContext.mjs","sources":["../../../src/Prompt/Snackbar/SnackbarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { SnackbarCreationProps } from './Snackbar.types';\n\nexport type SnackbarContextType = {\n createSnackbar: (props: SnackbarCreationProps) => void;\n};\n\nexport const SnackbarContext = createContext<SnackbarContextType>({ createSnackbar: () => {} });\n\nexport const SnackbarConsumer = SnackbarContext.Consumer;\n"],"names":["SnackbarContext","createContext","createSnackbar","SnackbarConsumer","Consumer"],"mappings":";;AAQO,MAAMA,eAAe,gBAAGC,aAAa,CAAsB;EAAEC,cAAc,EAAEA,MAAK,CAAE;AAAC,CAAE;AAEvF,MAAMC,gBAAgB,GAAGH,eAAe,CAACI;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var WithNextPortal = require('../../WithNextPortal/WithNextPortal.js');
6
+ var Snackbar = require('./Snackbar.js');
7
+
8
+ /** Renders the Snackbar into `document.body` after mount, so it's safe for SSR. */
9
+ const SnackbarPortal = WithNextPortal.default(Snackbar.Snackbar);
10
+
11
+ exports.default = SnackbarPortal;
12
+ //# sourceMappingURL=SnackbarPortal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarPortal.js","sources":["../../../src/Prompt/Snackbar/SnackbarPortal.tsx"],"sourcesContent":["import withNextPortal from '../../WithNextPortal/WithNextPortal';\n\nimport { Snackbar } from './Snackbar';\n\n/** Renders the Snackbar into `document.body` after mount, so it's safe for SSR. */\nconst SnackbarPortal = withNextPortal(Snackbar);\n\nexport default SnackbarPortal;\n"],"names":["SnackbarPortal","withNextPortal","Snackbar"],"mappings":";;;;;;;AAIA;AACA,MAAMA,cAAc,GAAGC,sBAAc,CAACC,iBAAQ;;"}
@@ -0,0 +1,8 @@
1
+ import withNextPortalWrapper from '../../WithNextPortal/WithNextPortal.mjs';
2
+ import { Snackbar } from './Snackbar.mjs';
3
+
4
+ /** Renders the Snackbar into `document.body` after mount, so it's safe for SSR. */
5
+ const SnackbarPortal = withNextPortalWrapper(Snackbar);
6
+
7
+ export { SnackbarPortal as default };
8
+ //# sourceMappingURL=SnackbarPortal.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarPortal.mjs","sources":["../../../src/Prompt/Snackbar/SnackbarPortal.tsx"],"sourcesContent":["import withNextPortal from '../../WithNextPortal/WithNextPortal';\n\nimport { Snackbar } from './Snackbar';\n\n/** Renders the Snackbar into `document.body` after mount, so it's safe for SSR. */\nconst SnackbarPortal = withNextPortal(Snackbar);\n\nexport default SnackbarPortal;\n"],"names":["SnackbarPortal","withNextPortal","Snackbar"],"mappings":";;;AAIA;AACA,MAAMA,cAAc,GAAGC,qBAAc,CAACC,QAAQ;;"}
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var SnackbarPortal = require('./SnackbarPortal.js');
7
+ var SnackbarContext = require('./SnackbarContext.js');
8
+ var useSnackbarManager = require('./useSnackbarManager.js');
9
+ var jsxRuntime = require('react/jsx-runtime');
10
+
11
+ function SnackbarProvider({
12
+ timeout,
13
+ children
14
+ }) {
15
+ const {
16
+ active,
17
+ announcementKey,
18
+ createSnackbar,
19
+ dismissSnackbar,
20
+ handleExited,
21
+ visible
22
+ } = useSnackbarManager.default();
23
+ const contextValue = React.useMemo(() => ({
24
+ createSnackbar
25
+ }), [createSnackbar]);
26
+ return /*#__PURE__*/jsxRuntime.jsxs(SnackbarContext.SnackbarContext.Provider, {
27
+ value: contextValue,
28
+ children: [active ? /*#__PURE__*/jsxRuntime.jsx(SnackbarPortal.default
29
+ // Each instance gets a fresh appear transition and live-region announcement.
30
+ , {
31
+ ...active.props,
32
+ announcementKey: announcementKey,
33
+ timeout: timeout,
34
+ visible: visible,
35
+ onDismissRequest: dismissSnackbar,
36
+ onExited: handleExited
37
+ }, active.id) : null, children]
38
+ });
39
+ }
40
+
41
+ exports.default = SnackbarProvider;
42
+ //# sourceMappingURL=SnackbarProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.js","sources":["../../../src/Prompt/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;;"}
@@ -0,0 +1,38 @@
1
+ import { useMemo } from 'react';
2
+ import SnackbarPortal from './SnackbarPortal.mjs';
3
+ import { SnackbarContext } from './SnackbarContext.mjs';
4
+ import useSnackbarManager from './useSnackbarManager.mjs';
5
+ import { jsxs, jsx } from 'react/jsx-runtime';
6
+
7
+ function SnackbarProvider({
8
+ timeout,
9
+ children
10
+ }) {
11
+ const {
12
+ active,
13
+ announcementKey,
14
+ createSnackbar,
15
+ dismissSnackbar,
16
+ handleExited,
17
+ visible
18
+ } = useSnackbarManager();
19
+ const contextValue = useMemo(() => ({
20
+ createSnackbar
21
+ }), [createSnackbar]);
22
+ return /*#__PURE__*/jsxs(SnackbarContext.Provider, {
23
+ value: contextValue,
24
+ children: [active ? /*#__PURE__*/jsx(SnackbarPortal
25
+ // Each instance gets a fresh appear transition and live-region announcement.
26
+ , {
27
+ ...active.props,
28
+ announcementKey: announcementKey,
29
+ timeout: timeout,
30
+ visible: visible,
31
+ onDismissRequest: dismissSnackbar,
32
+ onExited: handleExited
33
+ }, active.id) : null, children]
34
+ });
35
+ }
36
+
37
+ export { SnackbarProvider as default };
38
+ //# sourceMappingURL=SnackbarProvider.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.mjs","sources":["../../../src/Prompt/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;;"}
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ const SNACKBAR_ENTER_DURATION = 300;
4
+ const SNACKBAR_EXIT_DURATION = 150;
5
+ /** Default auto-dismiss duration for short feedback, in milliseconds. */
6
+ const SNACKBAR_DEFAULT_DURATION = 4000;
7
+ /** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */
8
+ const SNACKBAR_EXTENDED_DURATION = 6000;
9
+ /** Fraction of the Snackbar surface height a downward swipe must travel to dismiss (0.5 = half). */
10
+ const SNACKBAR_SWIPE_DISMISS_THRESHOLD = 0.5;
11
+
12
+ exports.SNACKBAR_DEFAULT_DURATION = SNACKBAR_DEFAULT_DURATION;
13
+ exports.SNACKBAR_ENTER_DURATION = SNACKBAR_ENTER_DURATION;
14
+ exports.SNACKBAR_EXIT_DURATION = SNACKBAR_EXIT_DURATION;
15
+ exports.SNACKBAR_EXTENDED_DURATION = SNACKBAR_EXTENDED_DURATION;
16
+ exports.SNACKBAR_SWIPE_DISMISS_THRESHOLD = SNACKBAR_SWIPE_DISMISS_THRESHOLD;
17
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sources":["../../../src/Prompt/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\n/** Fraction of the Snackbar surface height a downward swipe must travel to dismiss (0.5 = half). */\nexport const SNACKBAR_SWIPE_DISMISS_THRESHOLD = 0.5;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION","SNACKBAR_SWIPE_DISMISS_THRESHOLD"],"mappings":";;AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAEtC;AACO,MAAMC,yBAAyB,GAAG;AACzC;AACO,MAAMC,0BAA0B,GAAG;AAE1C;AACO,MAAMC,gCAAgC,GAAG;;;;;;"}
@@ -0,0 +1,11 @@
1
+ const SNACKBAR_ENTER_DURATION = 300;
2
+ const SNACKBAR_EXIT_DURATION = 150;
3
+ /** Default auto-dismiss duration for short feedback, in milliseconds. */
4
+ const SNACKBAR_DEFAULT_DURATION = 4000;
5
+ /** Extended auto-dismiss duration for messages needing more reading time, in milliseconds. */
6
+ const SNACKBAR_EXTENDED_DURATION = 6000;
7
+ /** Fraction of the Snackbar surface height a downward swipe must travel to dismiss (0.5 = half). */
8
+ const SNACKBAR_SWIPE_DISMISS_THRESHOLD = 0.5;
9
+
10
+ export { SNACKBAR_DEFAULT_DURATION, SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION, SNACKBAR_EXTENDED_DURATION, SNACKBAR_SWIPE_DISMISS_THRESHOLD };
11
+ //# sourceMappingURL=constants.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.mjs","sources":["../../../src/Prompt/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\n/** Fraction of the Snackbar surface height a downward swipe must travel to dismiss (0.5 = half). */\nexport const SNACKBAR_SWIPE_DISMISS_THRESHOLD = 0.5;\n"],"names":["SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","SNACKBAR_DEFAULT_DURATION","SNACKBAR_EXTENDED_DURATION","SNACKBAR_SWIPE_DISMISS_THRESHOLD"],"mappings":"AAAO,MAAMA,uBAAuB,GAAG;AAChC,MAAMC,sBAAsB,GAAG;AAEtC;AACO,MAAMC,yBAAyB,GAAG;AACzC;AACO,MAAMC,0BAA0B,GAAG;AAE1C;AACO,MAAMC,gCAAgC,GAAG;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSnackbar.js","sources":["../../../src/Prompt/Snackbar/useSnackbar.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\n\nfunction useSnackbar() {\n const { createSnackbar } = useContext(SnackbarContext);\n\n return createSnackbar;\n}\n\nexport default useSnackbar;\n"],"names":["useSnackbar","createSnackbar","useContext","SnackbarContext"],"mappings":";;;;;;;AAIA,SAASA,WAAWA,GAAA;EAClB,MAAM;AAAEC,IAAAA;AAAc,GAAE,GAAGC,gBAAU,CAACC,+BAAe,CAAC;AAEtD,EAAA,OAAOF,cAAc;AACvB;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSnackbar.mjs","sources":["../../../src/Prompt/Snackbar/useSnackbar.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { SnackbarContext } from './SnackbarContext';\n\nfunction useSnackbar() {\n const { createSnackbar } = useContext(SnackbarContext);\n\n return createSnackbar;\n}\n\nexport default useSnackbar;\n"],"names":["useSnackbar","createSnackbar","useContext","SnackbarContext"],"mappings":";;;AAIA,SAASA,WAAWA,GAAA;EAClB,MAAM;AAAEC,IAAAA;AAAc,GAAE,GAAGC,UAAU,CAACC,eAAe,CAAC;AAEtD,EAAA,OAAOF,cAAc;AACvB;;"}
@@ -0,0 +1,66 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var constants = require('./constants.js');
7
+
8
+ const DURATIONS = {
9
+ default: constants.SNACKBAR_DEFAULT_DURATION,
10
+ extended: constants.SNACKBAR_EXTENDED_DURATION,
11
+ indefinite: null
12
+ };
13
+ /** Starts after entry finishes and pauses on hover, focus or swipe, preserving the remaining time. */
14
+ const useSnackbarAutoDismiss = ({
15
+ duration,
16
+ loading,
17
+ onDismissRequest,
18
+ timeout,
19
+ visible
20
+ }) => {
21
+ const surfaceRef = React.useRef(null);
22
+ const milliseconds = loading ? null : duration ? DURATIONS[duration] : timeout ?? constants.SNACKBAR_DEFAULT_DURATION;
23
+ const remaining = React.useRef(milliseconds);
24
+ const [entered, setEntered] = React.useState(false);
25
+ const [hovered, setHovered] = React.useState(false);
26
+ const [focusWithin, setFocusWithin] = React.useState(false);
27
+ const [swiping, setSwiping] = React.useState(false);
28
+ const running = visible && entered && !hovered && !focusWithin && !swiping;
29
+ React.useEffect(() => {
30
+ // Only a timing change starts a fresh budget; interaction and callback changes preserve it.
31
+ remaining.current = milliseconds;
32
+ }, [milliseconds]);
33
+ React.useEffect(() => {
34
+ const ms = remaining.current;
35
+ if (!running || ms === null) {
36
+ return undefined;
37
+ }
38
+ const startedAt = Date.now();
39
+ const id = window.setTimeout(() => onDismissRequest(), ms);
40
+ return () => {
41
+ window.clearTimeout(id);
42
+ remaining.current = Math.max(0, ms - (Date.now() - startedAt));
43
+ };
44
+ }, [running, onDismissRequest, milliseconds]);
45
+ return {
46
+ handleBlur: event => {
47
+ if (!event.currentTarget.contains(event.relatedTarget)) {
48
+ setFocusWithin(false);
49
+ }
50
+ },
51
+ handleEntered: () => {
52
+ // Entry can finish beneath the pointer or with focus already inside the surface.
53
+ setHovered(surfaceRef.current?.matches(':hover') ?? false);
54
+ setFocusWithin(Boolean(surfaceRef.current?.contains(document.activeElement)));
55
+ setEntered(true);
56
+ },
57
+ handleFocus: () => setFocusWithin(true),
58
+ handleMouseEnter: () => setHovered(true),
59
+ handleMouseLeave: () => setHovered(false),
60
+ setSwiping,
61
+ surfaceRef
62
+ };
63
+ };
64
+
65
+ exports.default = useSnackbarAutoDismiss;
66
+ //# sourceMappingURL=useSnackbarAutoDismiss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSnackbarAutoDismiss.js","sources":["../../../src/Prompt/Snackbar/useSnackbarAutoDismiss.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { SNACKBAR_DEFAULT_DURATION, SNACKBAR_EXTENDED_DURATION } from './constants';\nimport type { SnackbarProps } from './Snackbar';\nimport type { SnackbarDuration } from './Snackbar.types';\n\nconst DURATIONS: Record<SnackbarDuration, number | null> = {\n default: SNACKBAR_DEFAULT_DURATION,\n extended: SNACKBAR_EXTENDED_DURATION,\n indefinite: null,\n};\n\n/** Starts after entry finishes and pauses on hover, focus or swipe, preserving the remaining time. */\nconst useSnackbarAutoDismiss = ({\n duration,\n loading,\n onDismissRequest,\n timeout,\n visible,\n}: Pick<SnackbarProps, 'duration' | 'loading' | 'onDismissRequest' | 'timeout' | 'visible'>) => {\n const surfaceRef = useRef<HTMLDivElement>(null);\n const milliseconds = loading\n ? null\n : duration\n ? DURATIONS[duration]\n : (timeout ?? SNACKBAR_DEFAULT_DURATION);\n const remaining = useRef(milliseconds);\n const [entered, setEntered] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [focusWithin, setFocusWithin] = useState(false);\n const [swiping, setSwiping] = useState(false);\n\n const running = visible && entered && !hovered && !focusWithin && !swiping;\n\n useEffect(() => {\n // Only a timing change starts a fresh budget; interaction and callback changes preserve it.\n remaining.current = milliseconds;\n }, [milliseconds]);\n\n useEffect(() => {\n const ms = remaining.current;\n if (!running || ms === null) {\n return undefined;\n }\n\n const startedAt = Date.now();\n const id = window.setTimeout(() => onDismissRequest(), ms);\n return () => {\n window.clearTimeout(id);\n remaining.current = Math.max(0, ms - (Date.now() - startedAt));\n };\n }, [running, onDismissRequest, milliseconds]);\n\n return {\n handleBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n if (!event.currentTarget.contains(event.relatedTarget)) {\n setFocusWithin(false);\n }\n },\n handleEntered: () => {\n // Entry can finish beneath the pointer or with focus already inside the surface.\n setHovered(surfaceRef.current?.matches(':hover') ?? false);\n setFocusWithin(Boolean(surfaceRef.current?.contains(document.activeElement)));\n setEntered(true);\n },\n handleFocus: () => setFocusWithin(true),\n handleMouseEnter: () => setHovered(true),\n handleMouseLeave: () => setHovered(false),\n setSwiping,\n surfaceRef,\n };\n};\n\nexport default useSnackbarAutoDismiss;\n"],"names":["DURATIONS","default","SNACKBAR_DEFAULT_DURATION","extended","SNACKBAR_EXTENDED_DURATION","indefinite","useSnackbarAutoDismiss","duration","loading","onDismissRequest","timeout","visible","surfaceRef","useRef","milliseconds","remaining","entered","setEntered","useState","hovered","setHovered","focusWithin","setFocusWithin","swiping","setSwiping","running","useEffect","current","ms","undefined","startedAt","Date","now","id","window","setTimeout","clearTimeout","Math","max","handleBlur","event","currentTarget","contains","relatedTarget","handleEntered","matches","Boolean","document","activeElement","handleFocus","handleMouseEnter","handleMouseLeave"],"mappings":"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"}
@@ -0,0 +1,62 @@
1
+ import { useRef, useState, useEffect } from 'react';
2
+ import { SNACKBAR_EXTENDED_DURATION, SNACKBAR_DEFAULT_DURATION } from './constants.mjs';
3
+
4
+ const DURATIONS = {
5
+ default: SNACKBAR_DEFAULT_DURATION,
6
+ extended: SNACKBAR_EXTENDED_DURATION,
7
+ indefinite: null
8
+ };
9
+ /** Starts after entry finishes and pauses on hover, focus or swipe, preserving the remaining time. */
10
+ const useSnackbarAutoDismiss = ({
11
+ duration,
12
+ loading,
13
+ onDismissRequest,
14
+ timeout,
15
+ visible
16
+ }) => {
17
+ const surfaceRef = useRef(null);
18
+ const milliseconds = loading ? null : duration ? DURATIONS[duration] : timeout ?? SNACKBAR_DEFAULT_DURATION;
19
+ const remaining = useRef(milliseconds);
20
+ const [entered, setEntered] = useState(false);
21
+ const [hovered, setHovered] = useState(false);
22
+ const [focusWithin, setFocusWithin] = useState(false);
23
+ const [swiping, setSwiping] = useState(false);
24
+ const running = visible && entered && !hovered && !focusWithin && !swiping;
25
+ useEffect(() => {
26
+ // Only a timing change starts a fresh budget; interaction and callback changes preserve it.
27
+ remaining.current = milliseconds;
28
+ }, [milliseconds]);
29
+ useEffect(() => {
30
+ const ms = remaining.current;
31
+ if (!running || ms === null) {
32
+ return undefined;
33
+ }
34
+ const startedAt = Date.now();
35
+ const id = window.setTimeout(() => onDismissRequest(), ms);
36
+ return () => {
37
+ window.clearTimeout(id);
38
+ remaining.current = Math.max(0, ms - (Date.now() - startedAt));
39
+ };
40
+ }, [running, onDismissRequest, milliseconds]);
41
+ return {
42
+ handleBlur: event => {
43
+ if (!event.currentTarget.contains(event.relatedTarget)) {
44
+ setFocusWithin(false);
45
+ }
46
+ },
47
+ handleEntered: () => {
48
+ // Entry can finish beneath the pointer or with focus already inside the surface.
49
+ setHovered(surfaceRef.current?.matches(':hover') ?? false);
50
+ setFocusWithin(Boolean(surfaceRef.current?.contains(document.activeElement)));
51
+ setEntered(true);
52
+ },
53
+ handleFocus: () => setFocusWithin(true),
54
+ handleMouseEnter: () => setHovered(true),
55
+ handleMouseLeave: () => setHovered(false),
56
+ setSwiping,
57
+ surfaceRef
58
+ };
59
+ };
60
+
61
+ export { useSnackbarAutoDismiss as default };
62
+ //# sourceMappingURL=useSnackbarAutoDismiss.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSnackbarAutoDismiss.mjs","sources":["../../../src/Prompt/Snackbar/useSnackbarAutoDismiss.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { SNACKBAR_DEFAULT_DURATION, SNACKBAR_EXTENDED_DURATION } from './constants';\nimport type { SnackbarProps } from './Snackbar';\nimport type { SnackbarDuration } from './Snackbar.types';\n\nconst DURATIONS: Record<SnackbarDuration, number | null> = {\n default: SNACKBAR_DEFAULT_DURATION,\n extended: SNACKBAR_EXTENDED_DURATION,\n indefinite: null,\n};\n\n/** Starts after entry finishes and pauses on hover, focus or swipe, preserving the remaining time. */\nconst useSnackbarAutoDismiss = ({\n duration,\n loading,\n onDismissRequest,\n timeout,\n visible,\n}: Pick<SnackbarProps, 'duration' | 'loading' | 'onDismissRequest' | 'timeout' | 'visible'>) => {\n const surfaceRef = useRef<HTMLDivElement>(null);\n const milliseconds = loading\n ? null\n : duration\n ? DURATIONS[duration]\n : (timeout ?? SNACKBAR_DEFAULT_DURATION);\n const remaining = useRef(milliseconds);\n const [entered, setEntered] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [focusWithin, setFocusWithin] = useState(false);\n const [swiping, setSwiping] = useState(false);\n\n const running = visible && entered && !hovered && !focusWithin && !swiping;\n\n useEffect(() => {\n // Only a timing change starts a fresh budget; interaction and callback changes preserve it.\n remaining.current = milliseconds;\n }, [milliseconds]);\n\n useEffect(() => {\n const ms = remaining.current;\n if (!running || ms === null) {\n return undefined;\n }\n\n const startedAt = Date.now();\n const id = window.setTimeout(() => onDismissRequest(), ms);\n return () => {\n window.clearTimeout(id);\n remaining.current = Math.max(0, ms - (Date.now() - startedAt));\n };\n }, [running, onDismissRequest, milliseconds]);\n\n return {\n handleBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n if (!event.currentTarget.contains(event.relatedTarget)) {\n setFocusWithin(false);\n }\n },\n handleEntered: () => {\n // Entry can finish beneath the pointer or with focus already inside the surface.\n setHovered(surfaceRef.current?.matches(':hover') ?? false);\n setFocusWithin(Boolean(surfaceRef.current?.contains(document.activeElement)));\n setEntered(true);\n },\n handleFocus: () => setFocusWithin(true),\n handleMouseEnter: () => setHovered(true),\n handleMouseLeave: () => setHovered(false),\n setSwiping,\n surfaceRef,\n };\n};\n\nexport default useSnackbarAutoDismiss;\n"],"names":["DURATIONS","default","SNACKBAR_DEFAULT_DURATION","extended","SNACKBAR_EXTENDED_DURATION","indefinite","useSnackbarAutoDismiss","duration","loading","onDismissRequest","timeout","visible","surfaceRef","useRef","milliseconds","remaining","entered","setEntered","useState","hovered","setHovered","focusWithin","setFocusWithin","swiping","setSwiping","running","useEffect","current","ms","undefined","startedAt","Date","now","id","window","setTimeout","clearTimeout","Math","max","handleBlur","event","currentTarget","contains","relatedTarget","handleEntered","matches","Boolean","document","activeElement","handleFocus","handleMouseEnter","handleMouseLeave"],"mappings":"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"}