@react-md/core 1.0.0-next.1 → 1.0.0-next.2

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 (138) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +8 -0
  3. package/coverage/clover.xml +2 -2
  4. package/coverage/lcov-report/DefaultToastRenderer.tsx.html +166 -112
  5. package/coverage/lcov-report/Snackbar.tsx.html +360 -402
  6. package/coverage/lcov-report/Toast.tsx.html +868 -0
  7. package/coverage/lcov-report/ToastManager.tsx.html +1783 -0
  8. package/coverage/lcov-report/ToastManagerProvider.tsx.html +216 -216
  9. package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
  10. package/coverage/lcov-report/icon/index.html +1 -1
  11. package/coverage/lcov-report/index.html +1 -1
  12. package/coverage/lcov-report/snackbar/Snackbar.tsx.html +55 -97
  13. package/coverage/lcov-report/snackbar/Toast.tsx.html +546 -501
  14. package/coverage/lcov-report/snackbar/ToastManager.tsx.html +269 -269
  15. package/coverage/lcov-report/snackbar/ToastManagerProvider.tsx.html +23 -23
  16. package/coverage/lcov-report/snackbar/index.html +59 -14
  17. package/coverage/lcov-report/snackbar/snackbarStyles.ts.html +12 -87
  18. package/coverage/lcov-report/snackbar/toastStyles.ts.html +206 -146
  19. package/coverage/lcov-report/snackbar/useCurrentToastActions.ts.html +226 -0
  20. package/coverage/lcov-report/snackbarStyles.ts.html +46 -121
  21. package/coverage/lcov-report/transition/config.ts.html +5 -5
  22. package/coverage/lcov-report/transition/index.html +1 -1
  23. package/coverage/lcov-report/typography/Typography.tsx.html +108 -402
  24. package/coverage/lcov-report/typography/index.html +10 -10
  25. package/dist/_core.scss +34 -1
  26. package/dist/_utils.scss +57 -0
  27. package/dist/app-bar/_app-bar.scss +15 -23
  28. package/dist/avatar/_avatar.scss +25 -34
  29. package/dist/badge/_badge.scss +71 -44
  30. package/dist/box/_box.scss +18 -29
  31. package/dist/button/_button.scss +50 -62
  32. package/dist/card/_card.scss +14 -23
  33. package/dist/chip/_chip.scss +33 -46
  34. package/dist/dialog/_dialog.scss +95 -93
  35. package/dist/divider/Divider.d.ts +0 -1
  36. package/dist/divider/Divider.js.map +1 -1
  37. package/dist/divider/_divider.scss +33 -43
  38. package/dist/form/Label.d.ts +5 -5
  39. package/dist/form/Label.js.map +1 -1
  40. package/dist/form/TextArea.js +1 -1
  41. package/dist/form/TextArea.js.map +1 -1
  42. package/dist/form/TextFieldContainerStyles.d.ts +7 -7
  43. package/dist/form/TextFieldContainerStyles.js.map +1 -1
  44. package/dist/form/_form.scss +200 -203
  45. package/dist/form/textAreaStyles.d.ts +2 -2
  46. package/dist/form/textAreaStyles.js.map +1 -1
  47. package/dist/form/types.d.ts +0 -2
  48. package/dist/form/types.js.map +1 -1
  49. package/dist/icon/_icon.scss +31 -47
  50. package/dist/interaction/_interaction.scss +47 -57
  51. package/dist/layout/_layout.scss +14 -19
  52. package/dist/link/_link.scss +15 -23
  53. package/dist/list/_list.scss +53 -63
  54. package/dist/menu/_menu.scss +16 -27
  55. package/dist/overlay/_overlay.scss +14 -19
  56. package/dist/progress/_progress.scss +25 -30
  57. package/dist/segmented-button/_segmented-button.scss +32 -43
  58. package/dist/sheet/_sheet.scss +24 -42
  59. package/dist/snackbar/DefaultToastRenderer.js +1 -1
  60. package/dist/snackbar/DefaultToastRenderer.js.map +1 -1
  61. package/dist/snackbar/Snackbar.d.ts +1 -3
  62. package/dist/snackbar/Snackbar.js +2 -3
  63. package/dist/snackbar/Snackbar.js.map +1 -1
  64. package/dist/snackbar/Toast.d.ts +1 -1
  65. package/dist/snackbar/Toast.js +5 -1
  66. package/dist/snackbar/Toast.js.map +1 -1
  67. package/dist/snackbar/ToastManager.d.ts +2 -1
  68. package/dist/snackbar/ToastManager.js +1 -1
  69. package/dist/snackbar/ToastManager.js.map +1 -1
  70. package/dist/snackbar/_snackbar.scss +15 -23
  71. package/dist/table/_table.scss +55 -70
  72. package/dist/tabs/_tabs.scss +25 -30
  73. package/dist/theme/_theme.scss +31 -89
  74. package/dist/tooltip/_tooltip.scss +16 -25
  75. package/dist/transition/_transition.scss +38 -37
  76. package/dist/tree/_tree.scss +102 -109
  77. package/dist/typography/_typography.scss +17 -22
  78. package/dist/window-splitter/_window-splitter.scss +19 -45
  79. package/package.json +1 -1
  80. package/src/_core.scss +34 -1
  81. package/src/_utils.scss +57 -0
  82. package/src/app-bar/_app-bar.scss +15 -23
  83. package/src/avatar/_avatar.scss +25 -34
  84. package/src/badge/_badge.scss +71 -44
  85. package/src/box/_box.scss +18 -29
  86. package/src/button/_button.scss +50 -62
  87. package/src/card/_card.scss +14 -23
  88. package/src/chip/_chip.scss +33 -46
  89. package/src/dialog/_dialog.scss +95 -93
  90. package/src/divider/Divider.tsx +0 -1
  91. package/src/divider/_divider.scss +33 -43
  92. package/src/form/Label.tsx +5 -5
  93. package/src/form/TextArea.tsx +1 -1
  94. package/src/form/TextFieldContainerStyles.ts +7 -7
  95. package/src/form/_form.scss +200 -203
  96. package/src/form/textAreaStyles.ts +2 -2
  97. package/src/form/types.ts +0 -2
  98. package/src/icon/_icon.scss +31 -47
  99. package/src/interaction/_interaction.scss +47 -57
  100. package/src/layout/_layout.scss +14 -19
  101. package/src/link/_link.scss +15 -23
  102. package/src/list/_list.scss +53 -63
  103. package/src/menu/_menu.scss +16 -27
  104. package/src/overlay/_overlay.scss +14 -19
  105. package/src/progress/_progress.scss +25 -30
  106. package/src/segmented-button/_segmented-button.scss +32 -43
  107. package/src/sheet/_sheet.scss +24 -42
  108. package/src/snackbar/DefaultToastRenderer.tsx +1 -1
  109. package/src/snackbar/Snackbar.tsx +17 -25
  110. package/src/snackbar/Toast.tsx +7 -2
  111. package/src/snackbar/ToastManager.tsx +3 -2
  112. package/src/snackbar/__tests__/Snackbar.tsx +12 -11
  113. package/src/snackbar/__tests__/ToastManagerProvider.tsx +20 -42
  114. package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +127 -27
  115. package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +23 -8
  116. package/src/snackbar/_snackbar.scss +15 -23
  117. package/src/table/_table.scss +55 -70
  118. package/src/tabs/_tabs.scss +25 -30
  119. package/src/theme/_theme.scss +31 -89
  120. package/src/tooltip/_tooltip.scss +16 -25
  121. package/src/transition/_transition.scss +38 -37
  122. package/src/tree/_tree.scss +102 -109
  123. package/src/typography/_typography.scss +17 -22
  124. package/src/window-splitter/_window-splitter.scss +19 -45
  125. package/.turbo/turbo-lint.log +0 -12
  126. package/.turbo/turbo-test.log +0 -166
  127. package/.turbo/turbo-typecheck.log +0 -4
  128. package/dist/divider/VerticalDivider.d.ts +0 -32
  129. package/dist/divider/useVerticalDividerHeight.d.ts +0 -37
  130. package/dist/icon/MaterialIconsProvider.d.ts +0 -12
  131. package/dist/icon/MaterialIconsProvider.js +0 -17
  132. package/dist/icon/MaterialIconsProvider.js.map +0 -1
  133. package/dist/icon/MaterialSymbolsProvider.d.ts +0 -145
  134. package/dist/icon/MaterialSymbolsProvider.js +0 -60
  135. package/dist/icon/MaterialSymbolsProvider.js.map +0 -1
  136. package/dist/link/LinkProvider.d.ts +0 -29
  137. package/dist/menu/menuConfig.d.ts +0 -60
  138. package/dist/tooltip/useOverflowTooltip.d.ts +0 -61
package/coverage/lcov-report/ToastManagerProvider.tsx.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">96.19% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/105</span>
28
+ <span class='fraction'>101/105</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">83.33% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/1</span>
35
+ <span class='fraction'>5/6</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">80% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>4/5</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">96.19% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/105</span>
49
+ <span class='fraction'>101/105</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -168,216 +168,216 @@
168
168
  <a name='L103'></a><a href='#L103'>103</a>
169
169
  <a name='L104'></a><a href='#L104'>104</a>
170
170
  <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
172
- <span class="cline-any cline-no">&nbsp;</span>
173
- <span class="cline-any cline-no">&nbsp;</span>
174
- <span class="cline-any cline-no">&nbsp;</span>
175
- <span class="cline-any cline-no">&nbsp;</span>
176
- <span class="cline-any cline-no">&nbsp;</span>
177
- <span class="cline-any cline-no">&nbsp;</span>
178
- <span class="cline-any cline-no">&nbsp;</span>
179
- <span class="cline-any cline-no">&nbsp;</span>
180
- <span class="cline-any cline-no">&nbsp;</span>
181
- <span class="cline-any cline-no">&nbsp;</span>
182
- <span class="cline-any cline-no">&nbsp;</span>
183
- <span class="cline-any cline-no">&nbsp;</span>
184
- <span class="cline-any cline-no">&nbsp;</span>
185
- <span class="cline-any cline-no">&nbsp;</span>
186
- <span class="cline-any cline-no">&nbsp;</span>
187
- <span class="cline-any cline-no">&nbsp;</span>
188
- <span class="cline-any cline-no">&nbsp;</span>
189
- <span class="cline-any cline-no">&nbsp;</span>
190
- <span class="cline-any cline-no">&nbsp;</span>
191
- <span class="cline-any cline-no">&nbsp;</span>
192
- <span class="cline-any cline-no">&nbsp;</span>
193
- <span class="cline-any cline-no">&nbsp;</span>
194
- <span class="cline-any cline-no">&nbsp;</span>
195
- <span class="cline-any cline-no">&nbsp;</span>
196
- <span class="cline-any cline-no">&nbsp;</span>
197
- <span class="cline-any cline-no">&nbsp;</span>
198
- <span class="cline-any cline-no">&nbsp;</span>
199
- <span class="cline-any cline-no">&nbsp;</span>
200
- <span class="cline-any cline-no">&nbsp;</span>
201
- <span class="cline-any cline-no">&nbsp;</span>
202
- <span class="cline-any cline-no">&nbsp;</span>
203
- <span class="cline-any cline-no">&nbsp;</span>
204
- <span class="cline-any cline-no">&nbsp;</span>
205
- <span class="cline-any cline-no">&nbsp;</span>
206
- <span class="cline-any cline-no">&nbsp;</span>
207
- <span class="cline-any cline-no">&nbsp;</span>
208
- <span class="cline-any cline-no">&nbsp;</span>
209
- <span class="cline-any cline-no">&nbsp;</span>
210
- <span class="cline-any cline-no">&nbsp;</span>
211
- <span class="cline-any cline-no">&nbsp;</span>
212
- <span class="cline-any cline-no">&nbsp;</span>
213
- <span class="cline-any cline-no">&nbsp;</span>
214
- <span class="cline-any cline-no">&nbsp;</span>
215
- <span class="cline-any cline-no">&nbsp;</span>
216
- <span class="cline-any cline-no">&nbsp;</span>
217
- <span class="cline-any cline-no">&nbsp;</span>
218
- <span class="cline-any cline-no">&nbsp;</span>
219
- <span class="cline-any cline-no">&nbsp;</span>
220
- <span class="cline-any cline-no">&nbsp;</span>
221
- <span class="cline-any cline-no">&nbsp;</span>
222
- <span class="cline-any cline-no">&nbsp;</span>
223
- <span class="cline-any cline-no">&nbsp;</span>
224
- <span class="cline-any cline-no">&nbsp;</span>
225
- <span class="cline-any cline-no">&nbsp;</span>
226
- <span class="cline-any cline-no">&nbsp;</span>
227
- <span class="cline-any cline-no">&nbsp;</span>
228
- <span class="cline-any cline-no">&nbsp;</span>
229
- <span class="cline-any cline-no">&nbsp;</span>
230
- <span class="cline-any cline-no">&nbsp;</span>
231
- <span class="cline-any cline-no">&nbsp;</span>
232
- <span class="cline-any cline-no">&nbsp;</span>
233
- <span class="cline-any cline-no">&nbsp;</span>
234
- <span class="cline-any cline-no">&nbsp;</span>
235
- <span class="cline-any cline-no">&nbsp;</span>
236
- <span class="cline-any cline-no">&nbsp;</span>
237
- <span class="cline-any cline-no">&nbsp;</span>
238
- <span class="cline-any cline-no">&nbsp;</span>
239
- <span class="cline-any cline-no">&nbsp;</span>
240
- <span class="cline-any cline-no">&nbsp;</span>
241
- <span class="cline-any cline-no">&nbsp;</span>
242
- <span class="cline-any cline-no">&nbsp;</span>
243
- <span class="cline-any cline-no">&nbsp;</span>
244
- <span class="cline-any cline-no">&nbsp;</span>
245
- <span class="cline-any cline-no">&nbsp;</span>
246
- <span class="cline-any cline-no">&nbsp;</span>
247
- <span class="cline-any cline-no">&nbsp;</span>
248
- <span class="cline-any cline-no">&nbsp;</span>
249
- <span class="cline-any cline-no">&nbsp;</span>
250
- <span class="cline-any cline-no">&nbsp;</span>
251
- <span class="cline-any cline-no">&nbsp;</span>
252
- <span class="cline-any cline-no">&nbsp;</span>
253
- <span class="cline-any cline-no">&nbsp;</span>
254
- <span class="cline-any cline-no">&nbsp;</span>
255
- <span class="cline-any cline-no">&nbsp;</span>
256
- <span class="cline-any cline-no">&nbsp;</span>
257
- <span class="cline-any cline-no">&nbsp;</span>
258
- <span class="cline-any cline-no">&nbsp;</span>
259
- <span class="cline-any cline-no">&nbsp;</span>
260
- <span class="cline-any cline-no">&nbsp;</span>
261
- <span class="cline-any cline-no">&nbsp;</span>
262
- <span class="cline-any cline-no">&nbsp;</span>
263
- <span class="cline-any cline-no">&nbsp;</span>
264
- <span class="cline-any cline-no">&nbsp;</span>
265
- <span class="cline-any cline-no">&nbsp;</span>
266
- <span class="cline-any cline-no">&nbsp;</span>
267
- <span class="cline-any cline-no">&nbsp;</span>
268
- <span class="cline-any cline-no">&nbsp;</span>
269
- <span class="cline-any cline-no">&nbsp;</span>
270
- <span class="cline-any cline-no">&nbsp;</span>
271
- <span class="cline-any cline-no">&nbsp;</span>
272
- <span class="cline-any cline-no">&nbsp;</span>
273
- <span class="cline-any cline-no">&nbsp;</span>
274
- <span class="cline-any cline-no">&nbsp;</span>
275
- <span class="cline-any cline-no">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use client";</span></span></span>
277
- <span class="cstat-no" title="statement not covered" ></span>
278
- <span class="cstat-no" title="statement not covered" >import {</span>
279
- <span class="cstat-no" title="statement not covered" > createContext,</span>
280
- <span class="cstat-no" title="statement not covered" > useContext,</span>
281
- <span class="cstat-no" title="statement not covered" > useMemo,</span>
282
- <span class="cstat-no" title="statement not covered" > useSyncExternalStore,</span>
283
- <span class="cstat-no" title="statement not covered" > type ReactElement,</span>
284
- <span class="cstat-no" title="statement not covered" > type ReactNode,</span>
285
- <span class="cstat-no" title="statement not covered" >} from "react";</span>
286
- <span class="cstat-no" title="statement not covered" >import {</span>
287
- <span class="cstat-no" title="statement not covered" > toastManager,</span>
288
- <span class="cstat-no" title="statement not covered" > type ToastManager,</span>
289
- <span class="cstat-no" title="statement not covered" > type ToastQueue,</span>
290
- <span class="cstat-no" title="statement not covered" >} from "./ToastManager.js";</span>
291
- <span class="cstat-no" title="statement not covered" ></span>
292
- <span class="cstat-no" title="statement not covered" >const context = createContext(toastManager);</span>
293
- <span class="cstat-no" title="statement not covered" >context.displayName = "ToastManager";</span>
294
- <span class="cstat-no" title="statement not covered" >const { Provider } = context;</span>
295
- <span class="cstat-no" title="statement not covered" ></span>
296
- <span class="cstat-no" title="statement not covered" >/**</span>
297
- <span class="cstat-no" title="statement not covered" > * This is mostly an internal hook to implement the toast functionality but can</span>
298
- <span class="cstat-no" title="statement not covered" > * be used externally as well for custom toast behavior if the other hooks do</span>
299
- <span class="cstat-no" title="statement not covered" > * not support your needs.</span>
300
- <span class="cstat-no" title="statement not covered" > *</span>
301
- <span class="cstat-no" title="statement not covered" > * @see {@link useAddToast}</span>
302
- <span class="cstat-no" title="statement not covered" > * @see {@link useToastQueue}</span>
303
- <span class="cstat-no" title="statement not covered" > * @see {@link useRemoveToast}</span>
304
- <span class="cstat-no" title="statement not covered" > *</span>
305
- <span class="cstat-no" title="statement not covered" > * @returns The current `ToastManager` set in the `ToastManagerProvider`.</span>
306
- <span class="cstat-no" title="statement not covered" > * Defaults to {@link toastManager} if there are no parent providers.</span>
307
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
308
- <span class="cstat-no" title="statement not covered" > */</span>
309
- <span class="cstat-no" title="statement not covered" >export function useToastManager(): ToastManager {</span>
310
- <span class="cstat-no" title="statement not covered" > return useContext(context);</span>
311
- <span class="cstat-no" title="statement not covered" >}</span>
312
- <span class="cstat-no" title="statement not covered" ></span>
313
- <span class="cstat-no" title="statement not covered" >/**</span>
314
- <span class="cstat-no" title="statement not covered" > * @see {@link ToastManager.addToast}</span>
315
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
316
- <span class="cstat-no" title="statement not covered" > */</span>
317
- <span class="cstat-no" title="statement not covered" >export function useAddToast(): ToastManager["addToast"] {</span>
318
- <span class="cstat-no" title="statement not covered" > return useToastManager().addToast;</span>
319
- <span class="cstat-no" title="statement not covered" >}</span>
320
- <span class="cstat-no" title="statement not covered" ></span>
321
- <span class="cstat-no" title="statement not covered" >/**</span>
322
- <span class="cstat-no" title="statement not covered" > * @see {@link ToastManager.removeToast}</span>
323
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
324
- <span class="cstat-no" title="statement not covered" > */</span>
325
- <span class="cstat-no" title="statement not covered" >export function useRemoveToast(): ToastManager["removeToast"] {</span>
171
+ <a name='L106'></a><a href='#L106'>106</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
172
+ <span class="cline-any cline-yes">1x</span>
173
+ <span class="cline-any cline-yes">1x</span>
174
+ <span class="cline-any cline-yes">1x</span>
175
+ <span class="cline-any cline-yes">1x</span>
176
+ <span class="cline-any cline-yes">1x</span>
177
+ <span class="cline-any cline-yes">1x</span>
178
+ <span class="cline-any cline-yes">1x</span>
179
+ <span class="cline-any cline-yes">1x</span>
180
+ <span class="cline-any cline-yes">1x</span>
181
+ <span class="cline-any cline-yes">1x</span>
182
+ <span class="cline-any cline-yes">1x</span>
183
+ <span class="cline-any cline-yes">1x</span>
184
+ <span class="cline-any cline-yes">1x</span>
185
+ <span class="cline-any cline-yes">1x</span>
186
+ <span class="cline-any cline-yes">1x</span>
187
+ <span class="cline-any cline-yes">1x</span>
188
+ <span class="cline-any cline-yes">1x</span>
189
+ <span class="cline-any cline-yes">1x</span>
190
+ <span class="cline-any cline-yes">1x</span>
191
+ <span class="cline-any cline-yes">1x</span>
192
+ <span class="cline-any cline-yes">1x</span>
193
+ <span class="cline-any cline-yes">1x</span>
194
+ <span class="cline-any cline-yes">1x</span>
195
+ <span class="cline-any cline-yes">1x</span>
196
+ <span class="cline-any cline-yes">1x</span>
197
+ <span class="cline-any cline-yes">1x</span>
198
+ <span class="cline-any cline-yes">1x</span>
199
+ <span class="cline-any cline-yes">1x</span>
200
+ <span class="cline-any cline-yes">1x</span>
201
+ <span class="cline-any cline-yes">1x</span>
202
+ <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-yes">1x</span>
204
+ <span class="cline-any cline-yes">1x</span>
205
+ <span class="cline-any cline-yes">255x</span>
206
+ <span class="cline-any cline-yes">255x</span>
207
+ <span class="cline-any cline-yes">1x</span>
208
+ <span class="cline-any cline-yes">1x</span>
209
+ <span class="cline-any cline-yes">1x</span>
210
+ <span class="cline-any cline-yes">1x</span>
211
+ <span class="cline-any cline-yes">1x</span>
212
+ <span class="cline-any cline-yes">1x</span>
213
+ <span class="cline-any cline-yes">19x</span>
214
+ <span class="cline-any cline-yes">19x</span>
215
+ <span class="cline-any cline-yes">1x</span>
216
+ <span class="cline-any cline-yes">1x</span>
217
+ <span class="cline-any cline-yes">1x</span>
218
+ <span class="cline-any cline-yes">1x</span>
219
+ <span class="cline-any cline-yes">1x</span>
220
+ <span class="cline-any cline-yes">1x</span>
221
+ <span class="cline-any cline-no">&nbsp;</span>
222
+ <span class="cline-any cline-no">&nbsp;</span>
223
+ <span class="cline-any cline-yes">1x</span>
224
+ <span class="cline-any cline-yes">1x</span>
225
+ <span class="cline-any cline-yes">1x</span>
226
+ <span class="cline-any cline-yes">1x</span>
227
+ <span class="cline-any cline-yes">1x</span>
228
+ <span class="cline-any cline-yes">1x</span>
229
+ <span class="cline-any cline-yes">124x</span>
230
+ <span class="cline-any cline-yes">124x</span>
231
+ <span class="cline-any cline-yes">124x</span>
232
+ <span class="cline-any cline-yes">124x</span>
233
+ <span class="cline-any cline-yes">124x</span>
234
+ <span class="cline-any cline-yes">124x</span>
235
+ <span class="cline-any cline-yes">124x</span>
236
+ <span class="cline-any cline-yes">124x</span>
237
+ <span class="cline-any cline-yes">124x</span>
238
+ <span class="cline-any cline-yes">116x</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-no">&nbsp;</span>
241
+ <span class="cline-any cline-yes">116x</span>
242
+ <span class="cline-any cline-yes">116x</span>
243
+ <span class="cline-any cline-yes">124x</span>
244
+ <span class="cline-any cline-yes">124x</span>
245
+ <span class="cline-any cline-yes">1x</span>
246
+ <span class="cline-any cline-yes">1x</span>
247
+ <span class="cline-any cline-yes">1x</span>
248
+ <span class="cline-any cline-yes">1x</span>
249
+ <span class="cline-any cline-yes">1x</span>
250
+ <span class="cline-any cline-yes">1x</span>
251
+ <span class="cline-any cline-yes">1x</span>
252
+ <span class="cline-any cline-yes">1x</span>
253
+ <span class="cline-any cline-yes">1x</span>
254
+ <span class="cline-any cline-yes">1x</span>
255
+ <span class="cline-any cline-yes">1x</span>
256
+ <span class="cline-any cline-yes">1x</span>
257
+ <span class="cline-any cline-yes">1x</span>
258
+ <span class="cline-any cline-yes">1x</span>
259
+ <span class="cline-any cline-yes">1x</span>
260
+ <span class="cline-any cline-yes">1x</span>
261
+ <span class="cline-any cline-yes">1x</span>
262
+ <span class="cline-any cline-yes">1x</span>
263
+ <span class="cline-any cline-yes">1x</span>
264
+ <span class="cline-any cline-yes">1x</span>
265
+ <span class="cline-any cline-yes">1x</span>
266
+ <span class="cline-any cline-yes">1x</span>
267
+ <span class="cline-any cline-yes">1x</span>
268
+ <span class="cline-any cline-yes">1x</span>
269
+ <span class="cline-any cline-yes">1x</span>
270
+ <span class="cline-any cline-yes">24x</span>
271
+ <span class="cline-any cline-yes">24x</span>
272
+ <span class="cline-any cline-yes">24x</span>
273
+ <span class="cline-any cline-yes">24x</span>
274
+ <span class="cline-any cline-yes">24x</span>
275
+ <span class="cline-any cline-yes">24x</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
277
+ &nbsp;
278
+ import {
279
+ createContext,
280
+ useContext,
281
+ useMemo,
282
+ useSyncExternalStore,
283
+ type ReactElement,
284
+ type ReactNode,
285
+ } from "react";
286
+ import {
287
+ toastManager,
288
+ type ToastManager,
289
+ type ToastQueue,
290
+ } from "./ToastManager.js";
291
+ &nbsp;
292
+ const context = createContext(toastManager);
293
+ context.displayName = "ToastManager";
294
+ const { Provider } = context;
295
+ &nbsp;
296
+ /**
297
+ * This is mostly an internal hook to implement the toast functionality but can
298
+ * be used externally as well for custom toast behavior if the other hooks do
299
+ * not support your needs.
300
+ *
301
+ * @see {@link useAddToast}
302
+ * @see {@link useToastQueue}
303
+ * @see {@link useRemoveToast}
304
+ *
305
+ * @returns The current `ToastManager` set in the `ToastManagerProvider`.
306
+ * Defaults to {@link toastManager} if there are no parent providers.
307
+ * @remarks \@since 6.0.0
308
+ */
309
+ export function useToastManager(): ToastManager {
310
+ return useContext(context);
311
+ }
312
+ &nbsp;
313
+ /**
314
+ * @see {@link ToastManager.addToast}
315
+ * @remarks \@since 6.0.0
316
+ */
317
+ export function useAddToast(): ToastManager["addToast"] {
318
+ return useToastManager().addToast;
319
+ }
320
+ &nbsp;
321
+ /**
322
+ * @see {@link ToastManager.removeToast}
323
+ * @remarks \@since 6.0.0
324
+ */
325
+ export <span class="fstat-no" title="function not covered" >function useRemoveToast(): ToastManager["removeToast"] {</span>
326
326
  <span class="cstat-no" title="statement not covered" > return useToastManager().removeToast;</span>
327
327
  <span class="cstat-no" title="statement not covered" >}</span>
328
- <span class="cstat-no" title="statement not covered" ></span>
329
- <span class="cstat-no" title="statement not covered" >/**</span>
330
- <span class="cstat-no" title="statement not covered" > * @param limit - the total number of toasts that can be visible at once.</span>
331
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
332
- <span class="cstat-no" title="statement not covered" > */</span>
333
- <span class="cstat-no" title="statement not covered" >export function useToastQueue(limit?: number): ToastQueue {</span>
334
- <span class="cstat-no" title="statement not covered" > const toastManager = useToastManager();</span>
335
- <span class="cstat-no" title="statement not covered" ></span>
336
- <span class="cstat-no" title="statement not covered" > const queue = useSyncExternalStore(</span>
337
- <span class="cstat-no" title="statement not covered" > toastManager.subscribe,</span>
338
- <span class="cstat-no" title="statement not covered" > toastManager.getQueue,</span>
339
- <span class="cstat-no" title="statement not covered" > toastManager.getQueue</span>
340
- <span class="cstat-no" title="statement not covered" > );</span>
341
- <span class="cstat-no" title="statement not covered" ></span>
342
- <span class="cstat-no" title="statement not covered" > return useMemo(() =&gt; {</span>
343
- <span class="cstat-no" title="statement not covered" > if (!limit) {</span>
328
+ &nbsp;
329
+ /**
330
+ * @param limit - the total number of toasts that can be visible at once.
331
+ * @remarks \@since 6.0.0
332
+ */
333
+ export function useToastQueue(limit?: number): ToastQueue {
334
+ const toastManager = useToastManager();
335
+ &nbsp;
336
+ const queue = useSyncExternalStore(
337
+ toastManager.subscribe,
338
+ toastManager.getQueue,
339
+ toastManager.getQueue
340
+ );
341
+ &nbsp;
342
+ return useMemo(() =&gt; {
343
+ if (!limit) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
344
344
  <span class="cstat-no" title="statement not covered" > return queue;</span>
345
345
  <span class="cstat-no" title="statement not covered" > }</span>
346
- <span class="cstat-no" title="statement not covered" ></span>
347
- <span class="cstat-no" title="statement not covered" > return queue.slice(0, limit);</span>
348
- <span class="cstat-no" title="statement not covered" > }, [limit, queue]);</span>
349
- <span class="cstat-no" title="statement not covered" >}</span>
350
- <span class="cstat-no" title="statement not covered" ></span>
351
- <span class="cstat-no" title="statement not covered" >/**</span>
352
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
353
- <span class="cstat-no" title="statement not covered" > */</span>
354
- <span class="cstat-no" title="statement not covered" >export interface ToastManagerProviderProps {</span>
355
- <span class="cstat-no" title="statement not covered" > children: ReactNode;</span>
356
- <span class="cstat-no" title="statement not covered" ></span>
357
- <span class="cstat-no" title="statement not covered" > /**</span>
358
- <span class="cstat-no" title="statement not covered" > * @defaultValue `toastManager`</span>
359
- <span class="cstat-no" title="statement not covered" > */</span>
360
- <span class="cstat-no" title="statement not covered" > manager?: ToastManager;</span>
361
- <span class="cstat-no" title="statement not covered" >}</span>
362
- <span class="cstat-no" title="statement not covered" ></span>
363
- <span class="cstat-no" title="statement not covered" >/**</span>
364
- <span class="cstat-no" title="statement not covered" > * **Client Component**</span>
365
- <span class="cstat-no" title="statement not covered" > *</span>
366
- <span class="cstat-no" title="statement not covered" > * This component can be used to implement separate instances of toasts if</span>
367
- <span class="cstat-no" title="statement not covered" > * required in your app. This probably shouldn't be required for most apps with</span>
368
- <span class="cstat-no" title="statement not covered" > * the default {@link addToast}, {@link removeToast}, and {@link clearToasts}</span>
369
- <span class="cstat-no" title="statement not covered" > * implementation.</span>
370
- <span class="cstat-no" title="statement not covered" > *</span>
371
- <span class="cstat-no" title="statement not covered" > * @see {@link ToastManager} for example usage.</span>
372
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
373
- <span class="cstat-no" title="statement not covered" > */</span>
374
- <span class="cstat-no" title="statement not covered" >export function ToastManagerProvider(</span>
375
- <span class="cstat-no" title="statement not covered" > props: ToastManagerProviderProps</span>
376
- <span class="cstat-no" title="statement not covered" >): ReactElement {</span>
377
- <span class="cstat-no" title="statement not covered" > const { children, manager = toastManager } = props;</span>
378
- <span class="cstat-no" title="statement not covered" ></span>
379
- <span class="cstat-no" title="statement not covered" > return &lt;Provider value={manager}&gt;{children}&lt;/Provider&gt;;</span>
380
- <span class="cstat-no" title="statement not covered" >}</span>
346
+ &nbsp;
347
+ return queue.slice(0, limit);
348
+ }, [limit, queue]);
349
+ }
350
+ &nbsp;
351
+ /**
352
+ * @remarks \@since 6.0.0
353
+ */
354
+ export interface ToastManagerProviderProps {
355
+ children: ReactNode;
356
+ &nbsp;
357
+ /**
358
+ * @defaultValue `toastManager`
359
+ */
360
+ manager?: ToastManager;
361
+ }
362
+ &nbsp;
363
+ /**
364
+ * **Client Component**
365
+ *
366
+ * This component can be used to implement separate instances of toasts if
367
+ * required in your app. This probably shouldn't be required for most apps with
368
+ * the default {@link addToast}, {@link removeToast}, and {@link clearToasts}
369
+ * implementation.
370
+ *
371
+ * @see {@link ToastManager} for example usage.
372
+ * @remarks \@since 6.0.0
373
+ */
374
+ export function ToastManagerProvider(
375
+ props: ToastManagerProviderProps
376
+ ): ReactElement {
377
+ const { children, manager = toastManager } = props;
378
+ &nbsp;
379
+ return &lt;Provider value={manager}&gt;{children}&lt;/Provider&gt;;
380
+ }
381
381
  &nbsp;</pre></td></tr></table></pre>
382
382
 
383
383
  <div class='push'></div><!-- for sticky footer -->
@@ -385,7 +385,7 @@
385
385
  <div class='footer quiet pad2 space-top1 center small'>
386
386
  Code coverage generated by
387
387
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
388
- at 2023-09-23T22:18:28.885Z
388
+ at 2023-11-17T21:52:53.225Z
389
389
  </div>
390
390
  <script src="prettify.js"></script>
391
391
  <script>
package/coverage/lcov-report/icon/FontIcon.tsx.html CHANGED
@@ -149,33 +149,33 @@
149
149
  <span class="cline-any cline-yes">1x</span>
150
150
  <span class="cline-any cline-yes">1x</span>
151
151
  <span class="cline-any cline-yes">1x</span>
152
- <span class="cline-any cline-yes">900x</span>
153
- <span class="cline-any cline-yes">900x</span>
154
- <span class="cline-any cline-yes">900x</span>
155
- <span class="cline-any cline-yes">900x</span>
156
- <span class="cline-any cline-yes">900x</span>
157
- <span class="cline-any cline-yes">900x</span>
158
- <span class="cline-any cline-yes">900x</span>
159
- <span class="cline-any cline-yes">900x</span>
160
- <span class="cline-any cline-yes">900x</span>
161
- <span class="cline-any cline-yes">900x</span>
162
- <span class="cline-any cline-yes">900x</span>
163
- <span class="cline-any cline-yes">900x</span>
164
- <span class="cline-any cline-yes">900x</span>
165
- <span class="cline-any cline-yes">900x</span>
166
- <span class="cline-any cline-yes">900x</span>
167
- <span class="cline-any cline-yes">900x</span>
168
- <span class="cline-any cline-yes">900x</span>
169
- <span class="cline-any cline-yes">900x</span>
170
- <span class="cline-any cline-yes">900x</span>
171
- <span class="cline-any cline-yes">900x</span>
172
- <span class="cline-any cline-yes">900x</span>
173
- <span class="cline-any cline-yes">900x</span>
174
- <span class="cline-any cline-yes">900x</span>
175
- <span class="cline-any cline-yes">900x</span>
176
- <span class="cline-any cline-yes">900x</span>
177
- <span class="cline-any cline-yes">900x</span>
178
- <span class="cline-any cline-yes">900x</span>
152
+ <span class="cline-any cline-yes">909x</span>
153
+ <span class="cline-any cline-yes">909x</span>
154
+ <span class="cline-any cline-yes">909x</span>
155
+ <span class="cline-any cline-yes">909x</span>
156
+ <span class="cline-any cline-yes">909x</span>
157
+ <span class="cline-any cline-yes">909x</span>
158
+ <span class="cline-any cline-yes">909x</span>
159
+ <span class="cline-any cline-yes">909x</span>
160
+ <span class="cline-any cline-yes">909x</span>
161
+ <span class="cline-any cline-yes">909x</span>
162
+ <span class="cline-any cline-yes">909x</span>
163
+ <span class="cline-any cline-yes">909x</span>
164
+ <span class="cline-any cline-yes">909x</span>
165
+ <span class="cline-any cline-yes">909x</span>
166
+ <span class="cline-any cline-yes">909x</span>
167
+ <span class="cline-any cline-yes">909x</span>
168
+ <span class="cline-any cline-yes">909x</span>
169
+ <span class="cline-any cline-yes">909x</span>
170
+ <span class="cline-any cline-yes">909x</span>
171
+ <span class="cline-any cline-yes">909x</span>
172
+ <span class="cline-any cline-yes">909x</span>
173
+ <span class="cline-any cline-yes">909x</span>
174
+ <span class="cline-any cline-yes">909x</span>
175
+ <span class="cline-any cline-yes">909x</span>
176
+ <span class="cline-any cline-yes">909x</span>
177
+ <span class="cline-any cline-yes">909x</span>
178
+ <span class="cline-any cline-yes">909x</span>
179
179
  <span class="cline-any cline-yes">1x</span>
180
180
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { forwardRef, type HTMLAttributes, type ReactNode } from "react";
181
181
  import { icon, type FontIconClassNameOptions } from "./styles.js";
@@ -241,7 +241,7 @@ export const FontIcon = forwardRef&lt;HTMLElement, FontIconProps&gt;(
241
241
  <div class='footer quiet pad2 space-top1 center small'>
242
242
  Code coverage generated by
243
243
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
244
- at 2023-11-10T19:08:00.813Z
244
+ at 2023-11-18T21:34:40.818Z
245
245
  </div>
246
246
  <script src="../prettify.js"></script>
247
247
  <script>
package/coverage/lcov-report/icon/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2023-11-10T19:08:00.813Z
104
+ at 2023-11-18T21:34:40.818Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/index.html CHANGED
@@ -86,7 +86,7 @@
86
86
  <div class='footer quiet pad2 space-top1 center small'>
87
87
  Code coverage generated by
88
88
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
89
- at 2023-11-14T21:00:34.483Z
89
+ at 2023-11-18T21:39:05.052Z
90
90
  </div>
91
91
  <script src="prettify.js"></script>
92
92
  <script>