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
@@ -1,136 +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>PopOption | 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="PopOption.html">PopOption</a></li></ul>
17
- <h1>Function PopOption</h1></div>
18
- <section class="tsd-panel">
19
- <ul class="tsd-signatures tsd-kind-function">
20
- <li class="tsd-signature tsd-anchor-link" id="PopOption">Pop<wbr/>Option<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span>, deprecatedLegacyContext<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">ReactNode</span><a href="#PopOption" 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></li>
21
- <li class="tsd-description">
22
- <div class="tsd-parameters">
23
- <h4 class="tsd-parameters-title">Parameters</h4>
24
- <ul class="tsd-parameter-list">
25
- <li>
26
- <h5>props: <span class="tsd-signature-type">Props</span></h5></li>
27
- <li>
28
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> deprecatedLegacyContext: <span class="tsd-signature-type">any</span></h5>
29
- <div class="tsd-comment tsd-typography">
30
- <h3>Deprecated</h3>
31
- <h3>See</h3><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
32
- </div></li></ul></div>
33
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources">
34
- <ul>
35
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1127</li></ul></aside></li></ul></section></div>
36
- <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
37
- <div class="tsd-navigation settings">
38
- <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
39
- <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>
40
- <div class="tsd-accordion-details">
41
- <div class="tsd-filter-visibility">
42
- <h4 class="uppercase">Member Visibility</h4><form>
43
- <ul id="tsd-filter-options">
44
- <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>
45
- <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>
46
- <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>
47
- <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>
48
- <div class="tsd-theme-toggle">
49
- <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>
50
- <nav class="tsd-navigation primary">
51
- <details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
52
- <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>
53
- <div class="tsd-accordion-details">
54
- <ul>
55
- <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.28.3</a>
56
- <ul>
57
- <li class="pages-entry pages-entry-page pages-entry-depth-1"><a href="../pages/tutorials/Test.html">Test</a></li>
58
- <li class="tsd-kind-namespace"><a href="../modules/Header.html">Header</a></li>
59
- <li class="tsd-kind-namespace"><a href="../modules/List.html">List</a></li>
60
- <li class="tsd-kind-namespace"><a href="../modules/Modal.html">Modal</a></li></ul></li></ul></div></details></nav>
61
- <nav class="tsd-navigation secondary menu-sticky">
62
- <ul>
63
- <li class="tsd-kind-enum"><a href="../enums/ICON.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-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-8-path"></rect><path d="M9.45 16V7.24H14.49V8.224H10.518V10.936H14.07V11.908H10.518V15.016H14.49V16H9.45Z" fill="var(--color-text)" id="icon-8-text"></path></svg>ICON</a></li>
64
- <li class="tsd-kind-class"><a href="../classes/Drawer.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>Drawer</a></li>
65
- <li class="tsd-kind-class"><a href="../classes/Pop.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Pop</a></li>
66
- <li class="tsd-kind-class"><a href="../classes/ToasterProvider.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Toaster<wbr/>Provider</a></li>
67
- <li class="tsd-kind-interface"><a href="../interfaces/IconProps.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-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg>Icon<wbr/>Props</a></li>
68
- <li class="tsd-kind-interface"><a href="../interfaces/InputCustomProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Input<wbr/>Custom<wbr/>Props</a></li>
69
- <li class="tsd-kind-interface"><a href="../interfaces/LabelProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Label<wbr/>Props</a></li>
70
- <li class="tsd-kind-interface"><a href="../interfaces/StickyHeaderProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Sticky<wbr/>Header<wbr/>Props</a></li>
71
- <li class="tsd-kind-interface"><a href="../interfaces/ToggleProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Toggle<wbr/>Props</a></li>
72
- <li class="tsd-kind-type-alias"><a href="../types/ActionProps.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)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-4194304-path"></rect><path d="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z" fill="var(--color-text)" id="icon-4194304-text"></path></svg>Action<wbr/>Props</a></li>
73
- <li class="tsd-kind-type-alias"><a href="../types/ChoiceProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Choice<wbr/>Props</a></li>
74
- <li class="tsd-kind-type-alias"><a href="../types/InputProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Input<wbr/>Props</a></li>
75
- <li class="tsd-kind-type-alias"><a href="../types/OverwriteProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Overwrite<wbr/>Props</a></li>
76
- <li class="tsd-kind-type-alias"><a href="../types/ThemeCSS.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>ThemeCSS</a></li>
77
- <li class="tsd-kind-variable"><a href="../variables/config.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-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-32-path"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)" id="icon-32-text"></path></svg>config</a></li>
78
- <li class="tsd-kind-variable"><a href="../variables/cssReset.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>css<wbr/>Reset</a></li>
79
- <li class="tsd-kind-variable"><a href="../variables/miuiScrollbars.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>miui<wbr/>Scrollbars</a></li>
80
- <li class="tsd-kind-variable"><a href="../variables/theme.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>theme</a></li>
81
- <li class="tsd-kind-function"><a href="Action.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-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>Action</a></li>
82
- <li class="tsd-kind-function"><a href="Button.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Button</a></li>
83
- <li class="tsd-kind-function"><a href="Card.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Card</a></li>
84
- <li class="tsd-kind-function"><a href="Checkbox.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Checkbox</a></li>
85
- <li class="tsd-kind-function"><a href="Choice.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Choice</a></li>
86
- <li class="tsd-kind-function"><a href="ColorPicker.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Color<wbr/>Picker</a></li>
87
- <li class="tsd-kind-function"><a href="CoveringLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Covering<wbr/>Loader</a></li>
88
- <li class="tsd-kind-function"><a href="DirectionPad.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Direction<wbr/>Pad</a></li>
89
- <li class="tsd-kind-function"><a href="EqualActions.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Equal<wbr/>Actions</a></li>
90
- <li class="tsd-kind-function"><a href="FullLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Full<wbr/>Loader</a></li>
91
- <li class="tsd-kind-function"><a href="HandleEsc.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Handle<wbr/>Esc</a></li>
92
- <li class="tsd-kind-function"><a href="Header-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header</a></li>
93
- <li class="tsd-kind-function"><a href="HeaderAfterSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>After<wbr/>Selector</a></li>
94
- <li class="tsd-kind-function"><a href="HeaderBeforeSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Before<wbr/>Selector</a></li>
95
- <li class="tsd-kind-function"><a href="HeaderContentsSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Contents<wbr/>Selector</a></li>
96
- <li class="tsd-kind-function"><a href="HeaderIconAction.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Icon<wbr/>Action</a></li>
97
- <li class="tsd-kind-function"><a href="Icon-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Icon</a></li>
98
- <li class="tsd-kind-function"><a href="If.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>If</a></li>
99
- <li class="tsd-kind-function"><a href="Input.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Input</a></li>
100
- <li class="tsd-kind-function"><a href="KeyValue.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Key<wbr/>Value</a></li>
101
- <li class="tsd-kind-function"><a href="Label.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Label</a></li>
102
- <li class="tsd-kind-function"><a href="Line.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Line</a></li>
103
- <li class="tsd-kind-function"><a href="List-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>List</a></li>
104
- <li class="tsd-kind-function"><a href="Loader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Loader</a></li>
105
- <li class="tsd-kind-function"><a href="Loading.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Loading</a></li>
106
- <li class="tsd-kind-function"><a href="Message.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Message</a></li>
107
- <li class="tsd-kind-function"><a href="Modal-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Modal</a></li>
108
- <li class="tsd-kind-function"><a href="ModalButtons.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Modal<wbr/>Buttons</a></li>
109
- <li class="tsd-kind-function"><a href="PopLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Pop<wbr/>Loader</a></li>
110
- <li class="current tsd-kind-function"><a href="PopOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Pop<wbr/>Option</a></li>
111
- <li class="tsd-kind-function"><a href="Progress.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Progress</a></li>
112
- <li class="tsd-kind-function"><a href="SearchContainer.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Search<wbr/>Container</a></li>
113
- <li class="tsd-kind-function"><a href="Section.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Section</a></li>
114
- <li class="tsd-kind-function"><a href="Select.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Select</a></li>
115
- <li class="tsd-kind-function"><a href="Selector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Selector</a></li>
116
- <li class="tsd-kind-function"><a href="Spacer.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Spacer</a></li>
117
- <li class="tsd-kind-function"><a href="Stats.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Stats</a></li>
118
- <li class="tsd-kind-function"><a href="StickyHeader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Sticky<wbr/>Header</a></li>
119
- <li class="tsd-kind-function"><a href="Table.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Table</a></li>
120
- <li class="tsd-kind-function"><a href="TextArea.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Text<wbr/>Area</a></li>
121
- <li class="tsd-kind-function"><a href="Toggle.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Toggle</a></li>
122
- <li class="tsd-kind-function"><a href="ToolButton.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Tool<wbr/>Button</a></li>
123
- <li class="tsd-kind-function"><a href="borderPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>border<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
124
- <li class="tsd-kind-function"><a href="createTheme.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Theme</a></li>
125
- <li class="tsd-kind-function"><a href="css.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>css</a></li>
126
- <li class="tsd-kind-function"><a href="dimensionsPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>dimensions<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
127
- <li class="tsd-kind-function"><a href="fontPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>font<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
128
- <li class="tsd-kind-function"><a href="getCssText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Css<wbr/>Text</a></li>
129
- <li class="tsd-kind-function"><a href="globalCss.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>global<wbr/>Css</a></li>
130
- <li class="tsd-kind-function"><a href="keyframes.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>keyframes</a></li>
131
- <li class="tsd-kind-function"><a href="pxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>px<wbr/>To<wbr/>Rem</a></li>
132
- <li class="tsd-kind-function"><a href="styled.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>styled</a></li>
133
- <li class="tsd-kind-function"><a href="useToaster.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>use<wbr/>Toaster</a></li></ul></nav></div></div>
134
- <div class="container tsd-generator">
135
- <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
136
- <div class="overlay"></div><script src="../assets/main.js"></script></body></html>
@@ -1,139 +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>Progress | 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="Progress.html">Progress</a></li></ul>
17
- <h1>Function Progress</h1></div>
18
- <section class="tsd-panel">
19
- <ul class="tsd-signatures tsd-kind-function">
20
- <li class="tsd-signature tsd-anchor-link" id="Progress">Progress<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Props</span>, deprecatedLegacyContext<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">ReactNode</span><a href="#Progress" 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></li>
21
- <li class="tsd-description">
22
- <div class="tsd-comment tsd-typography"><p>Progress bar component, it can be filled from the start or from any arbitrary point.</p>
23
- <p>At the moment, no value (undefined) means starting point, but in the future it will mean &quot;undetermined&quot; state.</p>
24
- </div>
25
- <div class="tsd-parameters">
26
- <h4 class="tsd-parameters-title">Parameters</h4>
27
- <ul class="tsd-parameter-list">
28
- <li>
29
- <h5>props: <span class="tsd-signature-type">Props</span></h5></li>
30
- <li>
31
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> deprecatedLegacyContext: <span class="tsd-signature-type">any</span></h5>
32
- <div class="tsd-comment tsd-typography">
33
- <h3>Deprecated</h3>
34
- <h3>See</h3><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
35
- </div></li></ul></div>
36
- <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources">
37
- <ul>
38
- <li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1127</li></ul></aside></li></ul></section></div>
39
- <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
40
- <div class="tsd-navigation settings">
41
- <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
42
- <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>
43
- <div class="tsd-accordion-details">
44
- <div class="tsd-filter-visibility">
45
- <h4 class="uppercase">Member Visibility</h4><form>
46
- <ul id="tsd-filter-options">
47
- <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>
48
- <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>
49
- <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>
50
- <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>
51
- <div class="tsd-theme-toggle">
52
- <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>
53
- <nav class="tsd-navigation primary">
54
- <details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
55
- <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>
56
- <div class="tsd-accordion-details">
57
- <ul>
58
- <li><a href="../modules.html">react-<wbr/>miui -<wbr/> v0.28.3</a>
59
- <ul>
60
- <li class="pages-entry pages-entry-page pages-entry-depth-1"><a href="../pages/tutorials/Test.html">Test</a></li>
61
- <li class="tsd-kind-namespace"><a href="../modules/Header.html">Header</a></li>
62
- <li class="tsd-kind-namespace"><a href="../modules/List.html">List</a></li>
63
- <li class="tsd-kind-namespace"><a href="../modules/Modal.html">Modal</a></li></ul></li></ul></div></details></nav>
64
- <nav class="tsd-navigation secondary menu-sticky">
65
- <ul>
66
- <li class="tsd-kind-enum"><a href="../enums/ICON.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-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-8-path"></rect><path d="M9.45 16V7.24H14.49V8.224H10.518V10.936H14.07V11.908H10.518V15.016H14.49V16H9.45Z" fill="var(--color-text)" id="icon-8-text"></path></svg>ICON</a></li>
67
- <li class="tsd-kind-class"><a href="../classes/Drawer.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>Drawer</a></li>
68
- <li class="tsd-kind-class"><a href="../classes/Pop.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Pop</a></li>
69
- <li class="tsd-kind-class"><a href="../classes/ToasterProvider.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>Toaster<wbr/>Provider</a></li>
70
- <li class="tsd-kind-interface"><a href="../interfaces/IconProps.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-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg>Icon<wbr/>Props</a></li>
71
- <li class="tsd-kind-interface"><a href="../interfaces/InputCustomProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Input<wbr/>Custom<wbr/>Props</a></li>
72
- <li class="tsd-kind-interface"><a href="../interfaces/LabelProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Label<wbr/>Props</a></li>
73
- <li class="tsd-kind-interface"><a href="../interfaces/StickyHeaderProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Sticky<wbr/>Header<wbr/>Props</a></li>
74
- <li class="tsd-kind-interface"><a href="../interfaces/ToggleProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>Toggle<wbr/>Props</a></li>
75
- <li class="tsd-kind-type-alias"><a href="../types/ActionProps.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)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-4194304-path"></rect><path d="M11.31 16V8.224H8.91V7.24H14.79V8.224H12.39V16H11.31Z" fill="var(--color-text)" id="icon-4194304-text"></path></svg>Action<wbr/>Props</a></li>
76
- <li class="tsd-kind-type-alias"><a href="../types/ChoiceProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Choice<wbr/>Props</a></li>
77
- <li class="tsd-kind-type-alias"><a href="../types/InputProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Input<wbr/>Props</a></li>
78
- <li class="tsd-kind-type-alias"><a href="../types/OverwriteProps.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>Overwrite<wbr/>Props</a></li>
79
- <li class="tsd-kind-type-alias"><a href="../types/ThemeCSS.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4194304-path"></use><use href="#icon-4194304-text"></use></svg>ThemeCSS</a></li>
80
- <li class="tsd-kind-variable"><a href="../variables/config.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-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-32-path"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)" id="icon-32-text"></path></svg>config</a></li>
81
- <li class="tsd-kind-variable"><a href="../variables/cssReset.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>css<wbr/>Reset</a></li>
82
- <li class="tsd-kind-variable"><a href="../variables/miuiScrollbars.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>miui<wbr/>Scrollbars</a></li>
83
- <li class="tsd-kind-variable"><a href="../variables/theme.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>theme</a></li>
84
- <li class="tsd-kind-function"><a href="Action.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-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>Action</a></li>
85
- <li class="tsd-kind-function"><a href="Button.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Button</a></li>
86
- <li class="tsd-kind-function"><a href="Card.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Card</a></li>
87
- <li class="tsd-kind-function"><a href="Checkbox.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Checkbox</a></li>
88
- <li class="tsd-kind-function"><a href="Choice.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Choice</a></li>
89
- <li class="tsd-kind-function"><a href="ColorPicker.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Color<wbr/>Picker</a></li>
90
- <li class="tsd-kind-function"><a href="CoveringLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Covering<wbr/>Loader</a></li>
91
- <li class="tsd-kind-function"><a href="DirectionPad.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Direction<wbr/>Pad</a></li>
92
- <li class="tsd-kind-function"><a href="EqualActions.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Equal<wbr/>Actions</a></li>
93
- <li class="tsd-kind-function"><a href="FullLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Full<wbr/>Loader</a></li>
94
- <li class="tsd-kind-function"><a href="HandleEsc.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Handle<wbr/>Esc</a></li>
95
- <li class="tsd-kind-function"><a href="Header-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header</a></li>
96
- <li class="tsd-kind-function"><a href="HeaderAfterSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>After<wbr/>Selector</a></li>
97
- <li class="tsd-kind-function"><a href="HeaderBeforeSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Before<wbr/>Selector</a></li>
98
- <li class="tsd-kind-function"><a href="HeaderContentsSelector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Contents<wbr/>Selector</a></li>
99
- <li class="tsd-kind-function"><a href="HeaderIconAction.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Header<wbr/>Icon<wbr/>Action</a></li>
100
- <li class="tsd-kind-function"><a href="Icon-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Icon</a></li>
101
- <li class="tsd-kind-function"><a href="If.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>If</a></li>
102
- <li class="tsd-kind-function"><a href="Input.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Input</a></li>
103
- <li class="tsd-kind-function"><a href="KeyValue.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Key<wbr/>Value</a></li>
104
- <li class="tsd-kind-function"><a href="Label.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Label</a></li>
105
- <li class="tsd-kind-function"><a href="Line.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Line</a></li>
106
- <li class="tsd-kind-function"><a href="List-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>List</a></li>
107
- <li class="tsd-kind-function"><a href="Loader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Loader</a></li>
108
- <li class="tsd-kind-function"><a href="Loading.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Loading</a></li>
109
- <li class="tsd-kind-function"><a href="Message.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Message</a></li>
110
- <li class="tsd-kind-function"><a href="Modal-1.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Modal</a></li>
111
- <li class="tsd-kind-function"><a href="ModalButtons.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Modal<wbr/>Buttons</a></li>
112
- <li class="tsd-kind-function"><a href="PopLoader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Pop<wbr/>Loader</a></li>
113
- <li class="tsd-kind-function"><a href="PopOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Pop<wbr/>Option</a></li>
114
- <li class="current tsd-kind-function"><a href="Progress.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Progress</a></li>
115
- <li class="tsd-kind-function"><a href="SearchContainer.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Search<wbr/>Container</a></li>
116
- <li class="tsd-kind-function"><a href="Section.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Section</a></li>
117
- <li class="tsd-kind-function"><a href="Select.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Select</a></li>
118
- <li class="tsd-kind-function"><a href="Selector.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Selector</a></li>
119
- <li class="tsd-kind-function"><a href="Spacer.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Spacer</a></li>
120
- <li class="tsd-kind-function"><a href="Stats.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Stats</a></li>
121
- <li class="tsd-kind-function"><a href="StickyHeader.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Sticky<wbr/>Header</a></li>
122
- <li class="tsd-kind-function"><a href="Table.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Table</a></li>
123
- <li class="tsd-kind-function"><a href="TextArea.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Text<wbr/>Area</a></li>
124
- <li class="tsd-kind-function"><a href="Toggle.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Toggle</a></li>
125
- <li class="tsd-kind-function"><a href="ToolButton.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>Tool<wbr/>Button</a></li>
126
- <li class="tsd-kind-function"><a href="borderPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>border<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
127
- <li class="tsd-kind-function"><a href="createTheme.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Theme</a></li>
128
- <li class="tsd-kind-function"><a href="css.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>css</a></li>
129
- <li class="tsd-kind-function"><a href="dimensionsPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>dimensions<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
130
- <li class="tsd-kind-function"><a href="fontPxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>font<wbr/>Px<wbr/>To<wbr/>Rem</a></li>
131
- <li class="tsd-kind-function"><a href="getCssText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Css<wbr/>Text</a></li>
132
- <li class="tsd-kind-function"><a href="globalCss.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>global<wbr/>Css</a></li>
133
- <li class="tsd-kind-function"><a href="keyframes.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>keyframes</a></li>
134
- <li class="tsd-kind-function"><a href="pxToRem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>px<wbr/>To<wbr/>Rem</a></li>
135
- <li class="tsd-kind-function"><a href="styled.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>styled</a></li>
136
- <li class="tsd-kind-function"><a href="useToaster.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>use<wbr/>Toaster</a></li></ul></nav></div></div>
137
- <div class="container tsd-generator">
138
- <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
139
- <div class="overlay"></div><script src="../assets/main.js"></script></body></html>