react-miui 0.28.3 → 0.30.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 (949) hide show
  1. package/.storybook/main.ts +14 -14
  2. package/.storybook/preview.tsx +17 -14
  3. package/CHANGELOG.md +27 -0
  4. package/README.md +1 -1
  5. package/assets/tailspin.svg +32 -0
  6. package/dist/components/form/Checkbox.d.ts +8 -5
  7. package/dist/components/form/Checkbox.d.ts.map +1 -1
  8. package/dist/components/form/Checkbox.js +10 -4
  9. package/dist/components/form/Checkbox.js.map +1 -1
  10. package/dist/components/form/Checkbox.styled.js +1 -1
  11. package/dist/components/form/Checkbox.styled.js.map +1 -1
  12. package/dist/components/form/ColorPicker.d.ts +5 -3
  13. package/dist/components/form/ColorPicker.d.ts.map +1 -1
  14. package/dist/components/form/ColorPicker.js +8 -4
  15. package/dist/components/form/ColorPicker.js.map +1 -1
  16. package/dist/components/form/ColorPicker.styled.js +1 -1
  17. package/dist/components/form/ColorPicker.styled.js.map +1 -1
  18. package/dist/components/form/Label.d.ts +97 -6
  19. package/dist/components/form/Label.d.ts.map +1 -1
  20. package/dist/components/form/Label.js +42 -8
  21. package/dist/components/form/Label.js.map +1 -1
  22. package/dist/components/form/Select.d.ts +5 -1
  23. package/dist/components/form/Select.d.ts.map +1 -1
  24. package/dist/components/form/Select.js +1 -1
  25. package/dist/components/form/Select.js.map +1 -1
  26. package/dist/components/form/Toggle.d.ts +100 -5
  27. package/dist/components/form/Toggle.d.ts.map +1 -1
  28. package/dist/components/form/Toggle.js +8 -4
  29. package/dist/components/form/Toggle.js.map +1 -1
  30. package/dist/components/form/choice/Choice.d.ts +5 -4
  31. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  32. package/dist/components/form/choice/Choice.js +42 -8
  33. package/dist/components/form/choice/Choice.js.map +1 -1
  34. package/dist/components/form/choice/ChoiceItem.d.ts +5 -1
  35. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  36. package/dist/components/form/choice/ChoiceItem.js +3 -1
  37. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  38. package/dist/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  39. package/dist/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  40. package/dist/components/form/choice/ChoiceItem.styled.js +9 -0
  41. package/dist/components/form/choice/ChoiceItem.styled.js.map +1 -0
  42. package/dist/components/form/input/Input.css.d.ts +16 -16
  43. package/dist/components/form/input/Input.css.d.ts.map +1 -1
  44. package/dist/components/form/input/Input.css.js.map +1 -1
  45. package/dist/components/form/input/Input.d.ts +1 -1
  46. package/dist/components/form/input/Input.d.ts.map +1 -1
  47. package/dist/components/form/input/Input.js.map +1 -1
  48. package/dist/components/form/textarea/TextArea.d.ts +4 -2
  49. package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
  50. package/dist/components/form/textarea/TextArea.js +5 -3
  51. package/dist/components/form/textarea/TextArea.js.map +1 -1
  52. package/dist/components/icons/Battery.js +2 -2
  53. package/dist/components/icons/Battery.js.map +1 -1
  54. package/dist/components/icons/Checkmark.js +1 -1
  55. package/dist/components/icons/Checkmark.js.map +1 -1
  56. package/dist/components/icons/Config.js +1 -1
  57. package/dist/components/icons/Config.js.map +1 -1
  58. package/dist/components/icons/Dots.js +1 -1
  59. package/dist/components/icons/Dots.js.map +1 -1
  60. package/dist/components/icons/Heart.js +1 -1
  61. package/dist/components/icons/Heart.js.map +1 -1
  62. package/dist/components/icons/Trash.js +1 -1
  63. package/dist/components/icons/Trash.js.map +1 -1
  64. package/dist/components/layout/card/Card.d.ts +5 -9
  65. package/dist/components/layout/card/Card.d.ts.map +1 -1
  66. package/dist/components/layout/card/Card.js +2 -15
  67. package/dist/components/layout/card/Card.js.map +1 -1
  68. package/dist/components/layout/card/Card.styled.d.ts +87 -0
  69. package/dist/components/layout/card/Card.styled.d.ts.map +1 -0
  70. package/dist/components/layout/card/Card.styled.js +23 -0
  71. package/dist/components/layout/card/Card.styled.js.map +1 -0
  72. package/dist/components/layout/header/Header.d.ts +7 -5
  73. package/dist/components/layout/header/Header.d.ts.map +1 -1
  74. package/dist/components/layout/header/Header.js +41 -10
  75. package/dist/components/layout/header/Header.js.map +1 -1
  76. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  77. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  78. package/dist/components/layout/header/HeaderIconAction.styled.js +1 -1
  79. package/dist/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  80. package/dist/components/layout/header/StickyHeader.d.ts +1 -0
  81. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  82. package/dist/components/layout/header/StickyHeader.js +1 -1
  83. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  84. package/dist/components/layout/section/SearchContainer.d.ts +83 -6
  85. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -1
  86. package/dist/components/layout/section/SearchContainer.js +2 -9
  87. package/dist/components/layout/section/SearchContainer.js.map +1 -1
  88. package/dist/components/layout/section/Section.d.ts +86 -7
  89. package/dist/components/layout/section/Section.d.ts.map +1 -1
  90. package/dist/components/layout/section/Section.js +4 -2
  91. package/dist/components/layout/section/Section.js.map +1 -1
  92. package/dist/components/native/index.d.ts.map +1 -1
  93. package/dist/components/native/index.js +3 -1
  94. package/dist/components/native/index.js.map +1 -1
  95. package/dist/components/ui/action/Action.js.map +1 -1
  96. package/dist/components/ui/action/EqualActions.d.ts +4 -3
  97. package/dist/components/ui/action/EqualActions.d.ts.map +1 -1
  98. package/dist/components/ui/action/EqualActions.js +41 -10
  99. package/dist/components/ui/action/EqualActions.js.map +1 -1
  100. package/dist/components/ui/action/EqualActions.styled.d.ts +87 -0
  101. package/dist/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  102. package/dist/components/ui/action/EqualActions.styled.js +20 -0
  103. package/dist/components/ui/action/EqualActions.styled.js.map +1 -0
  104. package/dist/components/ui/directionPad/Button.d.ts +6 -4
  105. package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
  106. package/dist/components/ui/directionPad/Button.js +44 -10
  107. package/dist/components/ui/directionPad/Button.js.map +1 -1
  108. package/dist/components/ui/directionPad/Button.styled.d.ts +168 -0
  109. package/dist/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  110. package/dist/components/ui/directionPad/Button.styled.js +24 -0
  111. package/dist/components/ui/directionPad/Button.styled.js.map +1 -0
  112. package/dist/components/ui/directionPad/Middle.d.ts +4 -3
  113. package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
  114. package/dist/components/ui/directionPad/Middle.js +40 -8
  115. package/dist/components/ui/directionPad/Middle.js.map +1 -1
  116. package/dist/components/ui/directionPad/Middle.styled.d.ts +85 -0
  117. package/dist/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  118. package/dist/components/ui/directionPad/Middle.styled.js +19 -0
  119. package/dist/components/ui/directionPad/Middle.styled.js.map +1 -0
  120. package/dist/components/ui/directionPad/Pad.d.ts +9 -4
  121. package/dist/components/ui/directionPad/Pad.d.ts.map +1 -1
  122. package/dist/components/ui/directionPad/Pad.js +51 -13
  123. package/dist/components/ui/directionPad/Pad.js.map +1 -1
  124. package/dist/components/ui/directionPad/Pad.styled.d.ts +168 -0
  125. package/dist/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  126. package/dist/components/ui/directionPad/Pad.styled.js +21 -0
  127. package/dist/components/ui/directionPad/Pad.styled.js.map +1 -0
  128. package/dist/components/ui/drawer/Drawer.d.ts +7 -18
  129. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  130. package/dist/components/ui/drawer/Drawer.js +38 -56
  131. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  132. package/dist/components/ui/drawer/Drawer.styled.d.ts +168 -0
  133. package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  134. package/dist/components/ui/drawer/Drawer.styled.js +21 -0
  135. package/dist/components/ui/drawer/Drawer.styled.js.map +1 -0
  136. package/dist/components/ui/keyValue/KeyValue.d.ts +10 -4
  137. package/dist/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  138. package/dist/components/ui/keyValue/KeyValue.js +64 -22
  139. package/dist/components/ui/keyValue/KeyValue.js.map +1 -1
  140. package/dist/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  141. package/dist/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  142. package/dist/components/ui/keyValue/KeyValue.styled.js +63 -0
  143. package/dist/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  144. package/dist/components/ui/loader/CoveringLoader.d.ts +7 -6
  145. package/dist/components/ui/loader/CoveringLoader.d.ts.map +1 -1
  146. package/dist/components/ui/loader/CoveringLoader.js +97 -39
  147. package/dist/components/ui/loader/CoveringLoader.js.map +1 -1
  148. package/dist/components/ui/loader/FullLoader.d.ts +2 -3
  149. package/dist/components/ui/loader/FullLoader.d.ts.map +1 -1
  150. package/dist/components/ui/loader/FullLoader.js.map +1 -1
  151. package/dist/components/ui/loader/Loader.d.ts +1 -1
  152. package/dist/components/ui/loader/Loader.d.ts.map +1 -1
  153. package/dist/components/ui/loader/Loader.js +8 -47
  154. package/dist/components/ui/loader/Loader.js.map +1 -1
  155. package/dist/components/ui/loader/PopLoader.js +2 -2
  156. package/dist/components/ui/loader/PopLoader.js.map +1 -1
  157. package/dist/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  158. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  159. package/dist/components/ui/modal/ModalButtons.styled.js +4 -2
  160. package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
  161. package/dist/components/ui/pop/OnButtonClick.js +1 -1
  162. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  163. package/dist/components/ui/pop/Pop.d.ts.map +1 -1
  164. package/dist/components/ui/pop/Pop.js +4 -0
  165. package/dist/components/ui/pop/Pop.js.map +1 -1
  166. package/dist/components/ui/pop/Pop.styled.js +1 -1
  167. package/dist/components/ui/pop/Pop.styled.js.map +1 -1
  168. package/dist/components/ui/progress/Progress.d.ts +6 -4
  169. package/dist/components/ui/progress/Progress.d.ts.map +1 -1
  170. package/dist/components/ui/progress/Progress.js +45 -8
  171. package/dist/components/ui/progress/Progress.js.map +1 -1
  172. package/dist/components/ui/stats/Stats.d.ts +14 -8
  173. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  174. package/dist/components/ui/stats/Stats.js +64 -16
  175. package/dist/components/ui/stats/Stats.js.map +1 -1
  176. package/dist/components/ui/stats/Stats.styled.d.ts +419 -0
  177. package/dist/components/ui/stats/Stats.styled.d.ts.map +1 -0
  178. package/dist/components/ui/stats/Stats.styled.js +56 -0
  179. package/dist/components/ui/stats/Stats.styled.js.map +1 -0
  180. package/dist/components/ui/tabs/Item.d.ts +8 -4
  181. package/dist/components/ui/tabs/Item.d.ts.map +1 -1
  182. package/dist/components/ui/tabs/Item.js +5 -10
  183. package/dist/components/ui/tabs/Item.js.map +1 -1
  184. package/dist/components/ui/tabs/Item.styled.d.ts +4 -0
  185. package/dist/components/ui/tabs/Item.styled.d.ts.map +1 -0
  186. package/dist/components/ui/tabs/Item.styled.js +20 -0
  187. package/dist/components/ui/tabs/Item.styled.js.map +1 -0
  188. package/dist/components/ui/tabs/Selector.d.ts +7 -5
  189. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  190. package/dist/components/ui/tabs/Selector.js +11 -11
  191. package/dist/components/ui/tabs/Selector.js.map +1 -1
  192. package/dist/components/ui/tabs/Selector.styled.d.ts +2 -0
  193. package/dist/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  194. package/dist/components/ui/tabs/Selector.styled.js +14 -0
  195. package/dist/components/ui/tabs/Selector.styled.js.map +1 -0
  196. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  197. package/dist/components/ui/toaster/Toaster.js +1 -0
  198. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  199. package/dist/components/utils/Gap.d.ts +87 -0
  200. package/dist/components/utils/Gap.d.ts.map +1 -0
  201. package/dist/components/utils/Gap.js +18 -0
  202. package/dist/components/utils/Gap.js.map +1 -0
  203. package/dist/index.d.ts +2 -0
  204. package/dist/index.d.ts.map +1 -1
  205. package/dist/index.js +4 -1
  206. package/dist/index.js.map +1 -1
  207. package/dist/scrollbars.css.d.ts.map +1 -1
  208. package/dist/scrollbars.css.js +2 -2
  209. package/dist/scrollbars.css.js.map +1 -1
  210. package/dist/theme.css-global.d.ts +3 -0
  211. package/dist/theme.css-global.d.ts.map +1 -0
  212. package/dist/theme.css-global.js +19 -0
  213. package/dist/theme.css-global.js.map +1 -0
  214. package/dist/theme.css-reset.d.ts.map +1 -1
  215. package/dist/theme.css-reset.js +2 -4
  216. package/dist/theme.css-reset.js.map +1 -1
  217. package/dist/theme.d.ts +2 -2
  218. package/dist/utils/index.d.ts +1 -1
  219. package/dist/utils/index.d.ts.map +1 -1
  220. package/dist/utils/index.js +1 -1
  221. package/dist/utils/index.js.map +1 -1
  222. package/dist/utils/useTailSpin.d.ts +8 -0
  223. package/dist/utils/useTailSpin.d.ts.map +1 -0
  224. package/dist/utils/useTailSpin.js +20 -0
  225. package/dist/utils/useTailSpin.js.map +1 -0
  226. package/docs/assets/hierarchy.js +1 -0
  227. package/docs/assets/highlight.css +21 -0
  228. package/docs/assets/icons.js +18 -0
  229. package/docs/assets/icons.svg +1 -0
  230. package/docs/assets/main.js +5 -3
  231. package/docs/assets/navigation.js +1 -0
  232. package/docs/assets/search.js +1 -1
  233. package/docs/assets/style.css +1467 -1136
  234. package/docs/classes/index.Pop.html +123 -0
  235. package/docs/classes/index.ToasterProvider.html +120 -0
  236. package/docs/documents/Test.html +2 -0
  237. package/docs/enums/index.ICON.html +10 -0
  238. package/docs/functions/index.Action.html +31 -0
  239. package/docs/functions/index.Button.html +16 -0
  240. package/docs/functions/index.Card.html +15 -0
  241. package/docs/functions/index.Checkbox.html +11 -0
  242. package/docs/functions/index.Choice.html +10 -0
  243. package/docs/functions/index.ColorPicker.html +11 -0
  244. package/docs/functions/index.CoveringLoader.html +21 -0
  245. package/docs/functions/index.DirectionPad.html +10 -0
  246. package/docs/functions/index.Drawer.html +10 -0
  247. package/docs/functions/index.EqualActions.html +10 -0
  248. package/docs/functions/index.FullLoader.html +30 -0
  249. package/docs/functions/index.Gap.html +15 -0
  250. package/docs/functions/index.HandleEsc.html +29 -0
  251. package/docs/functions/index.Header.html +14 -0
  252. package/docs/functions/index.HeaderIconAction.html +31 -0
  253. package/docs/functions/index.Icon-1.html +29 -0
  254. package/docs/functions/index.If.html +29 -0
  255. package/docs/functions/index.Input.html +1 -0
  256. package/docs/functions/index.KeyValue.html +10 -0
  257. package/docs/functions/index.Label.html +10 -0
  258. package/docs/functions/index.Line.html +16 -0
  259. package/docs/functions/index.List.html +40 -0
  260. package/docs/functions/index.Loader.html +32 -0
  261. package/docs/functions/index.Loading.html +34 -0
  262. package/docs/functions/index.Message.html +16 -0
  263. package/docs/functions/index.Modal.html +30 -0
  264. package/docs/functions/index.ModalButtons.html +16 -0
  265. package/docs/functions/index.PopLoader.html +32 -0
  266. package/docs/functions/index.PopOption.html +29 -0
  267. package/docs/functions/index.Progress.html +11 -0
  268. package/docs/functions/index.SearchContainer.html +15 -0
  269. package/docs/functions/index.Section.html +19 -0
  270. package/docs/functions/index.Select.html +15 -0
  271. package/docs/functions/index.Selector.html +10 -0
  272. package/docs/functions/index.Spacer.html +15 -0
  273. package/docs/functions/index.Stats.html +10 -0
  274. package/docs/functions/index.StickyHeader.html +15 -0
  275. package/docs/functions/index.Table.html +15 -0
  276. package/docs/functions/index.TextArea.html +10 -0
  277. package/docs/functions/index.Toggle.html +13 -0
  278. package/docs/functions/index.ToolButton.html +16 -0
  279. package/docs/functions/index.borderPxToRem.html +1 -0
  280. package/docs/functions/index.createTheme.html +1 -0
  281. package/docs/functions/index.css.html +1 -0
  282. package/docs/functions/index.dimensionsPxToRem.html +1 -0
  283. package/docs/functions/index.fontPxToRem.html +1 -0
  284. package/docs/functions/index.getCssText.html +1 -0
  285. package/docs/functions/index.globalCss.html +3 -0
  286. package/docs/functions/index.injectGlobalStyles.html +1 -0
  287. package/docs/functions/index.keyframes.html +1 -0
  288. package/docs/functions/index.pxToRem.html +1 -0
  289. package/docs/functions/index.styled.html +1 -0
  290. package/docs/functions/index.useToaster.html +1 -0
  291. package/docs/index.html +6 -120
  292. package/docs/interfaces/index.IconProps.html +3 -0
  293. package/docs/interfaces/index.InputCustomProps.html +7 -0
  294. package/docs/interfaces/index.LoaderProps.html +9 -0
  295. package/docs/interfaces/index.StickyHeaderProps.html +9 -0
  296. package/docs/modules/index.html +1 -0
  297. package/docs/modules.html +1 -213
  298. package/docs/types/index.ActionProps.html +1 -0
  299. package/docs/types/index.CardProps.html +1 -0
  300. package/docs/types/index.CheckboxProps.html +2 -0
  301. package/docs/types/index.ChoiceProps.html +1 -0
  302. package/docs/types/index.ColorPickerProps.html +1 -0
  303. package/docs/types/index.DirectionPadProps.html +1 -0
  304. package/docs/types/index.DrawerProps.html +1 -0
  305. package/docs/types/index.EqualActionsProps.html +1 -0
  306. package/docs/types/index.HeaderProps.html +1 -0
  307. package/docs/types/index.InputProps.html +1 -0
  308. package/docs/types/index.KeyValueProps.html +1 -0
  309. package/docs/types/index.LabelProps.html +1 -0
  310. package/docs/types/index.OverwriteProps.html +1 -0
  311. package/docs/types/index.ProgressProps.html +5 -0
  312. package/docs/types/index.SelectProps.html +1 -0
  313. package/docs/types/index.SelectorProps.html +1 -0
  314. package/docs/types/index.Stat.html +1 -0
  315. package/docs/types/index.StatsProps.html +1 -0
  316. package/docs/types/index.TextAreaProps.html +1 -0
  317. package/docs/types/index.ThemeCSS.html +1 -0
  318. package/docs/types/index.ToggleProps.html +4 -0
  319. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -0
  320. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -0
  321. package/docs/variables/index.ChoiceItemSelector.html +1 -0
  322. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -0
  323. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -0
  324. package/docs/variables/index.DirectionPadButtonSelector.html +1 -0
  325. package/docs/variables/index.DirectionPadLineSelector.html +1 -0
  326. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -0
  327. package/docs/variables/index.DrawerContentSelector.html +1 -0
  328. package/docs/variables/index.HeaderAfterSelector.html +1 -0
  329. package/docs/variables/index.HeaderBeforeSelector.html +1 -0
  330. package/docs/variables/index.HeaderContentsSelector.html +1 -0
  331. package/docs/variables/index.KeyValueIconSelector.html +1 -0
  332. package/docs/variables/index.KeyValueItemSelector.html +1 -0
  333. package/docs/variables/index.KeyValueKeySelector.html +1 -0
  334. package/docs/variables/index.KeyValuePairSelector.html +1 -0
  335. package/docs/variables/index.KeyValueValueSelector.html +1 -0
  336. package/docs/variables/index.LabelTextSelector.html +1 -0
  337. package/docs/variables/index.ProgressBackgroundSelector.html +1 -0
  338. package/docs/variables/index.ProgressValueSelector.html +1 -0
  339. package/docs/variables/index.SelectorItemSelector.html +1 -0
  340. package/docs/variables/index.StatsItemSelector.html +1 -0
  341. package/docs/variables/index.StatsLabelSelector.html +1 -0
  342. package/docs/variables/index.StatsSeparatorSelector.html +1 -0
  343. package/docs/variables/index.StatsValueSelector.html +1 -0
  344. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -0
  345. package/docs/variables/index.config.html +1 -0
  346. package/docs/variables/index.cssReset.html +2 -0
  347. package/docs/variables/index.miuiScrollbars.html +1 -0
  348. package/docs/variables/index.theme.html +1 -0
  349. package/esm/components/form/Checkbox.d.ts +8 -5
  350. package/esm/components/form/Checkbox.d.ts.map +1 -1
  351. package/esm/components/form/Checkbox.js +9 -5
  352. package/esm/components/form/Checkbox.js.map +1 -1
  353. package/esm/components/form/Checkbox.stories.d.ts +1 -1
  354. package/esm/components/form/Checkbox.stories.d.ts.map +1 -1
  355. package/esm/components/form/Checkbox.styled.js +1 -1
  356. package/esm/components/form/Checkbox.styled.js.map +1 -1
  357. package/esm/components/form/ColorPicker.d.ts +5 -3
  358. package/esm/components/form/ColorPicker.d.ts.map +1 -1
  359. package/esm/components/form/ColorPicker.js +8 -5
  360. package/esm/components/form/ColorPicker.js.map +1 -1
  361. package/esm/components/form/ColorPicker.stories.d.ts +1 -1
  362. package/esm/components/form/ColorPicker.stories.d.ts.map +1 -1
  363. package/esm/components/form/ColorPicker.styled.js +1 -1
  364. package/esm/components/form/ColorPicker.styled.js.map +1 -1
  365. package/esm/components/form/Label.d.ts +97 -6
  366. package/esm/components/form/Label.d.ts.map +1 -1
  367. package/esm/components/form/Label.js +8 -5
  368. package/esm/components/form/Label.js.map +1 -1
  369. package/esm/components/form/Label.stories.d.ts +1 -1
  370. package/esm/components/form/Label.stories.d.ts.map +1 -1
  371. package/esm/components/form/Select.d.ts +5 -1
  372. package/esm/components/form/Select.d.ts.map +1 -1
  373. package/esm/components/form/Select.js +2 -1
  374. package/esm/components/form/Select.js.map +1 -1
  375. package/esm/components/form/Select.stories.d.ts +1 -1
  376. package/esm/components/form/Select.stories.d.ts.map +1 -1
  377. package/esm/components/form/Toggle.d.ts +100 -5
  378. package/esm/components/form/Toggle.d.ts.map +1 -1
  379. package/esm/components/form/Toggle.js +8 -5
  380. package/esm/components/form/Toggle.js.map +1 -1
  381. package/esm/components/form/Toggle.stories.d.ts +1 -1
  382. package/esm/components/form/Toggle.stories.d.ts.map +1 -1
  383. package/esm/components/form/choice/Choice.d.ts +5 -4
  384. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  385. package/esm/components/form/choice/Choice.js +8 -5
  386. package/esm/components/form/choice/Choice.js.map +1 -1
  387. package/esm/components/form/choice/Choice.stories.d.ts +1 -1
  388. package/esm/components/form/choice/Choice.stories.d.ts.map +1 -1
  389. package/esm/components/form/choice/ChoiceItem.d.ts +5 -1
  390. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  391. package/esm/components/form/choice/ChoiceItem.js +3 -1
  392. package/esm/components/form/choice/ChoiceItem.js.map +1 -1
  393. package/esm/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  394. package/esm/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  395. package/esm/components/form/choice/ChoiceItem.styled.js +6 -0
  396. package/esm/components/form/choice/ChoiceItem.styled.js.map +1 -0
  397. package/esm/components/form/input/Input.css.d.ts +16 -16
  398. package/esm/components/form/input/Input.css.d.ts.map +1 -1
  399. package/esm/components/form/input/Input.css.js.map +1 -1
  400. package/esm/components/form/input/Input.d.ts +1 -1
  401. package/esm/components/form/input/Input.d.ts.map +1 -1
  402. package/esm/components/form/input/Input.js.map +1 -1
  403. package/esm/components/form/input/Input.stories.d.ts +1 -1
  404. package/esm/components/form/input/Input.stories.d.ts.map +1 -1
  405. package/esm/components/form/input/Input.stories.js +3 -2
  406. package/esm/components/form/input/Input.stories.js.map +1 -1
  407. package/esm/components/form/textarea/TextArea.d.ts +4 -2
  408. package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
  409. package/esm/components/form/textarea/TextArea.js +7 -5
  410. package/esm/components/form/textarea/TextArea.js.map +1 -1
  411. package/esm/components/form/textarea/TextArea.stories.d.ts +1 -1
  412. package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -1
  413. package/esm/components/icons/Battery.js +2 -2
  414. package/esm/components/icons/Battery.js.map +1 -1
  415. package/esm/components/icons/Checkmark.js +1 -1
  416. package/esm/components/icons/Checkmark.js.map +1 -1
  417. package/esm/components/icons/Config.js +1 -1
  418. package/esm/components/icons/Config.js.map +1 -1
  419. package/esm/components/icons/Dots.js +1 -1
  420. package/esm/components/icons/Dots.js.map +1 -1
  421. package/esm/components/icons/Heart.js +1 -1
  422. package/esm/components/icons/Heart.js.map +1 -1
  423. package/esm/components/icons/Icon.stories.d.ts +10 -0
  424. package/esm/components/icons/Icon.stories.d.ts.map +1 -0
  425. package/esm/components/icons/Icon.stories.js +49 -0
  426. package/esm/components/icons/Icon.stories.js.map +1 -0
  427. package/esm/components/icons/Trash.js +1 -1
  428. package/esm/components/icons/Trash.js.map +1 -1
  429. package/esm/components/layout/card/Card.d.ts +5 -9
  430. package/esm/components/layout/card/Card.d.ts.map +1 -1
  431. package/esm/components/layout/card/Card.js +2 -12
  432. package/esm/components/layout/card/Card.js.map +1 -1
  433. package/esm/components/layout/card/Card.stories.d.ts +11 -0
  434. package/esm/components/layout/card/Card.stories.d.ts.map +1 -0
  435. package/esm/components/layout/card/Card.stories.js +39 -0
  436. package/esm/components/layout/card/Card.stories.js.map +1 -0
  437. package/esm/components/layout/card/Card.styled.d.ts +87 -0
  438. package/esm/components/layout/card/Card.styled.d.ts.map +1 -0
  439. package/esm/components/layout/card/Card.styled.js +20 -0
  440. package/esm/components/layout/card/Card.styled.js.map +1 -0
  441. package/esm/components/layout/header/Header.d.ts +7 -5
  442. package/esm/components/layout/header/Header.d.ts.map +1 -1
  443. package/esm/components/layout/header/Header.js +8 -7
  444. package/esm/components/layout/header/Header.js.map +1 -1
  445. package/esm/components/layout/header/Header.stories.d.ts +1 -1
  446. package/esm/components/layout/header/Header.stories.d.ts.map +1 -1
  447. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  448. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  449. package/esm/components/layout/header/HeaderIconAction.stories.d.ts +1 -1
  450. package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +1 -1
  451. package/esm/components/layout/header/HeaderIconAction.styled.js +2 -2
  452. package/esm/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  453. package/esm/components/layout/header/StickyHeader.d.ts +1 -0
  454. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  455. package/esm/components/layout/header/StickyHeader.js +1 -1
  456. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  457. package/esm/components/layout/header/StickyHeader.stories.d.ts +1 -1
  458. package/esm/components/layout/header/StickyHeader.stories.d.ts.map +1 -1
  459. package/esm/components/layout/list/Header.stories.d.ts +1 -1
  460. package/esm/components/layout/list/Header.stories.d.ts.map +1 -1
  461. package/esm/components/layout/list/Item.stories.d.ts +1 -1
  462. package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
  463. package/esm/components/layout/list/Item.stories.js +0 -2
  464. package/esm/components/layout/list/Item.stories.js.map +1 -1
  465. package/esm/components/layout/list/Label.stories.d.ts +1 -1
  466. package/esm/components/layout/list/Label.stories.d.ts.map +1 -1
  467. package/esm/components/layout/list/List.stories.d.ts +1 -1
  468. package/esm/components/layout/list/List.stories.d.ts.map +1 -1
  469. package/esm/components/layout/list/Value.stories.d.ts +1 -1
  470. package/esm/components/layout/list/Value.stories.d.ts.map +1 -1
  471. package/esm/components/layout/section/SearchContainer.d.ts +83 -6
  472. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -1
  473. package/esm/components/layout/section/SearchContainer.js +2 -6
  474. package/esm/components/layout/section/SearchContainer.js.map +1 -1
  475. package/esm/components/layout/section/Section.d.ts +86 -7
  476. package/esm/components/layout/section/Section.d.ts.map +1 -1
  477. package/esm/components/layout/section/Section.js +4 -2
  478. package/esm/components/layout/section/Section.js.map +1 -1
  479. package/esm/components/layout/section/Section.stories.d.ts +1 -1
  480. package/esm/components/layout/section/Section.stories.d.ts.map +1 -1
  481. package/esm/components/layout/table/Table.stories.d.ts +1 -1
  482. package/esm/components/layout/table/Table.stories.d.ts.map +1 -1
  483. package/esm/components/native/index.d.ts.map +1 -1
  484. package/esm/components/native/index.js +3 -1
  485. package/esm/components/native/index.js.map +1 -1
  486. package/esm/components/ui/action/Action.js.map +1 -1
  487. package/esm/components/ui/action/Action.stories.d.ts +1 -1
  488. package/esm/components/ui/action/Action.stories.d.ts.map +1 -1
  489. package/esm/components/ui/action/EqualActions.d.ts +4 -3
  490. package/esm/components/ui/action/EqualActions.d.ts.map +1 -1
  491. package/esm/components/ui/action/EqualActions.js +8 -7
  492. package/esm/components/ui/action/EqualActions.js.map +1 -1
  493. package/esm/components/ui/action/EqualActions.stories.d.ts +10 -0
  494. package/esm/components/ui/action/EqualActions.stories.d.ts.map +1 -0
  495. package/esm/components/ui/action/EqualActions.stories.js +38 -0
  496. package/esm/components/ui/action/EqualActions.stories.js.map +1 -0
  497. package/esm/components/ui/action/EqualActions.styled.d.ts +87 -0
  498. package/esm/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  499. package/esm/components/ui/action/EqualActions.styled.js +17 -0
  500. package/esm/components/ui/action/EqualActions.styled.js.map +1 -0
  501. package/esm/components/ui/button/Button.stories.d.ts +1 -1
  502. package/esm/components/ui/button/Button.stories.d.ts.map +1 -1
  503. package/esm/components/ui/directionPad/Button.d.ts +6 -4
  504. package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
  505. package/esm/components/ui/directionPad/Button.js +10 -7
  506. package/esm/components/ui/directionPad/Button.js.map +1 -1
  507. package/esm/components/ui/directionPad/Button.styled.d.ts +168 -0
  508. package/esm/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  509. package/esm/components/ui/directionPad/Button.styled.js +20 -0
  510. package/esm/components/ui/directionPad/Button.styled.js.map +1 -0
  511. package/esm/components/ui/directionPad/Middle.d.ts +4 -3
  512. package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
  513. package/esm/components/ui/directionPad/Middle.js +7 -5
  514. package/esm/components/ui/directionPad/Middle.js.map +1 -1
  515. package/esm/components/ui/directionPad/Middle.styled.d.ts +85 -0
  516. package/esm/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  517. package/esm/components/ui/directionPad/Middle.styled.js +16 -0
  518. package/esm/components/ui/directionPad/Middle.styled.js.map +1 -0
  519. package/esm/components/ui/directionPad/Pad.d.ts +9 -4
  520. package/esm/components/ui/directionPad/Pad.d.ts.map +1 -1
  521. package/esm/components/ui/directionPad/Pad.js +15 -11
  522. package/esm/components/ui/directionPad/Pad.js.map +1 -1
  523. package/esm/components/ui/directionPad/Pad.stories.d.ts +10 -0
  524. package/esm/components/ui/directionPad/Pad.stories.d.ts.map +1 -0
  525. package/esm/components/ui/directionPad/Pad.stories.js +79 -0
  526. package/esm/components/ui/directionPad/Pad.stories.js.map +1 -0
  527. package/esm/components/ui/directionPad/Pad.styled.d.ts +168 -0
  528. package/esm/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  529. package/esm/components/ui/directionPad/Pad.styled.js +17 -0
  530. package/esm/components/ui/directionPad/Pad.styled.js.map +1 -0
  531. package/esm/components/ui/drawer/Drawer.d.ts +7 -18
  532. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  533. package/esm/components/ui/drawer/Drawer.js +38 -54
  534. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  535. package/esm/components/ui/drawer/Drawer.stories.d.ts +11 -0
  536. package/esm/components/ui/drawer/Drawer.stories.d.ts.map +1 -0
  537. package/esm/components/ui/drawer/Drawer.stories.js +101 -0
  538. package/esm/components/ui/drawer/Drawer.stories.js.map +1 -0
  539. package/esm/components/ui/drawer/Drawer.styled.d.ts +168 -0
  540. package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  541. package/esm/components/ui/drawer/Drawer.styled.js +17 -0
  542. package/esm/components/ui/drawer/Drawer.styled.js.map +1 -0
  543. package/esm/components/ui/keyValue/KeyValue.d.ts +10 -4
  544. package/esm/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  545. package/esm/components/ui/keyValue/KeyValue.js +26 -19
  546. package/esm/components/ui/keyValue/KeyValue.js.map +1 -1
  547. package/esm/components/ui/keyValue/KeyValue.stories.d.ts +11 -0
  548. package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +1 -0
  549. package/esm/components/ui/keyValue/KeyValue.stories.js +98 -0
  550. package/esm/components/ui/keyValue/KeyValue.stories.js.map +1 -0
  551. package/esm/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  552. package/esm/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  553. package/esm/components/ui/keyValue/KeyValue.styled.js +55 -0
  554. package/esm/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  555. package/esm/components/ui/line/Line.stories.d.ts +1 -1
  556. package/esm/components/ui/line/Line.stories.d.ts.map +1 -1
  557. package/esm/components/ui/loader/CoveringLoader.d.ts +7 -6
  558. package/esm/components/ui/loader/CoveringLoader.d.ts.map +1 -1
  559. package/esm/components/ui/loader/CoveringLoader.js +97 -24
  560. package/esm/components/ui/loader/CoveringLoader.js.map +1 -1
  561. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
  562. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
  563. package/esm/components/ui/loader/CoveringLoader.stories.js +36 -11
  564. package/esm/components/ui/loader/CoveringLoader.stories.js.map +1 -1
  565. package/esm/components/ui/loader/FullLoader.d.ts +2 -3
  566. package/esm/components/ui/loader/FullLoader.d.ts.map +1 -1
  567. package/esm/components/ui/loader/FullLoader.js.map +1 -1
  568. package/esm/components/ui/loader/FullLoader.stories.d.ts +1 -1
  569. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
  570. package/esm/components/ui/loader/Loader.d.ts +1 -1
  571. package/esm/components/ui/loader/Loader.d.ts.map +1 -1
  572. package/esm/components/ui/loader/Loader.js +5 -14
  573. package/esm/components/ui/loader/Loader.js.map +1 -1
  574. package/esm/components/ui/loader/Loader.stories.d.ts +1 -1
  575. package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -1
  576. package/esm/components/ui/loader/Loader.stories.js +1 -1
  577. package/esm/components/ui/loader/Loader.stories.js.map +1 -1
  578. package/esm/components/ui/loader/Loading.stories.d.ts +1 -1
  579. package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -1
  580. package/esm/components/ui/loader/PopLoader.js +2 -2
  581. package/esm/components/ui/loader/PopLoader.js.map +1 -1
  582. package/esm/components/ui/loader/PopLoader.stories.d.ts +1 -1
  583. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
  584. package/esm/components/ui/message/Message.stories.d.ts +1 -1
  585. package/esm/components/ui/message/Message.stories.d.ts.map +1 -1
  586. package/esm/components/ui/modal/Modal.stories.d.ts +1 -1
  587. package/esm/components/ui/modal/Modal.stories.d.ts.map +1 -1
  588. package/esm/components/ui/modal/ModalButtons.stories.d.ts +1 -1
  589. package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
  590. package/esm/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  591. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  592. package/esm/components/ui/modal/ModalButtons.styled.js +4 -2
  593. package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
  594. package/esm/components/ui/pop/OnButtonClick.js +1 -1
  595. package/esm/components/ui/pop/OnButtonClick.js.map +1 -1
  596. package/esm/components/ui/pop/Pop.d.ts.map +1 -1
  597. package/esm/components/ui/pop/Pop.js +4 -0
  598. package/esm/components/ui/pop/Pop.js.map +1 -1
  599. package/esm/components/ui/pop/Pop.stories.d.ts +1 -1
  600. package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -1
  601. package/esm/components/ui/pop/Pop.styled.js +1 -1
  602. package/esm/components/ui/pop/Pop.styled.js.map +1 -1
  603. package/esm/components/ui/progress/Progress.d.ts +6 -4
  604. package/esm/components/ui/progress/Progress.d.ts.map +1 -1
  605. package/esm/components/ui/progress/Progress.js +10 -5
  606. package/esm/components/ui/progress/Progress.js.map +1 -1
  607. package/esm/components/ui/progress/Progress.stories.d.ts +1 -1
  608. package/esm/components/ui/progress/Progress.stories.d.ts.map +1 -1
  609. package/esm/components/ui/progress/Progress.stories.js.map +1 -1
  610. package/esm/components/ui/stats/Stats.d.ts +14 -8
  611. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  612. package/esm/components/ui/stats/Stats.js +16 -14
  613. package/esm/components/ui/stats/Stats.js.map +1 -1
  614. package/esm/components/ui/stats/Stats.stories.d.ts +11 -0
  615. package/esm/components/ui/stats/Stats.stories.d.ts.map +1 -0
  616. package/esm/components/ui/stats/Stats.stories.js +104 -0
  617. package/esm/components/ui/stats/Stats.stories.js.map +1 -0
  618. package/esm/components/ui/stats/Stats.styled.d.ts +419 -0
  619. package/esm/components/ui/stats/Stats.styled.d.ts.map +1 -0
  620. package/esm/components/ui/stats/Stats.styled.js +49 -0
  621. package/esm/components/ui/stats/Stats.styled.js.map +1 -0
  622. package/esm/components/ui/tabs/Item.d.ts +8 -4
  623. package/esm/components/ui/tabs/Item.d.ts.map +1 -1
  624. package/esm/components/ui/tabs/Item.js +5 -7
  625. package/esm/components/ui/tabs/Item.js.map +1 -1
  626. package/esm/components/ui/tabs/Item.styled.d.ts +4 -0
  627. package/esm/components/ui/tabs/Item.styled.d.ts.map +1 -0
  628. package/esm/components/ui/tabs/Item.styled.js +17 -0
  629. package/esm/components/ui/tabs/Item.styled.js.map +1 -0
  630. package/esm/components/ui/tabs/Selector.d.ts +7 -5
  631. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  632. package/esm/components/ui/tabs/Selector.js +9 -7
  633. package/esm/components/ui/tabs/Selector.js.map +1 -1
  634. package/esm/components/ui/tabs/Selector.stories.d.ts +10 -0
  635. package/esm/components/ui/tabs/Selector.stories.d.ts.map +1 -0
  636. package/esm/components/ui/tabs/Selector.stories.js +72 -0
  637. package/esm/components/ui/tabs/Selector.stories.js.map +1 -0
  638. package/esm/components/ui/tabs/Selector.styled.d.ts +2 -0
  639. package/esm/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  640. package/esm/components/ui/tabs/Selector.styled.js +11 -0
  641. package/esm/components/ui/tabs/Selector.styled.js.map +1 -0
  642. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  643. package/esm/components/ui/toaster/Toaster.js +1 -0
  644. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  645. package/esm/components/ui/toaster/Toaster.stories.d.ts +1 -1
  646. package/esm/components/ui/toaster/Toaster.stories.d.ts.map +1 -1
  647. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +1 -1
  648. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -1
  649. package/esm/components/utils/Gap.d.ts +87 -0
  650. package/esm/components/utils/Gap.d.ts.map +1 -0
  651. package/esm/components/utils/Gap.js +15 -0
  652. package/esm/components/utils/Gap.js.map +1 -0
  653. package/esm/index.d.ts +2 -0
  654. package/esm/index.d.ts.map +1 -1
  655. package/esm/index.js +2 -0
  656. package/esm/index.js.map +1 -1
  657. package/esm/scrollbars.css.d.ts.map +1 -1
  658. package/esm/scrollbars.css.js +2 -2
  659. package/esm/scrollbars.css.js.map +1 -1
  660. package/esm/theme.css-global.d.ts +3 -0
  661. package/esm/theme.css-global.d.ts.map +1 -0
  662. package/esm/theme.css-global.js +16 -0
  663. package/esm/theme.css-global.js.map +1 -0
  664. package/esm/theme.css-reset.d.ts.map +1 -1
  665. package/esm/theme.css-reset.js +2 -4
  666. package/esm/theme.css-reset.js.map +1 -1
  667. package/esm/theme.d.ts +2 -2
  668. package/esm/utils/index.d.ts +1 -1
  669. package/esm/utils/index.d.ts.map +1 -1
  670. package/esm/utils/index.js +1 -1
  671. package/esm/utils/index.js.map +1 -1
  672. package/esm/utils/useTailSpin.d.ts +8 -0
  673. package/esm/utils/useTailSpin.d.ts.map +1 -0
  674. package/esm/utils/useTailSpin.js +17 -0
  675. package/esm/utils/useTailSpin.js.map +1 -0
  676. package/package.json +14 -34
  677. package/src/components/form/Checkbox.stories.tsx +1 -1
  678. package/src/components/form/Checkbox.styled.ts +1 -1
  679. package/src/components/form/Checkbox.tsx +23 -14
  680. package/src/components/form/ColorPicker.stories.tsx +1 -1
  681. package/src/components/form/ColorPicker.styled.ts +1 -1
  682. package/src/components/form/ColorPicker.tsx +21 -14
  683. package/src/components/form/Label.stories.tsx +1 -1
  684. package/src/components/form/Label.tsx +13 -11
  685. package/src/components/form/Select.stories.tsx +1 -1
  686. package/src/components/form/Select.tsx +8 -1
  687. package/src/components/form/Toggle.stories.tsx +1 -1
  688. package/src/components/form/Toggle.tsx +12 -9
  689. package/src/components/form/choice/Choice.stories.tsx +1 -1
  690. package/src/components/form/choice/Choice.tsx +13 -8
  691. package/src/components/form/choice/ChoiceItem.styled.ts +9 -0
  692. package/src/components/form/choice/ChoiceItem.tsx +8 -2
  693. package/src/components/form/input/Input.css.ts +3 -5
  694. package/src/components/form/input/Input.stories.tsx +5 -4
  695. package/src/components/form/input/Input.tsx +3 -2
  696. package/src/components/form/textarea/TextArea.stories.tsx +1 -1
  697. package/src/components/form/textarea/TextArea.tsx +12 -7
  698. package/src/components/icons/Battery.tsx +2 -2
  699. package/src/components/icons/Checkmark.tsx +1 -1
  700. package/src/components/icons/Config.tsx +1 -1
  701. package/src/components/icons/Dots.tsx +1 -1
  702. package/src/components/icons/Heart.tsx +1 -1
  703. package/src/components/icons/Icon.stories.tsx +82 -0
  704. package/src/components/icons/Trash.tsx +1 -1
  705. package/src/components/layout/card/Card.stories.tsx +93 -0
  706. package/src/components/layout/card/Card.styled.ts +25 -0
  707. package/src/components/layout/card/Card.tsx +5 -27
  708. package/src/components/layout/header/Header.stories.tsx +2 -2
  709. package/src/components/layout/header/Header.tsx +11 -9
  710. package/src/components/layout/header/HeaderIconAction.stories.tsx +1 -1
  711. package/src/components/layout/header/HeaderIconAction.styled.ts +2 -2
  712. package/src/components/layout/header/HeaderIconAction.tsx +1 -0
  713. package/src/components/layout/header/StickyHeader.stories.tsx +2 -2
  714. package/src/components/layout/header/StickyHeader.tsx +10 -2
  715. package/src/components/layout/list/Header.stories.tsx +1 -1
  716. package/src/components/layout/list/Item.stories.tsx +1 -4
  717. package/src/components/layout/list/Label.stories.tsx +1 -1
  718. package/src/components/layout/list/List.stories.tsx +1 -1
  719. package/src/components/layout/list/Value.stories.tsx +1 -1
  720. package/src/components/layout/section/SearchContainer.tsx +2 -15
  721. package/src/components/layout/section/Section.stories.tsx +1 -1
  722. package/src/components/layout/section/Section.tsx +4 -7
  723. package/src/components/layout/table/Table.stories.tsx +1 -1
  724. package/src/components/native/index.ts +3 -1
  725. package/src/components/ui/action/Action.stories.tsx +1 -1
  726. package/src/components/ui/action/Action.tsx +2 -2
  727. package/src/components/ui/action/EqualActions.stories.tsx +72 -0
  728. package/src/components/ui/action/EqualActions.styled.ts +21 -0
  729. package/src/components/ui/action/EqualActions.tsx +21 -14
  730. package/src/components/ui/button/Button.stories.tsx +1 -1
  731. package/src/components/ui/directionPad/Button.styled.ts +25 -0
  732. package/src/components/ui/directionPad/Button.tsx +16 -8
  733. package/src/components/ui/directionPad/Middle.styled.ts +19 -0
  734. package/src/components/ui/directionPad/Middle.tsx +13 -7
  735. package/src/components/ui/directionPad/Pad.stories.tsx +143 -0
  736. package/src/components/ui/directionPad/Pad.styled.ts +22 -0
  737. package/src/components/ui/directionPad/Pad.tsx +30 -19
  738. package/src/components/ui/drawer/Drawer.stories.tsx +167 -0
  739. package/src/components/ui/drawer/Drawer.styled.ts +22 -0
  740. package/src/components/ui/drawer/Drawer.tsx +44 -67
  741. package/src/components/ui/keyValue/KeyValue.stories.tsx +143 -0
  742. package/src/components/ui/keyValue/KeyValue.styled.ts +70 -0
  743. package/src/components/ui/keyValue/KeyValue.tsx +49 -24
  744. package/src/components/ui/line/Line.stories.tsx +1 -1
  745. package/src/components/ui/loader/CoveringLoader.stories.tsx +39 -12
  746. package/src/components/ui/loader/CoveringLoader.tsx +132 -41
  747. package/src/components/ui/loader/FullLoader.stories.tsx +1 -1
  748. package/src/components/ui/loader/FullLoader.tsx +3 -3
  749. package/src/components/ui/loader/Loader.stories.tsx +2 -2
  750. package/src/components/ui/loader/Loader.tsx +8 -50
  751. package/src/components/ui/loader/Loading.stories.tsx +1 -1
  752. package/src/components/ui/loader/PopLoader.stories.tsx +1 -1
  753. package/src/components/ui/loader/PopLoader.tsx +2 -2
  754. package/src/components/ui/message/Message.stories.tsx +1 -1
  755. package/src/components/ui/message/Message.tsx +1 -1
  756. package/src/components/ui/modal/Modal.stories.tsx +1 -1
  757. package/src/components/ui/modal/ModalButtons.stories.tsx +1 -1
  758. package/src/components/ui/modal/ModalButtons.styled.ts +4 -4
  759. package/src/components/ui/pop/OnButtonClick.tsx +1 -1
  760. package/src/components/ui/pop/Pop.stories.tsx +1 -1
  761. package/src/components/ui/pop/Pop.styled.ts +1 -1
  762. package/src/components/ui/pop/Pop.tsx +5 -1
  763. package/src/components/ui/progress/Progress.stories.tsx +2 -1
  764. package/src/components/ui/progress/Progress.tsx +25 -7
  765. package/src/components/ui/stats/Stats.stories.tsx +167 -0
  766. package/src/components/ui/stats/Stats.styled.ts +62 -0
  767. package/src/components/ui/stats/Stats.tsx +35 -25
  768. package/src/components/ui/tabs/Item.styled.ts +19 -0
  769. package/src/components/ui/tabs/Item.tsx +14 -13
  770. package/src/components/ui/tabs/Selector.stories.tsx +108 -0
  771. package/src/components/ui/tabs/Selector.styled.ts +13 -0
  772. package/src/components/ui/tabs/Selector.tsx +16 -13
  773. package/src/components/ui/toaster/Toaster.stories.tsx +1 -1
  774. package/src/components/ui/toaster/Toaster.tsx +1 -0
  775. package/src/components/ui/toolButton/ToolButton.stories.tsx +1 -1
  776. package/src/components/utils/Gap.tsx +19 -0
  777. package/src/index.ts +2 -0
  778. package/src/scrollbars.css.ts +3 -3
  779. package/src/theme.css-global.ts +19 -0
  780. package/src/theme.css-reset.ts +2 -4
  781. package/src/types/fnWithProps.ts +1 -1
  782. package/src/utils/index.ts +1 -1
  783. package/src/utils/useTailSpin.ts +38 -0
  784. package/.prettierignore +0 -3
  785. package/.prettierrc.json +0 -1
  786. package/dist/components/layout/card/Card.module.scss +0 -15
  787. package/dist/components/layout/section/SearchContainer.module.scss +0 -3
  788. package/dist/components/ui/action/EqualActions.module.scss +0 -11
  789. package/dist/components/ui/directionPad/Pad.module.scss +0 -45
  790. package/dist/components/ui/drawer/Drawer.module.scss +0 -15
  791. package/dist/components/ui/keyValue/KeyValue.module.scss +0 -57
  792. package/dist/components/ui/message/Message.module.scss +0 -31
  793. package/dist/components/ui/modal/ModalButton.d.ts +0 -8
  794. package/dist/components/ui/modal/ModalButton.d.ts.map +0 -1
  795. package/dist/components/ui/modal/ModalButton.js +0 -31
  796. package/dist/components/ui/modal/ModalButton.js.map +0 -1
  797. package/dist/components/ui/stats/Stats.module.scss +0 -48
  798. package/dist/components/ui/tabs/Item.module.scss +0 -11
  799. package/dist/components/ui/tabs/Selector.module.scss +0 -6
  800. package/dist/global.scss +0 -95
  801. package/dist/scrollbars.scss +0 -22
  802. package/dist/utils/makeVariants.d.ts +0 -3
  803. package/dist/utils/makeVariants.d.ts.map +0 -1
  804. package/dist/utils/makeVariants.js +0 -14
  805. package/dist/utils/makeVariants.js.map +0 -1
  806. package/docs/assets/pages.css +0 -14
  807. package/docs/classes/Drawer.html +0 -550
  808. package/docs/classes/Pop.html +0 -581
  809. package/docs/classes/ToasterProvider.html +0 -569
  810. package/docs/enums/ICON.html +0 -124
  811. package/docs/functions/Action.html +0 -139
  812. package/docs/functions/Button.html +0 -165
  813. package/docs/functions/Card.html +0 -136
  814. package/docs/functions/Checkbox.html +0 -138
  815. package/docs/functions/Choice.html +0 -136
  816. package/docs/functions/ColorPicker.html +0 -138
  817. package/docs/functions/CoveringLoader.html +0 -139
  818. package/docs/functions/DirectionPad.html +0 -136
  819. package/docs/functions/EqualActions.html +0 -136
  820. package/docs/functions/FullLoader.html +0 -138
  821. package/docs/functions/HandleEsc.html +0 -136
  822. package/docs/functions/Header-1.html +0 -141
  823. package/docs/functions/Header.toString.html +0 -56
  824. package/docs/functions/HeaderAfterSelector.html +0 -125
  825. package/docs/functions/HeaderBeforeSelector.html +0 -125
  826. package/docs/functions/HeaderContentsSelector.html +0 -125
  827. package/docs/functions/HeaderIconAction.html +0 -139
  828. package/docs/functions/Icon-1.html +0 -136
  829. package/docs/functions/If.html +0 -136
  830. package/docs/functions/Input.html +0 -135
  831. package/docs/functions/KeyValue.html +0 -136
  832. package/docs/functions/Label.html +0 -136
  833. package/docs/functions/Line.html +0 -165
  834. package/docs/functions/List-1.html +0 -146
  835. package/docs/functions/Loader.html +0 -140
  836. package/docs/functions/Loading.html +0 -142
  837. package/docs/functions/Message.html +0 -165
  838. package/docs/functions/Modal-1.html +0 -136
  839. package/docs/functions/ModalButtons.html +0 -159
  840. package/docs/functions/PopLoader.html +0 -140
  841. package/docs/functions/PopOption.html +0 -136
  842. package/docs/functions/Progress.html +0 -139
  843. package/docs/functions/SearchContainer.html +0 -136
  844. package/docs/functions/Section.html +0 -171
  845. package/docs/functions/Select.html +0 -159
  846. package/docs/functions/Selector.html +0 -135
  847. package/docs/functions/Spacer.html +0 -159
  848. package/docs/functions/Stats.html +0 -136
  849. package/docs/functions/StickyHeader.html +0 -130
  850. package/docs/functions/Table.html +0 -159
  851. package/docs/functions/TextArea.html +0 -136
  852. package/docs/functions/Toggle.html +0 -136
  853. package/docs/functions/ToolButton.html +0 -165
  854. package/docs/functions/borderPxToRem.html +0 -130
  855. package/docs/functions/createTheme.html +0 -139
  856. package/docs/functions/css.html +0 -137
  857. package/docs/functions/dimensionsPxToRem.html +0 -130
  858. package/docs/functions/fontPxToRem.html +0 -130
  859. package/docs/functions/getCssText.html +0 -125
  860. package/docs/functions/globalCss.html +0 -141
  861. package/docs/functions/keyframes.html +0 -141
  862. package/docs/functions/pxToRem.html +0 -130
  863. package/docs/functions/styled.html +0 -141
  864. package/docs/functions/useToaster.html +0 -125
  865. package/docs/interfaces/IconProps.html +0 -79
  866. package/docs/interfaces/InputCustomProps.html +0 -127
  867. package/docs/interfaces/LabelProps.html +0 -104
  868. package/docs/interfaces/StickyHeaderProps.html +0 -100
  869. package/docs/interfaces/ToggleProps.html +0 -136
  870. package/docs/modules/Header.html +0 -58
  871. package/docs/modules/List.html +0 -61
  872. package/docs/modules/Modal.html +0 -58
  873. package/docs/pages/tutorials/Test.html +0 -120
  874. package/docs/types/ActionProps.html +0 -121
  875. package/docs/types/ChoiceProps.html +0 -121
  876. package/docs/types/InputProps.html +0 -126
  877. package/docs/types/OverwriteProps.html +0 -136
  878. package/docs/types/ThemeCSS.html +0 -121
  879. package/docs/variables/List.Header.html +0 -53
  880. package/docs/variables/List.Item.html +0 -53
  881. package/docs/variables/Modal.RemovePadding.html +0 -52
  882. package/docs/variables/config.html +0 -135
  883. package/docs/variables/cssReset.html +0 -123
  884. package/docs/variables/miuiScrollbars.html +0 -121
  885. package/docs/variables/theme.html +0 -121
  886. package/esm/components/layout/card/Card.module.scss +0 -15
  887. package/esm/components/layout/section/SearchContainer.module.scss +0 -3
  888. package/esm/components/ui/action/EqualActions.module.scss +0 -11
  889. package/esm/components/ui/directionPad/Pad.module.scss +0 -45
  890. package/esm/components/ui/drawer/Drawer.module.scss +0 -15
  891. package/esm/components/ui/keyValue/KeyValue.module.scss +0 -57
  892. package/esm/components/ui/message/Message.module.scss +0 -31
  893. package/esm/components/ui/modal/ModalButton.d.ts +0 -8
  894. package/esm/components/ui/modal/ModalButton.d.ts.map +0 -1
  895. package/esm/components/ui/modal/ModalButton.js +0 -13
  896. package/esm/components/ui/modal/ModalButton.js.map +0 -1
  897. package/esm/components/ui/stats/Stats.module.scss +0 -48
  898. package/esm/components/ui/tabs/Item.module.scss +0 -11
  899. package/esm/components/ui/tabs/Selector.module.scss +0 -6
  900. package/esm/global.scss +0 -95
  901. package/esm/scrollbars.scss +0 -22
  902. package/esm/utils/makeVariants.d.ts +0 -3
  903. package/esm/utils/makeVariants.d.ts.map +0 -1
  904. package/esm/utils/makeVariants.js +0 -11
  905. package/esm/utils/makeVariants.js.map +0 -1
  906. package/next.config.js +0 -6
  907. package/src/components/layout/card/Card.module.scss +0 -15
  908. package/src/components/layout/section/SearchContainer.module.scss +0 -3
  909. package/src/components/ui/action/EqualActions.module.scss +0 -11
  910. package/src/components/ui/directionPad/Pad.module.scss +0 -45
  911. package/src/components/ui/drawer/Drawer.module.scss +0 -15
  912. package/src/components/ui/keyValue/KeyValue.module.scss +0 -57
  913. package/src/components/ui/message/Message.module.scss +0 -31
  914. package/src/components/ui/modal/ModalButton.tsx +0 -27
  915. package/src/components/ui/stats/Stats.module.scss +0 -48
  916. package/src/components/ui/tabs/Item.module.scss +0 -11
  917. package/src/components/ui/tabs/Selector.module.scss +0 -6
  918. package/src/demo/Demo.module.scss +0 -4
  919. package/src/demo/Demo.tsx +0 -25
  920. package/src/demo/Main.module.scss +0 -38
  921. package/src/demo/Main.tsx +0 -84
  922. package/src/demo/Menu.module.scss +0 -42
  923. package/src/demo/Menu.tsx +0 -43
  924. package/src/demo/NextLink.tsx +0 -11
  925. package/src/demo/components/form/Form.tsx +0 -31
  926. package/src/demo/components/form/Search.tsx +0 -33
  927. package/src/demo/components/form/TextArea.tsx +0 -13
  928. package/src/demo/components/layout/card/Card.tsx +0 -21
  929. package/src/demo/components/ui/action/Action.tsx +0 -109
  930. package/src/demo/components/ui/action/ActionDemo.module.scss +0 -3
  931. package/src/demo/components/ui/directionPad/Pad.tsx +0 -41
  932. package/src/demo/components/ui/drawer/Drawer.tsx +0 -29
  933. package/src/demo/components/ui/icons/Icons.tsx +0 -24
  934. package/src/demo/components/ui/keyValue/KeyValue.tsx +0 -49
  935. package/src/demo/components/ui/stats/Stats.module.scss +0 -29
  936. package/src/demo/components/ui/stats/Stats.tsx +0 -60
  937. package/src/demo/components/ui/tabs/Tabs.tsx +0 -15
  938. package/src/demo/componentsMap.ts +0 -107
  939. package/src/demo/utils/safeUseHash.ts +0 -15
  940. package/src/demo-global.scss +0 -9
  941. package/src/global.scss +0 -95
  942. package/src/pages/_app.tsx +0 -24
  943. package/src/pages/index.tsx +0 -10
  944. package/src/pages/react-miui.tsx +0 -13
  945. package/src/scrollbars.scss +0 -22
  946. package/src/utils/makeVariants.ts +0 -13
  947. package/typedoc.cjs +0 -5
  948. package/typedoc.mjs +0 -49
  949. /package/src/demo/{components/form/countries.const.ts → countries.const.ts} +0 -0
package/docs/classes/ToasterProvider.html DELETED
@@ -1,569 +0,0 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ToasterProvider | react-miui - v0.28.3</title><meta name="description" content="Documentation for react-miui - v0.28.3"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script><link rel="stylesheet" href="../assets/pages.css"/></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
2
- <div class="tsd-toolbar-contents container">
3
- <div class="table-cell" id="tsd-search" data-base="..">
4
- <div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
5
- <div class="field">
6
- <div id="tsd-toolbar-links"></div></div>
7
- <ul class="results">
8
- <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.28.3</a></div>
10
- <div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
11
- <div class="container container-main">
12
- <div class="col-8 col-content">
13
- <div class="tsd-page-title">
14
- <ul class="tsd-breadcrumb">
15
- <li><a href="../modules.html">react-miui - v0.28.3</a></li>
16
- <li><a href="ToasterProvider.html">ToasterProvider</a></li></ul>
17
- <h1>Class ToasterProvider</h1></div>
18
- <section class="tsd-panel tsd-hierarchy">
19
- <h4>Hierarchy</h4>
20
- <ul class="tsd-hierarchy">
21
- <li><span class="tsd-signature-type">Component</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>
22
- <ul class="tsd-hierarchy">
23
- <li><span class="target">ToasterProvider</span></li></ul></li></ul></section><aside class="tsd-sources">
24
- <ul>
25
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L26">src/components/ui/toaster/Toaster.tsx:26</a></li></ul></aside>
26
- <section class="tsd-panel-group tsd-index-group">
27
- <section class="tsd-panel tsd-index-panel">
28
- <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
29
- <h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
30
- <div class="tsd-accordion-details">
31
- <section class="tsd-index-section">
32
- <h3 class="tsd-index-heading">Constructors</h3>
33
- <div class="tsd-index-list"><a href="ToasterProvider.html#constructor" class="tsd-index-link tsd-kind-constructor tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#4D7FFF" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-512-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-512-text"></path></svg><span>constructor</span></a>
34
- </div></section>
35
- <section class="tsd-index-section">
36
- <h3 class="tsd-index-heading">Properties</h3>
37
- <div class="tsd-index-list"><a href="ToasterProvider.html#context" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>context</span></a>
38
- <a href="ToasterProvider.html#props" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>props</span></a>
39
- <a href="ToasterProvider.html#refs" class="tsd-index-link deprecated tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>refs</span></a>
40
- <a href="ToasterProvider.html#state" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>state</span></a>
41
- <a href="ToasterProvider.html#contextType" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>context<wbr/>Type?</span></a>
42
- </div></section>
43
- <section class="tsd-index-section">
44
- <h3 class="tsd-index-heading">Methods</h3>
45
- <div class="tsd-index-list"><a href="ToasterProvider.html#UNSAFE_componentWillMount" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF4DB8" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-2048-path"></rect><path d="M9.162 16V7.24H10.578L11.514 10.072C11.602 10.328 11.674 10.584 11.73 10.84C11.794 11.088 11.842 11.28 11.874 11.416C11.906 11.28 11.954 11.088 12.018 10.84C12.082 10.584 12.154 10.324 12.234 10.06L13.122 7.24H14.538V16H13.482V12.82C13.482 12.468 13.49 12.068 13.506 11.62C13.53 11.172 13.558 10.716 13.59 10.252C13.622 9.78 13.654 9.332 13.686 8.908C13.726 8.476 13.762 8.1 13.794 7.78L12.366 12.16H11.334L9.894 7.78C9.934 8.092 9.97 8.456 10.002 8.872C10.042 9.28 10.078 9.716 10.11 10.18C10.142 10.636 10.166 11.092 10.182 11.548C10.206 12.004 10.218 12.428 10.218 12.82V16H9.162Z" fill="var(--color-text)" id="icon-2048-text"></path></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount?</span></a>
46
- <a href="ToasterProvider.html#UNSAFE_componentWillReceiveProps" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props?</span></a>
47
- <a href="ToasterProvider.html#UNSAFE_componentWillUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update?</span></a>
48
- <a href="ToasterProvider.html#_add" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>_add</span></a>
49
- <a href="ToasterProvider.html#_handleRemove" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>_handle<wbr/>Remove</span></a>
50
- <a href="ToasterProvider.html#_removeAllToasts" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>_remove<wbr/>All<wbr/>Toasts</span></a>
51
- <a href="ToasterProvider.html#componentDidCatch" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Did<wbr/>Catch?</span></a>
52
- <a href="ToasterProvider.html#componentDidMount" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Did<wbr/>Mount?</span></a>
53
- <a href="ToasterProvider.html#componentDidUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Did<wbr/>Update?</span></a>
54
- <a href="ToasterProvider.html#componentWillMount" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Will<wbr/>Mount?</span></a>
55
- <a href="ToasterProvider.html#componentWillReceiveProps" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Will<wbr/>Receive<wbr/>Props?</span></a>
56
- <a href="ToasterProvider.html#componentWillUnmount" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Will<wbr/>Unmount?</span></a>
57
- <a href="ToasterProvider.html#componentWillUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>component<wbr/>Will<wbr/>Update?</span></a>
58
- <a href="ToasterProvider.html#forceUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>force<wbr/>Update</span></a>
59
- <a href="ToasterProvider.html#getSnapshotBeforeUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update?</span></a>
60
- <a href="ToasterProvider.html#render" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>render</span></a>
61
- <a href="ToasterProvider.html#setState" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>set<wbr/>State</span></a>
62
- <a href="ToasterProvider.html#shouldComponentUpdate" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>should<wbr/>Component<wbr/>Update?</span></a>
63
- </div></section></div></details></section></section>
64
- <section class="tsd-panel-group tsd-member-group">
65
- <h2>Constructors</h2>
66
- <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class"><a id="constructor" class="tsd-anchor"></a>
67
- <h3 class="tsd-anchor-link"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
68
- <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
69
- <li class="tsd-signature tsd-anchor-link" id="constructor.new_ToasterProvider">new <wbr/>Toaster<wbr/>Provider<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span>, context<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="ToasterProvider.html" class="tsd-signature-type" data-tsd-kind="Class">ToasterProvider</a><a href="#constructor.new_ToasterProvider" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
70
- <li class="tsd-description">
71
- <div class="tsd-parameters">
72
- <h4 class="tsd-parameters-title">Parameters</h4>
73
- <ul class="tsd-parameter-list">
74
- <li>
75
- <h5>props: <span class="tsd-signature-type">Props</span></h5></li>
76
- <li>
77
- <h5>context: <span class="tsd-signature-type">unknown</span></h5></li></ul></div>
78
- <h4 class="tsd-returns-title">Returns <a href="ToasterProvider.html" class="tsd-signature-type" data-tsd-kind="Class">ToasterProvider</a></h4><aside class="tsd-sources">
79
- <p>Overrides React.Component&lt;Props, State&gt;.constructor</p>
80
- <ul>
81
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L27">src/components/ui/toaster/Toaster.tsx:27</a></li></ul></aside></li></ul></section></section>
82
- <section class="tsd-panel-group tsd-member-group">
83
- <h2>Properties</h2>
84
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="context" class="tsd-anchor"></a>
85
- <h3 class="tsd-anchor-link"><span>context</span><a href="#context" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
86
- <div class="tsd-signature">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span></div>
87
- <div class="tsd-comment tsd-typography"><p>If using the new style context, re-declare this in your class to be the
88
- <code>React.ContextType</code> of your <code>static contextType</code>.
89
- Should be used with type annotation or static contextType.</p>
90
-
91
- <h3>Example</h3><pre><code class="language-ts"><span class="hl-6">static</span><span class="hl-1"> </span><span class="hl-6">contextType</span><span class="hl-1"> = </span><span class="hl-6">MyContext</span><br/><span class="hl-7">// For TS pre-3.7:</span><br/><span class="hl-6">context</span><span class="hl-1">!: </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-6">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">MyContext</span><span class="hl-1">&gt;</span><br/><span class="hl-7">// For TS 3.7 and above:</span><br/><span class="hl-0">declare</span><span class="hl-1"> </span><span class="hl-8">context</span><span class="hl-1">: </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-6">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">MyContext</span><span class="hl-1">&gt;</span>
92
- </code></pre>
93
-
94
- <h3>See</h3><p><a href="https://react.dev/reference/react/Component#context">React Docs</a></p>
95
- </div><aside class="tsd-sources">
96
- <p>Inherited from React.Component.context</p>
97
- <ul>
98
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1013</li></ul></aside></section>
99
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="props" class="tsd-anchor"></a>
100
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadonly">Readonly</code> <span>props</span><a href="#props" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
101
- <div class="tsd-signature">props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources">
102
- <p>Inherited from React.Component.props</p>
103
- <ul>
104
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1033</li></ul></aside></section>
105
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="refs" class="tsd-anchor"></a>
106
- <h3 class="tsd-anchor-link"><span class="deprecated">refs</span><a href="#refs" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
107
- <div class="tsd-signature">refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span>    </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactInstance</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span></div>
108
- <div class="tsd-comment tsd-typography">
109
- <h3>Deprecated</h3>
110
- <h3>See</h3><p><a href="https://legacy.reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">Legacy React Docs</a></p>
111
- </div>
112
- <div class="tsd-type-declaration">
113
- <h4>Type declaration</h4>
114
- <ul class="tsd-parameters">
115
- <li class="tsd-parameter-index-signature">
116
- <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">ReactInstance</span></h5></li></ul></div><aside class="tsd-sources">
117
- <p>Inherited from React.Component.refs</p>
118
- <ul>
119
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1040</li></ul></aside></section>
120
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="state" class="tsd-anchor"></a>
121
- <h3 class="tsd-anchor-link"><span>state</span><a href="#state" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
122
- <div class="tsd-signature">state<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources">
123
- <p>Inherited from React.Component.state</p>
124
- <ul>
125
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1034</li></ul></aside></section>
126
- <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="contextType" class="tsd-anchor"></a>
127
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <code class="tsd-tag ts-flagOptional">Optional</code> <span>context<wbr/>Type</span><a href="#contextType" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
128
- <div class="tsd-signature">context<wbr/>Type<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Context</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
129
- <div class="tsd-comment tsd-typography"><p>If set, <code>this.context</code> will be set at runtime to the current value of the given Context.</p>
130
-
131
- <h3>Example</h3><pre><code class="language-ts"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">MyContext</span><span class="hl-1"> = </span><span class="hl-5">number</span><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-2">Ctx</span><span class="hl-1"> = </span><span class="hl-6">React</span><span class="hl-1">.</span><span class="hl-3">createContext</span><span class="hl-1">&lt;</span><span class="hl-5">MyContext</span><span class="hl-1">&gt;(</span><span class="hl-9">0</span><span class="hl-1">)</span><br/><br/><span class="hl-0">class</span><span class="hl-1"> </span><span class="hl-5">Foo</span><span class="hl-1"> </span><span class="hl-0">extends</span><span class="hl-1"> </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">Component</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-0">static</span><span class="hl-1"> </span><span class="hl-6">contextType</span><span class="hl-1"> = </span><span class="hl-6">Ctx</span><br/><span class="hl-1"> </span><span class="hl-6">context</span><span class="hl-1">!: </span><span class="hl-5">React</span><span class="hl-1">.</span><span class="hl-5">ContextType</span><span class="hl-1">&lt;</span><span class="hl-0">typeof</span><span class="hl-1"> </span><span class="hl-6">Ctx</span><span class="hl-1">&gt;</span><br/><span class="hl-1"> </span><span class="hl-3">render</span><span class="hl-1"> () {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> &lt;&gt;</span><span class="hl-6">My</span><span class="hl-1"> </span><span class="hl-6">context</span><span class="hl-4">&#39;s value: {this.context}&lt;/&gt;</span><span class="hl-11">;</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">}</span>
132
- </code></pre>
133
-
134
- <h3>See</h3><p><a href="https://react.dev/reference/react/Component#static-contexttype">https://react.dev/reference/react/Component#static-contexttype</a></p>
135
- </div><aside class="tsd-sources">
136
- <p>Inherited from React.Component.contextType</p>
137
- <ul>
138
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:995</li></ul></aside></section></section>
139
- <section class="tsd-panel-group tsd-member-group">
140
- <h2>Methods</h2>
141
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillMount" class="tsd-anchor"></a>
142
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount</span><a href="#UNSAFE_componentWillMount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
143
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
144
- <li class="tsd-signature tsd-anchor-link" id="UNSAFE_componentWillMount.UNSAFE_componentWillMount-1">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#UNSAFE_componentWillMount.UNSAFE_componentWillMount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
145
- <li class="tsd-description">
146
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
147
- Avoid introducing any side-effects or subscriptions in this method.</p>
148
- <p>This method will not stop working in React 17.</p>
149
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
150
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
151
- this from being invoked.</p>
152
-
153
- <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead</p>
154
-
155
- <h3>See</h3><ul>
156
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
157
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
158
- </ul>
159
- </div>
160
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
161
- <p>Inherited from React.Component.UNSAFE_componentWillMount</p>
162
- <ul>
163
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1470</li></ul></aside></li></ul></section>
164
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillReceiveProps" class="tsd-anchor"></a>
165
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#UNSAFE_componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
166
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
167
- <li class="tsd-signature tsd-anchor-link" id="UNSAFE_componentWillReceiveProps.UNSAFE_componentWillReceiveProps-1">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#UNSAFE_componentWillReceiveProps.UNSAFE_componentWillReceiveProps-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
168
- <li class="tsd-description">
169
- <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
170
- React may call this even if props have not changed, so be sure to compare new and existing
171
- props if you only want to handle changes.</p>
172
- <p>Calling Component.setState generally does not trigger this method.</p>
173
- <p>This method will not stop working in React 17.</p>
174
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
175
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
176
- this from being invoked.</p>
177
-
178
- <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead</p>
179
-
180
- <h3>See</h3><ul>
181
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
182
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
183
- </ul>
184
- </div>
185
- <div class="tsd-parameters">
186
- <h4 class="tsd-parameters-title">Parameters</h4>
187
- <ul class="tsd-parameter-list">
188
- <li>
189
- <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
190
- <li>
191
- <h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul></div>
192
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
193
- <p>Inherited from React.Component.UNSAFE_componentWillReceiveProps</p>
194
- <ul>
195
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1504</li></ul></aside></li></ul></section>
196
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="UNSAFE_componentWillUpdate" class="tsd-anchor"></a>
197
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update</span><a href="#UNSAFE_componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
198
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
199
- <li class="tsd-signature tsd-anchor-link" id="UNSAFE_componentWillUpdate.UNSAFE_componentWillUpdate-1">UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#UNSAFE_componentWillUpdate.UNSAFE_componentWillUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
200
- <li class="tsd-description">
201
- <div class="tsd-comment tsd-typography"><p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
202
- <p>Note: You cannot call Component.setState here.</p>
203
- <p>This method will not stop working in React 17.</p>
204
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
205
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
206
- this from being invoked.</p>
207
-
208
- <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead</p>
209
-
210
- <h3>See</h3><ul>
211
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
212
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
213
- </ul>
214
- </div>
215
- <div class="tsd-parameters">
216
- <h4 class="tsd-parameters-title">Parameters</h4>
217
- <ul class="tsd-parameter-list">
218
- <li>
219
- <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
220
- <li>
221
- <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
222
- <li>
223
- <h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul></div>
224
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
225
- <p>Inherited from React.Component.UNSAFE_componentWillUpdate</p>
226
- <ul>
227
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1534</li></ul></aside></li></ul></section>
228
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_add" class="tsd-anchor"></a>
229
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_add</span><a href="#_add" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
230
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
231
- <li class="tsd-signature tsd-anchor-link" id="_add._add-1">_add<span class="tsd-signature-symbol">(</span>text<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, timeout<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#_add._add-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
232
- <li class="tsd-description">
233
- <div class="tsd-parameters">
234
- <h4 class="tsd-parameters-title">Parameters</h4>
235
- <ul class="tsd-parameter-list">
236
- <li>
237
- <h5>text: <span class="tsd-signature-type">string</span></h5></li>
238
- <li>
239
- <h5>timeout: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = DEFAULT_TIMEOUT</span></h5></li></ul></div>
240
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
241
- <ul>
242
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L35">src/components/ui/toaster/Toaster.tsx:35</a></li></ul></aside></li></ul></section>
243
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_handleRemove" class="tsd-anchor"></a>
244
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_handle<wbr/>Remove</span><a href="#_handleRemove" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
245
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
246
- <li class="tsd-signature tsd-anchor-link" id="_handleRemove._handleRemove-1">_handle<wbr/>Remove<span class="tsd-signature-symbol">(</span>id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#_handleRemove._handleRemove-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
247
- <li class="tsd-description">
248
- <div class="tsd-parameters">
249
- <h4 class="tsd-parameters-title">Parameters</h4>
250
- <ul class="tsd-parameter-list">
251
- <li>
252
- <h5>id: <span class="tsd-signature-type">string</span></h5></li></ul></div>
253
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
254
- <ul>
255
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L66">src/components/ui/toaster/Toaster.tsx:66</a></li></ul></aside></li></ul></section>
256
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="_removeAllToasts" class="tsd-anchor"></a>
257
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <code class="tsd-tag ts-flagReadonly">Readonly</code> <span>_remove<wbr/>All<wbr/>Toasts</span><a href="#_removeAllToasts" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
258
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
259
- <li class="tsd-signature tsd-anchor-link" id="_removeAllToasts._removeAllToasts-1">_remove<wbr/>All<wbr/>Toasts<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#_removeAllToasts._removeAllToasts-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
260
- <li class="tsd-description">
261
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
262
- <ul>
263
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L73">src/components/ui/toaster/Toaster.tsx:73</a></li></ul></aside></li></ul></section>
264
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidCatch" class="tsd-anchor"></a>
265
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Catch</span><a href="#componentDidCatch" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
266
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
267
- <li class="tsd-signature tsd-anchor-link" id="componentDidCatch.componentDidCatch-1">component<wbr/>Did<wbr/>Catch<span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Error</span>, errorInfo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ErrorInfo</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentDidCatch.componentDidCatch-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
268
- <li class="tsd-description">
269
- <div class="tsd-comment tsd-typography"><p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
270
- the entire component tree to unmount.</p>
271
- </div>
272
- <div class="tsd-parameters">
273
- <h4 class="tsd-parameters-title">Parameters</h4>
274
- <ul class="tsd-parameter-list">
275
- <li>
276
- <h5>error: <span class="tsd-signature-type">Error</span></h5></li>
277
- <li>
278
- <h5>errorInfo: <span class="tsd-signature-type">ErrorInfo</span></h5></li></ul></div>
279
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
280
- <p>Inherited from React.Component.componentDidCatch</p>
281
- <ul>
282
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1397</li></ul></aside></li></ul></section>
283
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidMount" class="tsd-anchor"></a>
284
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Mount</span><a href="#componentDidMount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
285
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
286
- <li class="tsd-signature tsd-anchor-link" id="componentDidMount.componentDidMount-1">component<wbr/>Did<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentDidMount.componentDidMount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
287
- <li class="tsd-description">
288
- <div class="tsd-comment tsd-typography"><p>Called immediately after a component is mounted. Setting state here will trigger re-rendering.</p>
289
- </div>
290
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
291
- <p>Inherited from React.Component.componentDidMount</p>
292
- <ul>
293
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1376</li></ul></aside></li></ul></section>
294
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentDidUpdate" class="tsd-anchor"></a>
295
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Did<wbr/>Update</span><a href="#componentDidUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
296
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
297
- <li class="tsd-signature tsd-anchor-link" id="componentDidUpdate.componentDidUpdate-1">component<wbr/>Did<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, snapshot<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentDidUpdate.componentDidUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
298
- <li class="tsd-description">
299
- <div class="tsd-comment tsd-typography"><p>Called immediately after updating occurs. Not called for the initial render.</p>
300
- <p>The snapshot is only present if <a href="ToasterProvider.html#getSnapshotBeforeUpdate">getSnapshotBeforeUpdate</a> is present and returns non-null.</p>
301
- </div>
302
- <div class="tsd-parameters">
303
- <h4 class="tsd-parameters-title">Parameters</h4>
304
- <ul class="tsd-parameter-list">
305
- <li>
306
- <h5>prevProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
307
- <li>
308
- <h5>prevState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
309
- <li>
310
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> snapshot: <span class="tsd-signature-type">any</span></h5></li></ul></div>
311
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
312
- <p>Inherited from React.Component.componentDidUpdate</p>
313
- <ul>
314
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1439</li></ul></aside></li></ul></section>
315
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillMount" class="tsd-anchor"></a>
316
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Mount</span><a href="#componentWillMount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
317
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
318
- <li class="tsd-signature tsd-anchor-link" id="componentWillMount.componentWillMount-1">component<wbr/>Will<wbr/>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentWillMount.componentWillMount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
319
- <li class="tsd-description">
320
- <div class="tsd-comment tsd-typography"><p>Called immediately before mounting occurs, and before Component.render.
321
- Avoid introducing any side-effects or subscriptions in this method.</p>
322
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
323
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
324
- this from being invoked.</p>
325
-
326
- <h3>Deprecated</h3><p>16.3, use ComponentLifecycle.componentDidMount componentDidMount or the constructor instead; will stop working in React 17</p>
327
-
328
- <h3>See</h3><ul>
329
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></li>
330
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
331
- </ul>
332
- </div>
333
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
334
- <p>Inherited from React.Component.componentWillMount</p>
335
- <ul>
336
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1455</li></ul></aside></li></ul></section>
337
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillReceiveProps" class="tsd-anchor"></a>
338
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Receive<wbr/>Props</span><a href="#componentWillReceiveProps" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
339
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
340
- <li class="tsd-signature tsd-anchor-link" id="componentWillReceiveProps.componentWillReceiveProps-1">component<wbr/>Will<wbr/>Receive<wbr/>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentWillReceiveProps.componentWillReceiveProps-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
341
- <li class="tsd-description">
342
- <div class="tsd-comment tsd-typography"><p>Called when the component may be receiving new props.
343
- React may call this even if props have not changed, so be sure to compare new and existing
344
- props if you only want to handle changes.</p>
345
- <p>Calling Component.setState generally does not trigger this method.</p>
346
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
347
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
348
- this from being invoked.</p>
349
-
350
- <h3>Deprecated</h3><p>16.3, use static StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps instead; will stop working in React 17</p>
351
-
352
- <h3>See</h3><ul>
353
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></li>
354
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
355
- </ul>
356
- </div>
357
- <div class="tsd-parameters">
358
- <h4 class="tsd-parameters-title">Parameters</h4>
359
- <ul class="tsd-parameter-list">
360
- <li>
361
- <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
362
- <li>
363
- <h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul></div>
364
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
365
- <p>Inherited from React.Component.componentWillReceiveProps</p>
366
- <ul>
367
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1486</li></ul></aside></li></ul></section>
368
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUnmount" class="tsd-anchor"></a>
369
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Unmount</span><a href="#componentWillUnmount" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
370
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
371
- <li class="tsd-signature tsd-anchor-link" id="componentWillUnmount.componentWillUnmount-1">component<wbr/>Will<wbr/>Unmount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentWillUnmount.componentWillUnmount-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
372
- <li class="tsd-description">
373
- <div class="tsd-comment tsd-typography"><p>Called immediately before a component is destroyed. Perform any necessary cleanup in this method, such as
374
- cancelled network requests, or cleaning up any DOM elements created in <code>componentDidMount</code>.</p>
375
- </div>
376
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
377
- <p>Inherited from React.Component.componentWillUnmount</p>
378
- <ul>
379
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1392</li></ul></aside></li></ul></section>
380
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="componentWillUpdate" class="tsd-anchor"></a>
381
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>component<wbr/>Will<wbr/>Update</span><a href="#componentWillUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
382
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
383
- <li class="tsd-signature tsd-anchor-link" id="componentWillUpdate.componentWillUpdate-1">component<wbr/>Will<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#componentWillUpdate.componentWillUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
384
- <li class="tsd-description">
385
- <div class="tsd-comment tsd-typography"><p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
386
- <p>Note: You cannot call Component.setState here.</p>
387
- <p>Note: the presence of NewLifecycle.getSnapshotBeforeUpdate getSnapshotBeforeUpdate
388
- or StaticLifecycle.getDerivedStateFromProps getDerivedStateFromProps prevents
389
- this from being invoked.</p>
390
-
391
- <h3>Deprecated</h3><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
392
-
393
- <h3>See</h3><ul>
394
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></li>
395
- <li><a href="https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></li>
396
- </ul>
397
- </div>
398
- <div class="tsd-parameters">
399
- <h4 class="tsd-parameters-title">Parameters</h4>
400
- <ul class="tsd-parameter-list">
401
- <li>
402
- <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
403
- <li>
404
- <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
405
- <li>
406
- <h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul></div>
407
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
408
- <p>Inherited from React.Component.componentWillUpdate</p>
409
- <ul>
410
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1518</li></ul></aside></li></ul></section>
411
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="forceUpdate" class="tsd-anchor"></a>
412
- <h3 class="tsd-anchor-link"><span>force<wbr/>Update</span><a href="#forceUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
413
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
414
- <li class="tsd-signature tsd-anchor-link" id="forceUpdate.forceUpdate-1">force<wbr/>Update<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#forceUpdate.forceUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
415
- <li class="tsd-description">
416
- <div class="tsd-parameters">
417
- <h4 class="tsd-parameters-title">Parameters</h4>
418
- <ul class="tsd-parameter-list">
419
- <li>
420
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
421
- <ul class="tsd-parameters">
422
- <li class="tsd-parameter-signature">
423
- <ul class="tsd-signatures tsd-kind-type-literal tsd-is-external">
424
- <li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
425
- <li class="tsd-description">
426
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul></div>
427
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
428
- <p>Inherited from React.Component.forceUpdate</p>
429
- <ul>
430
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1030</li></ul></aside></li></ul></section>
431
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="getSnapshotBeforeUpdate" class="tsd-anchor"></a>
432
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>get<wbr/>Snapshot<wbr/>Before<wbr/>Update</span><a href="#getSnapshotBeforeUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
433
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
434
- <li class="tsd-signature tsd-anchor-link" id="getSnapshotBeforeUpdate.getSnapshotBeforeUpdate-1">get<wbr/>Snapshot<wbr/>Before<wbr/>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#getSnapshotBeforeUpdate.getSnapshotBeforeUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
435
- <li class="tsd-description">
436
- <div class="tsd-comment tsd-typography"><p>Runs before React applies the result of Component.render render to the document, and
437
- returns an object to be given to <a href="ToasterProvider.html#componentDidUpdate">componentDidUpdate</a>. Useful for saving
438
- things such as scroll position before Component.render render causes changes to it.</p>
439
- <p>Note: the presence of this method prevents any of the deprecated
440
- lifecycle events from running.</p>
441
- </div>
442
- <div class="tsd-parameters">
443
- <h4 class="tsd-parameters-title">Parameters</h4>
444
- <ul class="tsd-parameter-list">
445
- <li>
446
- <h5>prevProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
447
- <li>
448
- <h5>prevState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></h5></li></ul></div>
449
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
450
- <p>Inherited from React.Component.getSnapshotBeforeUpdate</p>
451
- <ul>
452
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1433</li></ul></aside></li></ul></section>
453
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="render" class="tsd-anchor"></a>
454
- <h3 class="tsd-anchor-link"><span>render</span><a href="#render" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
455
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
456
- <li class="tsd-signature tsd-anchor-link" id="render.render-1">render<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><a href="#render.render-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
457
- <li class="tsd-description">
458
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4><aside class="tsd-sources">
459
- <p>Overrides React.Component.render</p>
460
- <ul>
461
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1135bc3/src/components/ui/toaster/Toaster.tsx#L88">src/components/ui/toaster/Toaster.tsx:88</a></li></ul></aside></li></ul></section>
462
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="setState" class="tsd-anchor"></a>
463
- <h3 class="tsd-anchor-link"><span>set<wbr/>State</span><a href="#setState" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
464
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
465
- <li class="tsd-signature tsd-anchor-link" id="setState.setState-1">set<wbr/>State<span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#setState.setState-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
466
- <li class="tsd-description">
467
- <section class="tsd-panel tsd-type-parameters">
468
- <h4>Type Parameters</h4>
469
- <ul class="tsd-type-parameters">
470
- <li>
471
- <h4>K<span class="tsd-signature-symbol"> extends </span><span class="tsd-signature-type">&quot;list&quot;</span></h4></li></ul></section>
472
- <div class="tsd-parameters">
473
- <h4 class="tsd-parameters-title">Parameters</h4>
474
- <ul class="tsd-parameter-list">
475
- <li>
476
- <h5>state: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type" data-tsd-kind="Type parameter">K</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
477
- <li>
478
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> callback: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
479
- <ul class="tsd-parameters">
480
- <li class="tsd-parameter-signature">
481
- <ul class="tsd-signatures tsd-kind-type-literal tsd-is-external">
482
- <li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
483
- <li class="tsd-description">
484
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></li></ul></div>
485
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
486
- <p>Inherited from React.Component.setState</p>
487
- <ul>
488
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1025</li></ul></aside></li></ul></section>
489
- <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a id="shouldComponentUpdate" class="tsd-anchor"></a>
490
- <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>should<wbr/>Component<wbr/>Update</span><a href="#shouldComponentUpdate" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
491
- <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external">
492
- <li class="tsd-signature tsd-anchor-link" id="shouldComponentUpdate.shouldComponentUpdate-1">should<wbr/>Component<wbr/>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><a href="#shouldComponentUpdate.shouldComponentUpdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
493
- <li class="tsd-description">
494
- <div class="tsd-comment tsd-typography"><p>Called to determine whether the change in props and state should trigger a re-render.</p>
495
- <p><code>Component</code> always returns true.
496
- <code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
497
- props or states have changed.</p>
498
- <p>If false is returned, Component.render, <code>componentWillUpdate</code>
499
- and <code>componentDidUpdate</code> will not be called.</p>
500
- </div>
501
- <div class="tsd-parameters">
502
- <h4 class="tsd-parameters-title">Parameters</h4>
503
- <ul class="tsd-parameter-list">
504
- <li>
505
- <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
506
- <li>
507
- <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">State</span><span class="tsd-signature-symbol">&gt;</span></h5></li>
508
- <li>
509
- <h5>nextContext: <span class="tsd-signature-type">any</span></h5></li></ul></div>
510
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
511
- <p>Inherited from React.Component.shouldComponentUpdate</p>
512
- <ul>
513
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1387</li></ul></aside></li></ul></section></section></div>
514
- <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
515
- <div class="tsd-navigation settings">
516
- <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
517
- <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
518
- <div class="tsd-accordion-details">
519
- <div class="tsd-filter-visibility">
520
- <h4 class="uppercase">Member Visibility</h4><form>
521
- <ul id="tsd-filter-options">
522
- <li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
523
- <li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
524
- <li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
525
- <li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
526
- <div class="tsd-theme-toggle">
527
- <h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
528
- <nav class="tsd-navigation primary">
529
- <details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
530
- <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
531
- <div class="tsd-accordion-details">
532
- <ul>
533
- <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.28.3</a>
534
- <ul>
535
- <li class="pages-entry pages-entry-page pages-entry-depth-1"><a href="../pages/tutorials/Test.html">Test</a></li>
536
- <li class="tsd-kind-namespace"><a href="../modules/Header.html">Header</a></li>
537
- <li class="tsd-kind-namespace"><a href="../modules/List.html">List</a></li>
538
- <li class="tsd-kind-namespace"><a href="../modules/Modal.html">Modal</a></li></ul></li></ul></div></details></nav>
539
- <nav class="tsd-navigation secondary menu-sticky">
540
- <ul>
541
- <li class="current tsd-kind-class"><a href="ToasterProvider.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-128-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-128-text"></path></svg><span>Toaster<wbr/>Provider</span></a>
542
- <ul>
543
- <li class="tsd-kind-constructor tsd-parent-kind-class"><a href="ToasterProvider.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-512-path"></use><use href="#icon-512-text"></use></svg>constructor</a></li>
544
- <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#context" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>context</a></li>
545
- <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#props" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>props</a></li>
546
- <li class="deprecated tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#refs" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>refs</a></li>
547
- <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#state" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>state</a></li>
548
- <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#contextType" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>context<wbr/>Type?</a></li>
549
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#UNSAFE_componentWillMount" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Mount?</a></li>
550
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#UNSAFE_componentWillReceiveProps" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Receive<wbr/>Props?</a></li>
551
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#UNSAFE_componentWillUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>UNSAFE_<wbr/>component<wbr/>Will<wbr/>Update?</a></li>
552
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="ToasterProvider.html#_add" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>_add</a></li>
553
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="ToasterProvider.html#_handleRemove" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>_handle<wbr/>Remove</a></li>
554
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="ToasterProvider.html#_removeAllToasts" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>_remove<wbr/>All<wbr/>Toasts</a></li>
555
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentDidCatch" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Did<wbr/>Catch?</a></li>
556
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentDidMount" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Did<wbr/>Mount?</a></li>
557
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentDidUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Did<wbr/>Update?</a></li>
558
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentWillMount" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Will<wbr/>Mount?</a></li>
559
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentWillReceiveProps" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Will<wbr/>Receive<wbr/>Props?</a></li>
560
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentWillUnmount" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Will<wbr/>Unmount?</a></li>
561
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#componentWillUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>component<wbr/>Will<wbr/>Update?</a></li>
562
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#forceUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>force<wbr/>Update</a></li>
563
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#getSnapshotBeforeUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>get<wbr/>Snapshot<wbr/>Before<wbr/>Update?</a></li>
564
- <li class="tsd-kind-method tsd-parent-kind-class"><a href="ToasterProvider.html#render" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>render</a></li>
565
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#setState" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>set<wbr/>State</a></li>
566
- <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-external"><a href="ToasterProvider.html#shouldComponentUpdate" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>should<wbr/>Component<wbr/>Update?</a></li></ul></li></ul></nav></div></div>
567
- <div class="container tsd-generator">
568
- <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
569
- <div class="overlay"></div><script src="../assets/main.js"></script></body></html>