react-miui 0.28.3 → 0.29.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 (909) hide show
  1. package/.storybook/main.ts +14 -14
  2. package/.storybook/preview.tsx +17 -14
  3. package/CHANGELOG.md +21 -0
  4. package/README.md +1 -1
  5. package/dist/components/form/Checkbox.d.ts +8 -5
  6. package/dist/components/form/Checkbox.d.ts.map +1 -1
  7. package/dist/components/form/Checkbox.js +10 -4
  8. package/dist/components/form/Checkbox.js.map +1 -1
  9. package/dist/components/form/Checkbox.styled.js +1 -1
  10. package/dist/components/form/Checkbox.styled.js.map +1 -1
  11. package/dist/components/form/ColorPicker.d.ts +5 -3
  12. package/dist/components/form/ColorPicker.d.ts.map +1 -1
  13. package/dist/components/form/ColorPicker.js +8 -4
  14. package/dist/components/form/ColorPicker.js.map +1 -1
  15. package/dist/components/form/ColorPicker.styled.js +1 -1
  16. package/dist/components/form/ColorPicker.styled.js.map +1 -1
  17. package/dist/components/form/Label.d.ts +97 -6
  18. package/dist/components/form/Label.d.ts.map +1 -1
  19. package/dist/components/form/Label.js +42 -8
  20. package/dist/components/form/Label.js.map +1 -1
  21. package/dist/components/form/Select.d.ts +5 -1
  22. package/dist/components/form/Select.d.ts.map +1 -1
  23. package/dist/components/form/Select.js +1 -1
  24. package/dist/components/form/Select.js.map +1 -1
  25. package/dist/components/form/Toggle.d.ts +100 -5
  26. package/dist/components/form/Toggle.d.ts.map +1 -1
  27. package/dist/components/form/Toggle.js +8 -4
  28. package/dist/components/form/Toggle.js.map +1 -1
  29. package/dist/components/form/choice/Choice.d.ts +5 -4
  30. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  31. package/dist/components/form/choice/Choice.js +42 -8
  32. package/dist/components/form/choice/Choice.js.map +1 -1
  33. package/dist/components/form/choice/ChoiceItem.d.ts +5 -1
  34. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  35. package/dist/components/form/choice/ChoiceItem.js +3 -1
  36. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  37. package/dist/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  38. package/dist/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  39. package/dist/components/form/choice/ChoiceItem.styled.js +9 -0
  40. package/dist/components/form/choice/ChoiceItem.styled.js.map +1 -0
  41. package/dist/components/form/input/Input.css.d.ts +16 -16
  42. package/dist/components/form/input/Input.css.d.ts.map +1 -1
  43. package/dist/components/form/input/Input.css.js.map +1 -1
  44. package/dist/components/form/input/Input.d.ts +1 -1
  45. package/dist/components/form/input/Input.d.ts.map +1 -1
  46. package/dist/components/form/input/Input.js.map +1 -1
  47. package/dist/components/form/textarea/TextArea.d.ts +4 -2
  48. package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
  49. package/dist/components/form/textarea/TextArea.js +5 -3
  50. package/dist/components/form/textarea/TextArea.js.map +1 -1
  51. package/dist/components/icons/Battery.js +2 -2
  52. package/dist/components/icons/Battery.js.map +1 -1
  53. package/dist/components/icons/Checkmark.js +1 -1
  54. package/dist/components/icons/Checkmark.js.map +1 -1
  55. package/dist/components/icons/Config.js +1 -1
  56. package/dist/components/icons/Config.js.map +1 -1
  57. package/dist/components/icons/Dots.js +1 -1
  58. package/dist/components/icons/Dots.js.map +1 -1
  59. package/dist/components/icons/Heart.js +1 -1
  60. package/dist/components/icons/Heart.js.map +1 -1
  61. package/dist/components/icons/Trash.js +1 -1
  62. package/dist/components/icons/Trash.js.map +1 -1
  63. package/dist/components/layout/card/Card.d.ts +5 -9
  64. package/dist/components/layout/card/Card.d.ts.map +1 -1
  65. package/dist/components/layout/card/Card.js +2 -15
  66. package/dist/components/layout/card/Card.js.map +1 -1
  67. package/dist/components/layout/card/Card.styled.d.ts +87 -0
  68. package/dist/components/layout/card/Card.styled.d.ts.map +1 -0
  69. package/dist/components/layout/card/Card.styled.js +23 -0
  70. package/dist/components/layout/card/Card.styled.js.map +1 -0
  71. package/dist/components/layout/header/Header.d.ts +7 -5
  72. package/dist/components/layout/header/Header.d.ts.map +1 -1
  73. package/dist/components/layout/header/Header.js +41 -10
  74. package/dist/components/layout/header/Header.js.map +1 -1
  75. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  76. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  77. package/dist/components/layout/header/HeaderIconAction.styled.js +1 -1
  78. package/dist/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  79. package/dist/components/layout/header/StickyHeader.d.ts +1 -0
  80. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  81. package/dist/components/layout/header/StickyHeader.js +1 -1
  82. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  83. package/dist/components/layout/section/SearchContainer.d.ts +83 -6
  84. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -1
  85. package/dist/components/layout/section/SearchContainer.js +2 -9
  86. package/dist/components/layout/section/SearchContainer.js.map +1 -1
  87. package/dist/components/layout/section/Section.d.ts +86 -7
  88. package/dist/components/layout/section/Section.d.ts.map +1 -1
  89. package/dist/components/layout/section/Section.js +4 -2
  90. package/dist/components/layout/section/Section.js.map +1 -1
  91. package/dist/components/native/index.d.ts.map +1 -1
  92. package/dist/components/native/index.js +3 -1
  93. package/dist/components/native/index.js.map +1 -1
  94. package/dist/components/ui/action/Action.js.map +1 -1
  95. package/dist/components/ui/action/EqualActions.d.ts +4 -3
  96. package/dist/components/ui/action/EqualActions.d.ts.map +1 -1
  97. package/dist/components/ui/action/EqualActions.js +41 -10
  98. package/dist/components/ui/action/EqualActions.js.map +1 -1
  99. package/dist/components/ui/action/EqualActions.styled.d.ts +87 -0
  100. package/dist/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  101. package/dist/components/ui/action/EqualActions.styled.js +20 -0
  102. package/dist/components/ui/action/EqualActions.styled.js.map +1 -0
  103. package/dist/components/ui/directionPad/Button.d.ts +6 -4
  104. package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
  105. package/dist/components/ui/directionPad/Button.js +44 -10
  106. package/dist/components/ui/directionPad/Button.js.map +1 -1
  107. package/dist/components/ui/directionPad/Button.styled.d.ts +168 -0
  108. package/dist/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  109. package/dist/components/ui/directionPad/Button.styled.js +24 -0
  110. package/dist/components/ui/directionPad/Button.styled.js.map +1 -0
  111. package/dist/components/ui/directionPad/Middle.d.ts +4 -3
  112. package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
  113. package/dist/components/ui/directionPad/Middle.js +40 -8
  114. package/dist/components/ui/directionPad/Middle.js.map +1 -1
  115. package/dist/components/ui/directionPad/Middle.styled.d.ts +85 -0
  116. package/dist/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  117. package/dist/components/ui/directionPad/Middle.styled.js +19 -0
  118. package/dist/components/ui/directionPad/Middle.styled.js.map +1 -0
  119. package/dist/components/ui/directionPad/Pad.d.ts +9 -4
  120. package/dist/components/ui/directionPad/Pad.d.ts.map +1 -1
  121. package/dist/components/ui/directionPad/Pad.js +51 -13
  122. package/dist/components/ui/directionPad/Pad.js.map +1 -1
  123. package/dist/components/ui/directionPad/Pad.styled.d.ts +168 -0
  124. package/dist/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  125. package/dist/components/ui/directionPad/Pad.styled.js +21 -0
  126. package/dist/components/ui/directionPad/Pad.styled.js.map +1 -0
  127. package/dist/components/ui/drawer/Drawer.d.ts +7 -18
  128. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  129. package/dist/components/ui/drawer/Drawer.js +38 -56
  130. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  131. package/dist/components/ui/drawer/Drawer.styled.d.ts +168 -0
  132. package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  133. package/dist/components/ui/drawer/Drawer.styled.js +21 -0
  134. package/dist/components/ui/drawer/Drawer.styled.js.map +1 -0
  135. package/dist/components/ui/keyValue/KeyValue.d.ts +10 -4
  136. package/dist/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  137. package/dist/components/ui/keyValue/KeyValue.js +64 -22
  138. package/dist/components/ui/keyValue/KeyValue.js.map +1 -1
  139. package/dist/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  140. package/dist/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  141. package/dist/components/ui/keyValue/KeyValue.styled.js +63 -0
  142. package/dist/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  143. package/dist/components/ui/loader/PopLoader.js +1 -1
  144. package/dist/components/ui/loader/PopLoader.js.map +1 -1
  145. package/dist/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  146. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  147. package/dist/components/ui/modal/ModalButtons.styled.js +4 -2
  148. package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
  149. package/dist/components/ui/pop/OnButtonClick.js +1 -1
  150. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  151. package/dist/components/ui/pop/Pop.d.ts.map +1 -1
  152. package/dist/components/ui/pop/Pop.js +4 -0
  153. package/dist/components/ui/pop/Pop.js.map +1 -1
  154. package/dist/components/ui/pop/Pop.styled.js +1 -1
  155. package/dist/components/ui/pop/Pop.styled.js.map +1 -1
  156. package/dist/components/ui/progress/Progress.d.ts +6 -4
  157. package/dist/components/ui/progress/Progress.d.ts.map +1 -1
  158. package/dist/components/ui/progress/Progress.js +45 -8
  159. package/dist/components/ui/progress/Progress.js.map +1 -1
  160. package/dist/components/ui/stats/Stats.d.ts +14 -8
  161. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  162. package/dist/components/ui/stats/Stats.js +64 -16
  163. package/dist/components/ui/stats/Stats.js.map +1 -1
  164. package/dist/components/ui/stats/Stats.styled.d.ts +419 -0
  165. package/dist/components/ui/stats/Stats.styled.d.ts.map +1 -0
  166. package/dist/components/ui/stats/Stats.styled.js +56 -0
  167. package/dist/components/ui/stats/Stats.styled.js.map +1 -0
  168. package/dist/components/ui/tabs/Item.d.ts +8 -4
  169. package/dist/components/ui/tabs/Item.d.ts.map +1 -1
  170. package/dist/components/ui/tabs/Item.js +5 -10
  171. package/dist/components/ui/tabs/Item.js.map +1 -1
  172. package/dist/components/ui/tabs/Item.styled.d.ts +4 -0
  173. package/dist/components/ui/tabs/Item.styled.d.ts.map +1 -0
  174. package/dist/components/ui/tabs/Item.styled.js +20 -0
  175. package/dist/components/ui/tabs/Item.styled.js.map +1 -0
  176. package/dist/components/ui/tabs/Selector.d.ts +7 -5
  177. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  178. package/dist/components/ui/tabs/Selector.js +11 -11
  179. package/dist/components/ui/tabs/Selector.js.map +1 -1
  180. package/dist/components/ui/tabs/Selector.styled.d.ts +2 -0
  181. package/dist/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  182. package/dist/components/ui/tabs/Selector.styled.js +14 -0
  183. package/dist/components/ui/tabs/Selector.styled.js.map +1 -0
  184. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  185. package/dist/components/ui/toaster/Toaster.js +1 -0
  186. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  187. package/dist/components/utils/Gap.d.ts +87 -0
  188. package/dist/components/utils/Gap.d.ts.map +1 -0
  189. package/dist/components/utils/Gap.js +18 -0
  190. package/dist/components/utils/Gap.js.map +1 -0
  191. package/dist/index.d.ts +2 -0
  192. package/dist/index.d.ts.map +1 -1
  193. package/dist/index.js +4 -1
  194. package/dist/index.js.map +1 -1
  195. package/dist/scrollbars.css.d.ts.map +1 -1
  196. package/dist/scrollbars.css.js +2 -2
  197. package/dist/scrollbars.css.js.map +1 -1
  198. package/dist/theme.css-global.d.ts +3 -0
  199. package/dist/theme.css-global.d.ts.map +1 -0
  200. package/dist/theme.css-global.js +19 -0
  201. package/dist/theme.css-global.js.map +1 -0
  202. package/dist/theme.css-reset.d.ts.map +1 -1
  203. package/dist/theme.css-reset.js +2 -4
  204. package/dist/theme.css-reset.js.map +1 -1
  205. package/dist/theme.d.ts +2 -2
  206. package/dist/utils/index.d.ts +0 -1
  207. package/dist/utils/index.d.ts.map +1 -1
  208. package/dist/utils/index.js +0 -1
  209. package/dist/utils/index.js.map +1 -1
  210. package/docs/assets/hierarchy.js +1 -0
  211. package/docs/assets/highlight.css +21 -0
  212. package/docs/assets/icons.js +18 -0
  213. package/docs/assets/icons.svg +1 -0
  214. package/docs/assets/main.js +5 -3
  215. package/docs/assets/navigation.js +1 -0
  216. package/docs/assets/search.js +1 -1
  217. package/docs/assets/style.css +1467 -1136
  218. package/docs/classes/index.Pop.html +123 -0
  219. package/docs/classes/index.ToasterProvider.html +120 -0
  220. package/docs/documents/Test.html +2 -0
  221. package/docs/enums/index.ICON.html +10 -0
  222. package/docs/functions/index.Action.html +31 -0
  223. package/docs/functions/index.Button.html +16 -0
  224. package/docs/functions/index.Card.html +15 -0
  225. package/docs/functions/index.Checkbox.html +11 -0
  226. package/docs/functions/index.Choice.html +10 -0
  227. package/docs/functions/index.ColorPicker.html +11 -0
  228. package/docs/functions/index.CoveringLoader.html +31 -0
  229. package/docs/functions/index.DirectionPad.html +10 -0
  230. package/docs/functions/index.Drawer.html +10 -0
  231. package/docs/functions/index.EqualActions.html +10 -0
  232. package/docs/functions/index.FullLoader.html +30 -0
  233. package/docs/functions/index.Gap.html +15 -0
  234. package/docs/functions/index.HandleEsc.html +29 -0
  235. package/docs/functions/index.Header.html +14 -0
  236. package/docs/functions/index.HeaderIconAction.html +31 -0
  237. package/docs/functions/index.Icon-1.html +29 -0
  238. package/docs/functions/index.If.html +29 -0
  239. package/docs/functions/index.Input.html +1 -0
  240. package/docs/functions/index.KeyValue.html +10 -0
  241. package/docs/functions/index.Label.html +10 -0
  242. package/docs/functions/index.Line.html +16 -0
  243. package/docs/functions/index.List.html +40 -0
  244. package/docs/functions/index.Loader.html +32 -0
  245. package/docs/functions/index.Loading.html +34 -0
  246. package/docs/functions/index.Message.html +16 -0
  247. package/docs/functions/index.Modal.html +30 -0
  248. package/docs/functions/index.ModalButtons.html +16 -0
  249. package/docs/functions/index.PopLoader.html +32 -0
  250. package/docs/functions/index.PopOption.html +29 -0
  251. package/docs/functions/index.Progress.html +11 -0
  252. package/docs/functions/index.SearchContainer.html +15 -0
  253. package/docs/functions/index.Section.html +19 -0
  254. package/docs/functions/index.Select.html +15 -0
  255. package/docs/functions/index.Selector.html +10 -0
  256. package/docs/functions/index.Spacer.html +15 -0
  257. package/docs/functions/index.Stats.html +10 -0
  258. package/docs/functions/index.StickyHeader.html +15 -0
  259. package/docs/functions/index.Table.html +15 -0
  260. package/docs/functions/index.TextArea.html +10 -0
  261. package/docs/functions/index.Toggle.html +13 -0
  262. package/docs/functions/index.ToolButton.html +16 -0
  263. package/docs/functions/index.borderPxToRem.html +1 -0
  264. package/docs/functions/index.createTheme.html +1 -0
  265. package/docs/functions/index.css.html +1 -0
  266. package/docs/functions/index.dimensionsPxToRem.html +1 -0
  267. package/docs/functions/index.fontPxToRem.html +1 -0
  268. package/docs/functions/index.getCssText.html +1 -0
  269. package/docs/functions/index.globalCss.html +3 -0
  270. package/docs/functions/index.injectGlobalStyles.html +1 -0
  271. package/docs/functions/index.keyframes.html +1 -0
  272. package/docs/functions/index.pxToRem.html +1 -0
  273. package/docs/functions/index.styled.html +1 -0
  274. package/docs/functions/index.useToaster.html +1 -0
  275. package/docs/index.html +6 -120
  276. package/docs/interfaces/index.IconProps.html +3 -0
  277. package/docs/interfaces/index.InputCustomProps.html +7 -0
  278. package/docs/interfaces/index.StickyHeaderProps.html +9 -0
  279. package/docs/modules/index.html +1 -0
  280. package/docs/modules.html +1 -213
  281. package/docs/types/index.ActionProps.html +1 -0
  282. package/docs/types/index.CardProps.html +1 -0
  283. package/docs/types/index.CheckboxProps.html +2 -0
  284. package/docs/types/index.ChoiceProps.html +1 -0
  285. package/docs/types/index.ColorPickerProps.html +1 -0
  286. package/docs/types/index.DirectionPadProps.html +1 -0
  287. package/docs/types/index.DrawerProps.html +1 -0
  288. package/docs/types/index.EqualActionsProps.html +1 -0
  289. package/docs/types/index.HeaderProps.html +1 -0
  290. package/docs/types/index.InputProps.html +1 -0
  291. package/docs/types/index.KeyValueProps.html +1 -0
  292. package/docs/types/index.LabelProps.html +1 -0
  293. package/docs/types/index.OverwriteProps.html +1 -0
  294. package/docs/types/index.ProgressProps.html +5 -0
  295. package/docs/types/index.SelectProps.html +1 -0
  296. package/docs/types/index.SelectorProps.html +1 -0
  297. package/docs/types/index.Stat.html +1 -0
  298. package/docs/types/index.StatsProps.html +1 -0
  299. package/docs/types/index.TextAreaProps.html +1 -0
  300. package/docs/types/index.ThemeCSS.html +1 -0
  301. package/docs/types/index.ToggleProps.html +4 -0
  302. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -0
  303. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -0
  304. package/docs/variables/index.ChoiceItemSelector.html +1 -0
  305. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -0
  306. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -0
  307. package/docs/variables/index.DirectionPadButtonSelector.html +1 -0
  308. package/docs/variables/index.DirectionPadLineSelector.html +1 -0
  309. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -0
  310. package/docs/variables/index.DrawerContentSelector.html +1 -0
  311. package/docs/variables/index.HeaderAfterSelector.html +1 -0
  312. package/docs/variables/index.HeaderBeforeSelector.html +1 -0
  313. package/docs/variables/index.HeaderContentsSelector.html +1 -0
  314. package/docs/variables/index.KeyValueIconSelector.html +1 -0
  315. package/docs/variables/index.KeyValueItemSelector.html +1 -0
  316. package/docs/variables/index.KeyValueKeySelector.html +1 -0
  317. package/docs/variables/index.KeyValuePairSelector.html +1 -0
  318. package/docs/variables/index.KeyValueValueSelector.html +1 -0
  319. package/docs/variables/index.LabelTextSelector.html +1 -0
  320. package/docs/variables/index.ProgressBackgroundSelector.html +1 -0
  321. package/docs/variables/index.ProgressValueSelector.html +1 -0
  322. package/docs/variables/index.SelectorItemSelector.html +1 -0
  323. package/docs/variables/index.StatsItemSelector.html +1 -0
  324. package/docs/variables/index.StatsLabelSelector.html +1 -0
  325. package/docs/variables/index.StatsSeparatorSelector.html +1 -0
  326. package/docs/variables/index.StatsValueSelector.html +1 -0
  327. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -0
  328. package/docs/variables/index.config.html +1 -0
  329. package/docs/variables/index.cssReset.html +2 -0
  330. package/docs/variables/index.miuiScrollbars.html +1 -0
  331. package/docs/variables/index.theme.html +1 -0
  332. package/esm/components/form/Checkbox.d.ts +8 -5
  333. package/esm/components/form/Checkbox.d.ts.map +1 -1
  334. package/esm/components/form/Checkbox.js +9 -5
  335. package/esm/components/form/Checkbox.js.map +1 -1
  336. package/esm/components/form/Checkbox.stories.d.ts +1 -1
  337. package/esm/components/form/Checkbox.stories.d.ts.map +1 -1
  338. package/esm/components/form/Checkbox.styled.js +1 -1
  339. package/esm/components/form/Checkbox.styled.js.map +1 -1
  340. package/esm/components/form/ColorPicker.d.ts +5 -3
  341. package/esm/components/form/ColorPicker.d.ts.map +1 -1
  342. package/esm/components/form/ColorPicker.js +8 -5
  343. package/esm/components/form/ColorPicker.js.map +1 -1
  344. package/esm/components/form/ColorPicker.stories.d.ts +1 -1
  345. package/esm/components/form/ColorPicker.stories.d.ts.map +1 -1
  346. package/esm/components/form/ColorPicker.styled.js +1 -1
  347. package/esm/components/form/ColorPicker.styled.js.map +1 -1
  348. package/esm/components/form/Label.d.ts +97 -6
  349. package/esm/components/form/Label.d.ts.map +1 -1
  350. package/esm/components/form/Label.js +8 -5
  351. package/esm/components/form/Label.js.map +1 -1
  352. package/esm/components/form/Label.stories.d.ts +1 -1
  353. package/esm/components/form/Label.stories.d.ts.map +1 -1
  354. package/esm/components/form/Select.d.ts +5 -1
  355. package/esm/components/form/Select.d.ts.map +1 -1
  356. package/esm/components/form/Select.js +2 -1
  357. package/esm/components/form/Select.js.map +1 -1
  358. package/esm/components/form/Select.stories.d.ts +1 -1
  359. package/esm/components/form/Select.stories.d.ts.map +1 -1
  360. package/esm/components/form/Toggle.d.ts +100 -5
  361. package/esm/components/form/Toggle.d.ts.map +1 -1
  362. package/esm/components/form/Toggle.js +8 -5
  363. package/esm/components/form/Toggle.js.map +1 -1
  364. package/esm/components/form/Toggle.stories.d.ts +1 -1
  365. package/esm/components/form/Toggle.stories.d.ts.map +1 -1
  366. package/esm/components/form/choice/Choice.d.ts +5 -4
  367. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  368. package/esm/components/form/choice/Choice.js +8 -5
  369. package/esm/components/form/choice/Choice.js.map +1 -1
  370. package/esm/components/form/choice/Choice.stories.d.ts +1 -1
  371. package/esm/components/form/choice/Choice.stories.d.ts.map +1 -1
  372. package/esm/components/form/choice/ChoiceItem.d.ts +5 -1
  373. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  374. package/esm/components/form/choice/ChoiceItem.js +3 -1
  375. package/esm/components/form/choice/ChoiceItem.js.map +1 -1
  376. package/esm/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  377. package/esm/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  378. package/esm/components/form/choice/ChoiceItem.styled.js +6 -0
  379. package/esm/components/form/choice/ChoiceItem.styled.js.map +1 -0
  380. package/esm/components/form/input/Input.css.d.ts +16 -16
  381. package/esm/components/form/input/Input.css.d.ts.map +1 -1
  382. package/esm/components/form/input/Input.css.js.map +1 -1
  383. package/esm/components/form/input/Input.d.ts +1 -1
  384. package/esm/components/form/input/Input.d.ts.map +1 -1
  385. package/esm/components/form/input/Input.js.map +1 -1
  386. package/esm/components/form/input/Input.stories.d.ts +1 -1
  387. package/esm/components/form/input/Input.stories.d.ts.map +1 -1
  388. package/esm/components/form/input/Input.stories.js +3 -2
  389. package/esm/components/form/input/Input.stories.js.map +1 -1
  390. package/esm/components/form/textarea/TextArea.d.ts +4 -2
  391. package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
  392. package/esm/components/form/textarea/TextArea.js +7 -5
  393. package/esm/components/form/textarea/TextArea.js.map +1 -1
  394. package/esm/components/form/textarea/TextArea.stories.d.ts +1 -1
  395. package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -1
  396. package/esm/components/icons/Battery.js +2 -2
  397. package/esm/components/icons/Battery.js.map +1 -1
  398. package/esm/components/icons/Checkmark.js +1 -1
  399. package/esm/components/icons/Checkmark.js.map +1 -1
  400. package/esm/components/icons/Config.js +1 -1
  401. package/esm/components/icons/Config.js.map +1 -1
  402. package/esm/components/icons/Dots.js +1 -1
  403. package/esm/components/icons/Dots.js.map +1 -1
  404. package/esm/components/icons/Heart.js +1 -1
  405. package/esm/components/icons/Heart.js.map +1 -1
  406. package/esm/components/icons/Icon.stories.d.ts +10 -0
  407. package/esm/components/icons/Icon.stories.d.ts.map +1 -0
  408. package/esm/components/icons/Icon.stories.js +49 -0
  409. package/esm/components/icons/Icon.stories.js.map +1 -0
  410. package/esm/components/icons/Trash.js +1 -1
  411. package/esm/components/icons/Trash.js.map +1 -1
  412. package/esm/components/layout/card/Card.d.ts +5 -9
  413. package/esm/components/layout/card/Card.d.ts.map +1 -1
  414. package/esm/components/layout/card/Card.js +2 -12
  415. package/esm/components/layout/card/Card.js.map +1 -1
  416. package/esm/components/layout/card/Card.stories.d.ts +11 -0
  417. package/esm/components/layout/card/Card.stories.d.ts.map +1 -0
  418. package/esm/components/layout/card/Card.stories.js +39 -0
  419. package/esm/components/layout/card/Card.stories.js.map +1 -0
  420. package/esm/components/layout/card/Card.styled.d.ts +87 -0
  421. package/esm/components/layout/card/Card.styled.d.ts.map +1 -0
  422. package/esm/components/layout/card/Card.styled.js +20 -0
  423. package/esm/components/layout/card/Card.styled.js.map +1 -0
  424. package/esm/components/layout/header/Header.d.ts +7 -5
  425. package/esm/components/layout/header/Header.d.ts.map +1 -1
  426. package/esm/components/layout/header/Header.js +8 -7
  427. package/esm/components/layout/header/Header.js.map +1 -1
  428. package/esm/components/layout/header/Header.stories.d.ts +1 -1
  429. package/esm/components/layout/header/Header.stories.d.ts.map +1 -1
  430. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  431. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  432. package/esm/components/layout/header/HeaderIconAction.stories.d.ts +1 -1
  433. package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +1 -1
  434. package/esm/components/layout/header/HeaderIconAction.styled.js +2 -2
  435. package/esm/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  436. package/esm/components/layout/header/StickyHeader.d.ts +1 -0
  437. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  438. package/esm/components/layout/header/StickyHeader.js +1 -1
  439. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  440. package/esm/components/layout/header/StickyHeader.stories.d.ts +1 -1
  441. package/esm/components/layout/header/StickyHeader.stories.d.ts.map +1 -1
  442. package/esm/components/layout/list/Header.stories.d.ts +1 -1
  443. package/esm/components/layout/list/Header.stories.d.ts.map +1 -1
  444. package/esm/components/layout/list/Item.stories.d.ts +1 -1
  445. package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
  446. package/esm/components/layout/list/Item.stories.js +0 -2
  447. package/esm/components/layout/list/Item.stories.js.map +1 -1
  448. package/esm/components/layout/list/Label.stories.d.ts +1 -1
  449. package/esm/components/layout/list/Label.stories.d.ts.map +1 -1
  450. package/esm/components/layout/list/List.stories.d.ts +1 -1
  451. package/esm/components/layout/list/List.stories.d.ts.map +1 -1
  452. package/esm/components/layout/list/Value.stories.d.ts +1 -1
  453. package/esm/components/layout/list/Value.stories.d.ts.map +1 -1
  454. package/esm/components/layout/section/SearchContainer.d.ts +83 -6
  455. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -1
  456. package/esm/components/layout/section/SearchContainer.js +2 -6
  457. package/esm/components/layout/section/SearchContainer.js.map +1 -1
  458. package/esm/components/layout/section/Section.d.ts +86 -7
  459. package/esm/components/layout/section/Section.d.ts.map +1 -1
  460. package/esm/components/layout/section/Section.js +4 -2
  461. package/esm/components/layout/section/Section.js.map +1 -1
  462. package/esm/components/layout/section/Section.stories.d.ts +1 -1
  463. package/esm/components/layout/section/Section.stories.d.ts.map +1 -1
  464. package/esm/components/layout/table/Table.stories.d.ts +1 -1
  465. package/esm/components/layout/table/Table.stories.d.ts.map +1 -1
  466. package/esm/components/native/index.d.ts.map +1 -1
  467. package/esm/components/native/index.js +3 -1
  468. package/esm/components/native/index.js.map +1 -1
  469. package/esm/components/ui/action/Action.js.map +1 -1
  470. package/esm/components/ui/action/Action.stories.d.ts +1 -1
  471. package/esm/components/ui/action/Action.stories.d.ts.map +1 -1
  472. package/esm/components/ui/action/EqualActions.d.ts +4 -3
  473. package/esm/components/ui/action/EqualActions.d.ts.map +1 -1
  474. package/esm/components/ui/action/EqualActions.js +8 -7
  475. package/esm/components/ui/action/EqualActions.js.map +1 -1
  476. package/esm/components/ui/action/EqualActions.stories.d.ts +10 -0
  477. package/esm/components/ui/action/EqualActions.stories.d.ts.map +1 -0
  478. package/esm/components/ui/action/EqualActions.stories.js +38 -0
  479. package/esm/components/ui/action/EqualActions.stories.js.map +1 -0
  480. package/esm/components/ui/action/EqualActions.styled.d.ts +87 -0
  481. package/esm/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  482. package/esm/components/ui/action/EqualActions.styled.js +17 -0
  483. package/esm/components/ui/action/EqualActions.styled.js.map +1 -0
  484. package/esm/components/ui/button/Button.stories.d.ts +1 -1
  485. package/esm/components/ui/button/Button.stories.d.ts.map +1 -1
  486. package/esm/components/ui/directionPad/Button.d.ts +6 -4
  487. package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
  488. package/esm/components/ui/directionPad/Button.js +10 -7
  489. package/esm/components/ui/directionPad/Button.js.map +1 -1
  490. package/esm/components/ui/directionPad/Button.styled.d.ts +168 -0
  491. package/esm/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  492. package/esm/components/ui/directionPad/Button.styled.js +20 -0
  493. package/esm/components/ui/directionPad/Button.styled.js.map +1 -0
  494. package/esm/components/ui/directionPad/Middle.d.ts +4 -3
  495. package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
  496. package/esm/components/ui/directionPad/Middle.js +7 -5
  497. package/esm/components/ui/directionPad/Middle.js.map +1 -1
  498. package/esm/components/ui/directionPad/Middle.styled.d.ts +85 -0
  499. package/esm/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  500. package/esm/components/ui/directionPad/Middle.styled.js +16 -0
  501. package/esm/components/ui/directionPad/Middle.styled.js.map +1 -0
  502. package/esm/components/ui/directionPad/Pad.d.ts +9 -4
  503. package/esm/components/ui/directionPad/Pad.d.ts.map +1 -1
  504. package/esm/components/ui/directionPad/Pad.js +15 -11
  505. package/esm/components/ui/directionPad/Pad.js.map +1 -1
  506. package/esm/components/ui/directionPad/Pad.stories.d.ts +10 -0
  507. package/esm/components/ui/directionPad/Pad.stories.d.ts.map +1 -0
  508. package/esm/components/ui/directionPad/Pad.stories.js +79 -0
  509. package/esm/components/ui/directionPad/Pad.stories.js.map +1 -0
  510. package/esm/components/ui/directionPad/Pad.styled.d.ts +168 -0
  511. package/esm/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  512. package/esm/components/ui/directionPad/Pad.styled.js +17 -0
  513. package/esm/components/ui/directionPad/Pad.styled.js.map +1 -0
  514. package/esm/components/ui/drawer/Drawer.d.ts +7 -18
  515. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  516. package/esm/components/ui/drawer/Drawer.js +38 -54
  517. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  518. package/esm/components/ui/drawer/Drawer.stories.d.ts +11 -0
  519. package/esm/components/ui/drawer/Drawer.stories.d.ts.map +1 -0
  520. package/esm/components/ui/drawer/Drawer.stories.js +101 -0
  521. package/esm/components/ui/drawer/Drawer.stories.js.map +1 -0
  522. package/esm/components/ui/drawer/Drawer.styled.d.ts +168 -0
  523. package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  524. package/esm/components/ui/drawer/Drawer.styled.js +17 -0
  525. package/esm/components/ui/drawer/Drawer.styled.js.map +1 -0
  526. package/esm/components/ui/keyValue/KeyValue.d.ts +10 -4
  527. package/esm/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  528. package/esm/components/ui/keyValue/KeyValue.js +26 -19
  529. package/esm/components/ui/keyValue/KeyValue.js.map +1 -1
  530. package/esm/components/ui/keyValue/KeyValue.stories.d.ts +11 -0
  531. package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +1 -0
  532. package/esm/components/ui/keyValue/KeyValue.stories.js +98 -0
  533. package/esm/components/ui/keyValue/KeyValue.stories.js.map +1 -0
  534. package/esm/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  535. package/esm/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  536. package/esm/components/ui/keyValue/KeyValue.styled.js +55 -0
  537. package/esm/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  538. package/esm/components/ui/line/Line.stories.d.ts +1 -1
  539. package/esm/components/ui/line/Line.stories.d.ts.map +1 -1
  540. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
  541. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
  542. package/esm/components/ui/loader/FullLoader.stories.d.ts +1 -1
  543. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
  544. package/esm/components/ui/loader/Loader.stories.d.ts +1 -1
  545. package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -1
  546. package/esm/components/ui/loader/Loading.stories.d.ts +1 -1
  547. package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -1
  548. package/esm/components/ui/loader/PopLoader.js +1 -1
  549. package/esm/components/ui/loader/PopLoader.js.map +1 -1
  550. package/esm/components/ui/loader/PopLoader.stories.d.ts +1 -1
  551. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
  552. package/esm/components/ui/message/Message.stories.d.ts +1 -1
  553. package/esm/components/ui/message/Message.stories.d.ts.map +1 -1
  554. package/esm/components/ui/modal/Modal.stories.d.ts +1 -1
  555. package/esm/components/ui/modal/Modal.stories.d.ts.map +1 -1
  556. package/esm/components/ui/modal/ModalButtons.stories.d.ts +1 -1
  557. package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
  558. package/esm/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  559. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  560. package/esm/components/ui/modal/ModalButtons.styled.js +4 -2
  561. package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
  562. package/esm/components/ui/pop/OnButtonClick.js +1 -1
  563. package/esm/components/ui/pop/OnButtonClick.js.map +1 -1
  564. package/esm/components/ui/pop/Pop.d.ts.map +1 -1
  565. package/esm/components/ui/pop/Pop.js +4 -0
  566. package/esm/components/ui/pop/Pop.js.map +1 -1
  567. package/esm/components/ui/pop/Pop.stories.d.ts +1 -1
  568. package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -1
  569. package/esm/components/ui/pop/Pop.styled.js +1 -1
  570. package/esm/components/ui/pop/Pop.styled.js.map +1 -1
  571. package/esm/components/ui/progress/Progress.d.ts +6 -4
  572. package/esm/components/ui/progress/Progress.d.ts.map +1 -1
  573. package/esm/components/ui/progress/Progress.js +10 -5
  574. package/esm/components/ui/progress/Progress.js.map +1 -1
  575. package/esm/components/ui/progress/Progress.stories.d.ts +1 -1
  576. package/esm/components/ui/progress/Progress.stories.d.ts.map +1 -1
  577. package/esm/components/ui/progress/Progress.stories.js.map +1 -1
  578. package/esm/components/ui/stats/Stats.d.ts +14 -8
  579. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  580. package/esm/components/ui/stats/Stats.js +16 -14
  581. package/esm/components/ui/stats/Stats.js.map +1 -1
  582. package/esm/components/ui/stats/Stats.stories.d.ts +11 -0
  583. package/esm/components/ui/stats/Stats.stories.d.ts.map +1 -0
  584. package/esm/components/ui/stats/Stats.stories.js +104 -0
  585. package/esm/components/ui/stats/Stats.stories.js.map +1 -0
  586. package/esm/components/ui/stats/Stats.styled.d.ts +419 -0
  587. package/esm/components/ui/stats/Stats.styled.d.ts.map +1 -0
  588. package/esm/components/ui/stats/Stats.styled.js +49 -0
  589. package/esm/components/ui/stats/Stats.styled.js.map +1 -0
  590. package/esm/components/ui/tabs/Item.d.ts +8 -4
  591. package/esm/components/ui/tabs/Item.d.ts.map +1 -1
  592. package/esm/components/ui/tabs/Item.js +5 -7
  593. package/esm/components/ui/tabs/Item.js.map +1 -1
  594. package/esm/components/ui/tabs/Item.styled.d.ts +4 -0
  595. package/esm/components/ui/tabs/Item.styled.d.ts.map +1 -0
  596. package/esm/components/ui/tabs/Item.styled.js +17 -0
  597. package/esm/components/ui/tabs/Item.styled.js.map +1 -0
  598. package/esm/components/ui/tabs/Selector.d.ts +7 -5
  599. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  600. package/esm/components/ui/tabs/Selector.js +9 -7
  601. package/esm/components/ui/tabs/Selector.js.map +1 -1
  602. package/esm/components/ui/tabs/Selector.stories.d.ts +10 -0
  603. package/esm/components/ui/tabs/Selector.stories.d.ts.map +1 -0
  604. package/esm/components/ui/tabs/Selector.stories.js +72 -0
  605. package/esm/components/ui/tabs/Selector.stories.js.map +1 -0
  606. package/esm/components/ui/tabs/Selector.styled.d.ts +2 -0
  607. package/esm/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  608. package/esm/components/ui/tabs/Selector.styled.js +11 -0
  609. package/esm/components/ui/tabs/Selector.styled.js.map +1 -0
  610. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  611. package/esm/components/ui/toaster/Toaster.js +1 -0
  612. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  613. package/esm/components/ui/toaster/Toaster.stories.d.ts +1 -1
  614. package/esm/components/ui/toaster/Toaster.stories.d.ts.map +1 -1
  615. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +1 -1
  616. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -1
  617. package/esm/components/utils/Gap.d.ts +87 -0
  618. package/esm/components/utils/Gap.d.ts.map +1 -0
  619. package/esm/components/utils/Gap.js +15 -0
  620. package/esm/components/utils/Gap.js.map +1 -0
  621. package/esm/index.d.ts +2 -0
  622. package/esm/index.d.ts.map +1 -1
  623. package/esm/index.js +2 -0
  624. package/esm/index.js.map +1 -1
  625. package/esm/scrollbars.css.d.ts.map +1 -1
  626. package/esm/scrollbars.css.js +2 -2
  627. package/esm/scrollbars.css.js.map +1 -1
  628. package/esm/theme.css-global.d.ts +3 -0
  629. package/esm/theme.css-global.d.ts.map +1 -0
  630. package/esm/theme.css-global.js +16 -0
  631. package/esm/theme.css-global.js.map +1 -0
  632. package/esm/theme.css-reset.d.ts.map +1 -1
  633. package/esm/theme.css-reset.js +2 -4
  634. package/esm/theme.css-reset.js.map +1 -1
  635. package/esm/theme.d.ts +2 -2
  636. package/esm/utils/index.d.ts +0 -1
  637. package/esm/utils/index.d.ts.map +1 -1
  638. package/esm/utils/index.js +0 -1
  639. package/esm/utils/index.js.map +1 -1
  640. package/package.json +13 -34
  641. package/src/components/form/Checkbox.stories.tsx +1 -1
  642. package/src/components/form/Checkbox.styled.ts +1 -1
  643. package/src/components/form/Checkbox.tsx +23 -14
  644. package/src/components/form/ColorPicker.stories.tsx +1 -1
  645. package/src/components/form/ColorPicker.styled.ts +1 -1
  646. package/src/components/form/ColorPicker.tsx +21 -14
  647. package/src/components/form/Label.stories.tsx +1 -1
  648. package/src/components/form/Label.tsx +13 -11
  649. package/src/components/form/Select.stories.tsx +1 -1
  650. package/src/components/form/Select.tsx +8 -1
  651. package/src/components/form/Toggle.stories.tsx +1 -1
  652. package/src/components/form/Toggle.tsx +12 -9
  653. package/src/components/form/choice/Choice.stories.tsx +1 -1
  654. package/src/components/form/choice/Choice.tsx +13 -8
  655. package/src/components/form/choice/ChoiceItem.styled.ts +9 -0
  656. package/src/components/form/choice/ChoiceItem.tsx +8 -2
  657. package/src/components/form/input/Input.css.ts +3 -5
  658. package/src/components/form/input/Input.stories.tsx +5 -4
  659. package/src/components/form/input/Input.tsx +3 -2
  660. package/src/components/form/textarea/TextArea.stories.tsx +1 -1
  661. package/src/components/form/textarea/TextArea.tsx +12 -7
  662. package/src/components/icons/Battery.tsx +2 -2
  663. package/src/components/icons/Checkmark.tsx +1 -1
  664. package/src/components/icons/Config.tsx +1 -1
  665. package/src/components/icons/Dots.tsx +1 -1
  666. package/src/components/icons/Heart.tsx +1 -1
  667. package/src/components/icons/Icon.stories.tsx +82 -0
  668. package/src/components/icons/Trash.tsx +1 -1
  669. package/src/components/layout/card/Card.stories.tsx +93 -0
  670. package/src/components/layout/card/Card.styled.ts +25 -0
  671. package/src/components/layout/card/Card.tsx +5 -27
  672. package/src/components/layout/header/Header.stories.tsx +2 -2
  673. package/src/components/layout/header/Header.tsx +11 -9
  674. package/src/components/layout/header/HeaderIconAction.stories.tsx +1 -1
  675. package/src/components/layout/header/HeaderIconAction.styled.ts +2 -2
  676. package/src/components/layout/header/HeaderIconAction.tsx +1 -0
  677. package/src/components/layout/header/StickyHeader.stories.tsx +2 -2
  678. package/src/components/layout/header/StickyHeader.tsx +10 -2
  679. package/src/components/layout/list/Header.stories.tsx +1 -1
  680. package/src/components/layout/list/Item.stories.tsx +1 -4
  681. package/src/components/layout/list/Label.stories.tsx +1 -1
  682. package/src/components/layout/list/List.stories.tsx +1 -1
  683. package/src/components/layout/list/Value.stories.tsx +1 -1
  684. package/src/components/layout/section/SearchContainer.tsx +2 -15
  685. package/src/components/layout/section/Section.stories.tsx +1 -1
  686. package/src/components/layout/section/Section.tsx +4 -7
  687. package/src/components/layout/table/Table.stories.tsx +1 -1
  688. package/src/components/native/index.ts +3 -1
  689. package/src/components/ui/action/Action.stories.tsx +1 -1
  690. package/src/components/ui/action/Action.tsx +2 -2
  691. package/src/components/ui/action/EqualActions.stories.tsx +72 -0
  692. package/src/components/ui/action/EqualActions.styled.ts +21 -0
  693. package/src/components/ui/action/EqualActions.tsx +21 -14
  694. package/src/components/ui/button/Button.stories.tsx +1 -1
  695. package/src/components/ui/directionPad/Button.styled.ts +25 -0
  696. package/src/components/ui/directionPad/Button.tsx +16 -8
  697. package/src/components/ui/directionPad/Middle.styled.ts +19 -0
  698. package/src/components/ui/directionPad/Middle.tsx +13 -7
  699. package/src/components/ui/directionPad/Pad.stories.tsx +143 -0
  700. package/src/components/ui/directionPad/Pad.styled.ts +22 -0
  701. package/src/components/ui/directionPad/Pad.tsx +30 -19
  702. package/src/components/ui/drawer/Drawer.stories.tsx +167 -0
  703. package/src/components/ui/drawer/Drawer.styled.ts +22 -0
  704. package/src/components/ui/drawer/Drawer.tsx +44 -67
  705. package/src/components/ui/keyValue/KeyValue.stories.tsx +143 -0
  706. package/src/components/ui/keyValue/KeyValue.styled.ts +70 -0
  707. package/src/components/ui/keyValue/KeyValue.tsx +49 -24
  708. package/src/components/ui/line/Line.stories.tsx +1 -1
  709. package/src/components/ui/loader/CoveringLoader.stories.tsx +1 -1
  710. package/src/components/ui/loader/FullLoader.stories.tsx +1 -1
  711. package/src/components/ui/loader/Loader.stories.tsx +1 -1
  712. package/src/components/ui/loader/Loading.stories.tsx +1 -1
  713. package/src/components/ui/loader/PopLoader.stories.tsx +1 -1
  714. package/src/components/ui/loader/PopLoader.tsx +1 -1
  715. package/src/components/ui/message/Message.stories.tsx +1 -1
  716. package/src/components/ui/message/Message.tsx +1 -1
  717. package/src/components/ui/modal/Modal.stories.tsx +1 -1
  718. package/src/components/ui/modal/ModalButtons.stories.tsx +1 -1
  719. package/src/components/ui/modal/ModalButtons.styled.ts +4 -4
  720. package/src/components/ui/pop/OnButtonClick.tsx +1 -1
  721. package/src/components/ui/pop/Pop.stories.tsx +1 -1
  722. package/src/components/ui/pop/Pop.styled.ts +1 -1
  723. package/src/components/ui/pop/Pop.tsx +5 -1
  724. package/src/components/ui/progress/Progress.stories.tsx +2 -1
  725. package/src/components/ui/progress/Progress.tsx +25 -7
  726. package/src/components/ui/stats/Stats.stories.tsx +167 -0
  727. package/src/components/ui/stats/Stats.styled.ts +62 -0
  728. package/src/components/ui/stats/Stats.tsx +35 -25
  729. package/src/components/ui/tabs/Item.styled.ts +19 -0
  730. package/src/components/ui/tabs/Item.tsx +14 -13
  731. package/src/components/ui/tabs/Selector.stories.tsx +108 -0
  732. package/src/components/ui/tabs/Selector.styled.ts +13 -0
  733. package/src/components/ui/tabs/Selector.tsx +16 -13
  734. package/src/components/ui/toaster/Toaster.stories.tsx +1 -1
  735. package/src/components/ui/toaster/Toaster.tsx +1 -0
  736. package/src/components/ui/toolButton/ToolButton.stories.tsx +1 -1
  737. package/src/components/utils/Gap.tsx +19 -0
  738. package/src/index.ts +2 -0
  739. package/src/scrollbars.css.ts +3 -3
  740. package/src/theme.css-global.ts +19 -0
  741. package/src/theme.css-reset.ts +2 -4
  742. package/src/types/fnWithProps.ts +1 -1
  743. package/src/utils/index.ts +0 -1
  744. package/.prettierignore +0 -3
  745. package/.prettierrc.json +0 -1
  746. package/dist/components/layout/card/Card.module.scss +0 -15
  747. package/dist/components/layout/section/SearchContainer.module.scss +0 -3
  748. package/dist/components/ui/action/EqualActions.module.scss +0 -11
  749. package/dist/components/ui/directionPad/Pad.module.scss +0 -45
  750. package/dist/components/ui/drawer/Drawer.module.scss +0 -15
  751. package/dist/components/ui/keyValue/KeyValue.module.scss +0 -57
  752. package/dist/components/ui/message/Message.module.scss +0 -31
  753. package/dist/components/ui/modal/ModalButton.d.ts +0 -8
  754. package/dist/components/ui/modal/ModalButton.d.ts.map +0 -1
  755. package/dist/components/ui/modal/ModalButton.js +0 -31
  756. package/dist/components/ui/modal/ModalButton.js.map +0 -1
  757. package/dist/components/ui/stats/Stats.module.scss +0 -48
  758. package/dist/components/ui/tabs/Item.module.scss +0 -11
  759. package/dist/components/ui/tabs/Selector.module.scss +0 -6
  760. package/dist/global.scss +0 -95
  761. package/dist/scrollbars.scss +0 -22
  762. package/dist/utils/makeVariants.d.ts +0 -3
  763. package/dist/utils/makeVariants.d.ts.map +0 -1
  764. package/dist/utils/makeVariants.js +0 -14
  765. package/dist/utils/makeVariants.js.map +0 -1
  766. package/docs/assets/pages.css +0 -14
  767. package/docs/classes/Drawer.html +0 -550
  768. package/docs/classes/Pop.html +0 -581
  769. package/docs/classes/ToasterProvider.html +0 -569
  770. package/docs/enums/ICON.html +0 -124
  771. package/docs/functions/Action.html +0 -139
  772. package/docs/functions/Button.html +0 -165
  773. package/docs/functions/Card.html +0 -136
  774. package/docs/functions/Checkbox.html +0 -138
  775. package/docs/functions/Choice.html +0 -136
  776. package/docs/functions/ColorPicker.html +0 -138
  777. package/docs/functions/CoveringLoader.html +0 -139
  778. package/docs/functions/DirectionPad.html +0 -136
  779. package/docs/functions/EqualActions.html +0 -136
  780. package/docs/functions/FullLoader.html +0 -138
  781. package/docs/functions/HandleEsc.html +0 -136
  782. package/docs/functions/Header-1.html +0 -141
  783. package/docs/functions/Header.toString.html +0 -56
  784. package/docs/functions/HeaderAfterSelector.html +0 -125
  785. package/docs/functions/HeaderBeforeSelector.html +0 -125
  786. package/docs/functions/HeaderContentsSelector.html +0 -125
  787. package/docs/functions/HeaderIconAction.html +0 -139
  788. package/docs/functions/Icon-1.html +0 -136
  789. package/docs/functions/If.html +0 -136
  790. package/docs/functions/Input.html +0 -135
  791. package/docs/functions/KeyValue.html +0 -136
  792. package/docs/functions/Label.html +0 -136
  793. package/docs/functions/Line.html +0 -165
  794. package/docs/functions/List-1.html +0 -146
  795. package/docs/functions/Loader.html +0 -140
  796. package/docs/functions/Loading.html +0 -142
  797. package/docs/functions/Message.html +0 -165
  798. package/docs/functions/Modal-1.html +0 -136
  799. package/docs/functions/ModalButtons.html +0 -159
  800. package/docs/functions/PopLoader.html +0 -140
  801. package/docs/functions/PopOption.html +0 -136
  802. package/docs/functions/Progress.html +0 -139
  803. package/docs/functions/SearchContainer.html +0 -136
  804. package/docs/functions/Section.html +0 -171
  805. package/docs/functions/Select.html +0 -159
  806. package/docs/functions/Selector.html +0 -135
  807. package/docs/functions/Spacer.html +0 -159
  808. package/docs/functions/Stats.html +0 -136
  809. package/docs/functions/StickyHeader.html +0 -130
  810. package/docs/functions/Table.html +0 -159
  811. package/docs/functions/TextArea.html +0 -136
  812. package/docs/functions/Toggle.html +0 -136
  813. package/docs/functions/ToolButton.html +0 -165
  814. package/docs/functions/borderPxToRem.html +0 -130
  815. package/docs/functions/createTheme.html +0 -139
  816. package/docs/functions/css.html +0 -137
  817. package/docs/functions/dimensionsPxToRem.html +0 -130
  818. package/docs/functions/fontPxToRem.html +0 -130
  819. package/docs/functions/getCssText.html +0 -125
  820. package/docs/functions/globalCss.html +0 -141
  821. package/docs/functions/keyframes.html +0 -141
  822. package/docs/functions/pxToRem.html +0 -130
  823. package/docs/functions/styled.html +0 -141
  824. package/docs/functions/useToaster.html +0 -125
  825. package/docs/interfaces/IconProps.html +0 -79
  826. package/docs/interfaces/InputCustomProps.html +0 -127
  827. package/docs/interfaces/LabelProps.html +0 -104
  828. package/docs/interfaces/StickyHeaderProps.html +0 -100
  829. package/docs/interfaces/ToggleProps.html +0 -136
  830. package/docs/modules/Header.html +0 -58
  831. package/docs/modules/List.html +0 -61
  832. package/docs/modules/Modal.html +0 -58
  833. package/docs/pages/tutorials/Test.html +0 -120
  834. package/docs/types/ActionProps.html +0 -121
  835. package/docs/types/ChoiceProps.html +0 -121
  836. package/docs/types/InputProps.html +0 -126
  837. package/docs/types/OverwriteProps.html +0 -136
  838. package/docs/types/ThemeCSS.html +0 -121
  839. package/docs/variables/List.Header.html +0 -53
  840. package/docs/variables/List.Item.html +0 -53
  841. package/docs/variables/Modal.RemovePadding.html +0 -52
  842. package/docs/variables/config.html +0 -135
  843. package/docs/variables/cssReset.html +0 -123
  844. package/docs/variables/miuiScrollbars.html +0 -121
  845. package/docs/variables/theme.html +0 -121
  846. package/esm/components/layout/card/Card.module.scss +0 -15
  847. package/esm/components/layout/section/SearchContainer.module.scss +0 -3
  848. package/esm/components/ui/action/EqualActions.module.scss +0 -11
  849. package/esm/components/ui/directionPad/Pad.module.scss +0 -45
  850. package/esm/components/ui/drawer/Drawer.module.scss +0 -15
  851. package/esm/components/ui/keyValue/KeyValue.module.scss +0 -57
  852. package/esm/components/ui/message/Message.module.scss +0 -31
  853. package/esm/components/ui/modal/ModalButton.d.ts +0 -8
  854. package/esm/components/ui/modal/ModalButton.d.ts.map +0 -1
  855. package/esm/components/ui/modal/ModalButton.js +0 -13
  856. package/esm/components/ui/modal/ModalButton.js.map +0 -1
  857. package/esm/components/ui/stats/Stats.module.scss +0 -48
  858. package/esm/components/ui/tabs/Item.module.scss +0 -11
  859. package/esm/components/ui/tabs/Selector.module.scss +0 -6
  860. package/esm/global.scss +0 -95
  861. package/esm/scrollbars.scss +0 -22
  862. package/esm/utils/makeVariants.d.ts +0 -3
  863. package/esm/utils/makeVariants.d.ts.map +0 -1
  864. package/esm/utils/makeVariants.js +0 -11
  865. package/esm/utils/makeVariants.js.map +0 -1
  866. package/next.config.js +0 -6
  867. package/src/components/layout/card/Card.module.scss +0 -15
  868. package/src/components/layout/section/SearchContainer.module.scss +0 -3
  869. package/src/components/ui/action/EqualActions.module.scss +0 -11
  870. package/src/components/ui/directionPad/Pad.module.scss +0 -45
  871. package/src/components/ui/drawer/Drawer.module.scss +0 -15
  872. package/src/components/ui/keyValue/KeyValue.module.scss +0 -57
  873. package/src/components/ui/message/Message.module.scss +0 -31
  874. package/src/components/ui/modal/ModalButton.tsx +0 -27
  875. package/src/components/ui/stats/Stats.module.scss +0 -48
  876. package/src/components/ui/tabs/Item.module.scss +0 -11
  877. package/src/components/ui/tabs/Selector.module.scss +0 -6
  878. package/src/demo/Demo.module.scss +0 -4
  879. package/src/demo/Demo.tsx +0 -25
  880. package/src/demo/Main.module.scss +0 -38
  881. package/src/demo/Main.tsx +0 -84
  882. package/src/demo/Menu.module.scss +0 -42
  883. package/src/demo/Menu.tsx +0 -43
  884. package/src/demo/NextLink.tsx +0 -11
  885. package/src/demo/components/form/Form.tsx +0 -31
  886. package/src/demo/components/form/Search.tsx +0 -33
  887. package/src/demo/components/form/TextArea.tsx +0 -13
  888. package/src/demo/components/layout/card/Card.tsx +0 -21
  889. package/src/demo/components/ui/action/Action.tsx +0 -109
  890. package/src/demo/components/ui/action/ActionDemo.module.scss +0 -3
  891. package/src/demo/components/ui/directionPad/Pad.tsx +0 -41
  892. package/src/demo/components/ui/drawer/Drawer.tsx +0 -29
  893. package/src/demo/components/ui/icons/Icons.tsx +0 -24
  894. package/src/demo/components/ui/keyValue/KeyValue.tsx +0 -49
  895. package/src/demo/components/ui/stats/Stats.module.scss +0 -29
  896. package/src/demo/components/ui/stats/Stats.tsx +0 -60
  897. package/src/demo/components/ui/tabs/Tabs.tsx +0 -15
  898. package/src/demo/componentsMap.ts +0 -107
  899. package/src/demo/utils/safeUseHash.ts +0 -15
  900. package/src/demo-global.scss +0 -9
  901. package/src/global.scss +0 -95
  902. package/src/pages/_app.tsx +0 -24
  903. package/src/pages/index.tsx +0 -10
  904. package/src/pages/react-miui.tsx +0 -13
  905. package/src/scrollbars.scss +0 -22
  906. package/src/utils/makeVariants.ts +0 -13
  907. package/typedoc.cjs +0 -5
  908. package/typedoc.mjs +0 -49
  909. /package/src/demo/{components/form/countries.const.ts → countries.const.ts} +0 -0
package/docs/functions/index.HandleEsc.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HandleEsc | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.HandleEsc.html">HandleEsc</a></li></ul><h1>Function HandleEsc</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="handleesc" class="tsd-anchor"></a><span class="tsd-kind-call-signature">HandleEsc</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">deprecatedLegacyContext</span><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="#handleesc" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Props</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">deprecatedLegacyContext</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
2
+ </div></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/utils/HandleEsc.tsx#L10">src/components/utils/HandleEsc.tsx:10</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.HandleEsc.html#contexttypes" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types?</span></a>
3
+ <a href="index.HandleEsc.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
4
+ <a href="index.HandleEsc.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
5
+ <a href="index.HandleEsc.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
6
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="contexttypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">context<wbr/>Types</span><a href="#contexttypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Lets you specify which legacy context is consumed by
7
+ this component.</p>
8
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html">Legacy React Docs</a></p>
9
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1155</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to define default values for the props accepted by
10
+ the component.</p>
11
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-defaultprops">React Docs</a></p>
12
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">Props</span><span class="hl-1"> = { </span><span class="hl-6">name</span><span class="hl-1">?: </span><span class="hl-5">string</span><span class="hl-1"> }</span><br/><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1">&lt;</span><span class="hl-5">Props</span><span class="hl-1">&gt; = (</span><span class="hl-6">props</span><span class="hl-1">) </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-0">{</span><span class="hl-6">props</span><span class="hl-14">.</span><span class="hl-6">name</span><span class="hl-0">}</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">defaultProps</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">name:</span><span class="hl-1"> </span><span class="hl-4">&#39;John Doe&#39;</span><br/><span class="hl-1">}</span>
13
+ </code><button type="button">Copy</button></pre>
14
+
15
+ </div><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
16
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1178</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
17
+ explicitly if you want to display a different name for
18
+ debugging purposes.</p>
19
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
20
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1"> = () </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-1">Hello!</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">displayName</span><span class="hl-1"> = </span><span class="hl-4">&#39;MyAwesomeComponent&#39;</span>
21
+ </code><button type="button">Copy</button></pre>
22
+
23
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1197</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to declare the types of the props accepted by the
24
+ component. These types will be checked during rendering
25
+ and in development only.</p>
26
+ <p>We recommend using TypeScript instead of checking prop
27
+ types at runtime.</p>
28
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-proptypes">React Docs</a></p>
29
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1146</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#contexttypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.Header.html ADDED
@@ -0,0 +1,14 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Header | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.Header.html">Header</a></li></ul><h1>Function Header</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>General purpose header component.
2
+ It has the main section, <code>before</code> and <code>after</code> sections.
3
+ The main section is left-aligned by default, but it can be centered with <code>center</code> prop.
4
+ <code>before</code> and <code>after</code> sections are usually used for actions.</p>
5
+ </div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="header" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Header</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.HeaderProps.html" class="tsd-signature-type tsd-kind-type-alias">HeaderProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span><a href="#header" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.HeaderProps.html" class="tsd-signature-type tsd-kind-type-alias">HeaderProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/layout/header/Header.tsx#L41">src/components/layout/header/Header.tsx:41</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.Header.html#typeof" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a>
6
+ <a href="index.Header.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
7
+ <a href="index.Header.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
8
+ <a href="index.Header.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
9
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="typeof" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Readonly</code><span>$$typeof</span><a href="#typeof" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">$$typeof</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">symbol</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:643</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.HeaderProps.html" class="tsd-signature-type tsd-kind-type-alias">HeaderProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
10
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1581</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
11
+ explicitly if you want to display a different name for
12
+ debugging purposes.</p>
13
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
14
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:659</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.HeaderProps.html" class="tsd-signature-type tsd-kind-type-alias">HeaderProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1582</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#typeof" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.HeaderIconAction.html ADDED
@@ -0,0 +1,31 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HeaderIconAction | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.HeaderIconAction.html">HeaderIconAction</a></li></ul><h1>Function HeaderIconAction</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Use this component if you need a clickable icon that stylistically fits the header.
2
+ It can be a simple link, a button or a custom link component.</p>
3
+ </div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="headericonaction" class="tsd-anchor"></a><span class="tsd-kind-call-signature">HeaderIconAction</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">deprecatedLegacyContext</span><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="#headericonaction" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Props</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">deprecatedLegacyContext</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
4
+ </div></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/layout/header/HeaderIconAction.tsx#L44">src/components/layout/header/HeaderIconAction.tsx:44</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.HeaderIconAction.html#contexttypes" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types?</span></a>
5
+ <a href="index.HeaderIconAction.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
6
+ <a href="index.HeaderIconAction.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
7
+ <a href="index.HeaderIconAction.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
8
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="contexttypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">context<wbr/>Types</span><a href="#contexttypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Lets you specify which legacy context is consumed by
9
+ this component.</p>
10
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html">Legacy React Docs</a></p>
11
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1155</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to define default values for the props accepted by
12
+ the component.</p>
13
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-defaultprops">React Docs</a></p>
14
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">Props</span><span class="hl-1"> = { </span><span class="hl-6">name</span><span class="hl-1">?: </span><span class="hl-5">string</span><span class="hl-1"> }</span><br/><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1">&lt;</span><span class="hl-5">Props</span><span class="hl-1">&gt; = (</span><span class="hl-6">props</span><span class="hl-1">) </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-0">{</span><span class="hl-6">props</span><span class="hl-14">.</span><span class="hl-6">name</span><span class="hl-0">}</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">defaultProps</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">name:</span><span class="hl-1"> </span><span class="hl-4">&#39;John Doe&#39;</span><br/><span class="hl-1">}</span>
15
+ </code><button type="button">Copy</button></pre>
16
+
17
+ </div><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
18
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1178</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
19
+ explicitly if you want to display a different name for
20
+ debugging purposes.</p>
21
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
22
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1"> = () </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-1">Hello!</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">displayName</span><span class="hl-1"> = </span><span class="hl-4">&#39;MyAwesomeComponent&#39;</span>
23
+ </code><button type="button">Copy</button></pre>
24
+
25
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1197</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to declare the types of the props accepted by the
26
+ component. These types will be checked during rendering
27
+ and in development only.</p>
28
+ <p>We recommend using TypeScript instead of checking prop
29
+ types at runtime.</p>
30
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-proptypes">React Docs</a></p>
31
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1146</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#contexttypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.Icon-1.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Icon | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.Icon-1.html">Icon</a></li></ul><h1>Function Icon</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="icon" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Icon</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/index.IconProps.html" class="tsd-signature-type tsd-kind-interface">IconProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">deprecatedLegacyContext</span><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="#icon" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <a href="../interfaces/index.IconProps.html" class="tsd-signature-type tsd-kind-interface">IconProps</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">deprecatedLegacyContext</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
2
+ </div></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/icons/Icon.tsx#L44">src/components/icons/Icon.tsx:44</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.Icon-1.html#contexttypes" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types?</span></a>
3
+ <a href="index.Icon-1.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
4
+ <a href="index.Icon-1.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
5
+ <a href="index.Icon-1.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
6
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="contexttypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">context<wbr/>Types</span><a href="#contexttypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Lets you specify which legacy context is consumed by
7
+ this component.</p>
8
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html">Legacy React Docs</a></p>
9
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1155</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/index.IconProps.html" class="tsd-signature-type tsd-kind-interface">IconProps</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to define default values for the props accepted by
10
+ the component.</p>
11
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-defaultprops">React Docs</a></p>
12
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">Props</span><span class="hl-1"> = { </span><span class="hl-6">name</span><span class="hl-1">?: </span><span class="hl-5">string</span><span class="hl-1"> }</span><br/><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1">&lt;</span><span class="hl-5">Props</span><span class="hl-1">&gt; = (</span><span class="hl-6">props</span><span class="hl-1">) </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-0">{</span><span class="hl-6">props</span><span class="hl-14">.</span><span class="hl-6">name</span><span class="hl-0">}</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">defaultProps</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">name:</span><span class="hl-1"> </span><span class="hl-4">&#39;John Doe&#39;</span><br/><span class="hl-1">}</span>
13
+ </code><button type="button">Copy</button></pre>
14
+
15
+ </div><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
16
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1178</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
17
+ explicitly if you want to display a different name for
18
+ debugging purposes.</p>
19
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
20
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1"> = () </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-1">Hello!</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">displayName</span><span class="hl-1"> = </span><span class="hl-4">&#39;MyAwesomeComponent&#39;</span>
21
+ </code><button type="button">Copy</button></pre>
22
+
23
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1197</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/index.IconProps.html" class="tsd-signature-type tsd-kind-interface">IconProps</a><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to declare the types of the props accepted by the
24
+ component. These types will be checked during rendering
25
+ and in development only.</p>
26
+ <p>We recommend using TypeScript instead of checking prop
27
+ types at runtime.</p>
28
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-proptypes">React Docs</a></p>
29
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1146</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#contexttypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.If.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>If | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.If.html">If</a></li></ul><h1>Function If</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="if" class="tsd-anchor"></a><span class="tsd-kind-call-signature">If</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">deprecatedLegacyContext</span><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="#if" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Props</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">deprecatedLegacyContext</span>: <span class="tsd-signature-type">any</span></span><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4></div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html#referencing-context-in-lifecycle-methods">React Docs</a></p>
2
+ </div></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/utils/If.tsx#L8">src/components/utils/If.tsx:8</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.If.html#contexttypes" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types?</span></a>
3
+ <a href="index.If.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
4
+ <a href="index.If.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
5
+ <a href="index.If.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
6
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="contexttypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">context<wbr/>Types</span><a href="#contexttypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">contextTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-1" class="tsd-anchor"></a>Deprecated<a href="#deprecated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Lets you specify which legacy context is consumed by
7
+ this component.</p>
8
+ </div><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-1" class="tsd-anchor"></a>See<a href="#see-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/legacy-context.html">Legacy React Docs</a></p>
9
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1155</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to define default values for the props accepted by
10
+ the component.</p>
11
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-2" class="tsd-anchor"></a>See<a href="#see-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-defaultprops">React Docs</a></p>
12
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example" class="tsd-anchor"></a>Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-5">Props</span><span class="hl-1"> = { </span><span class="hl-6">name</span><span class="hl-1">?: </span><span class="hl-5">string</span><span class="hl-1"> }</span><br/><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1">&lt;</span><span class="hl-5">Props</span><span class="hl-1">&gt; = (</span><span class="hl-6">props</span><span class="hl-1">) </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-0">{</span><span class="hl-6">props</span><span class="hl-14">.</span><span class="hl-6">name</span><span class="hl-0">}</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">defaultProps</span><span class="hl-1"> = {</span><br/><span class="hl-1"> </span><span class="hl-6">name:</span><span class="hl-1"> </span><span class="hl-4">&#39;John Doe&#39;</span><br/><span class="hl-1">}</span>
13
+ </code><button type="button">Copy</button></pre>
14
+
15
+ </div><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated-2" class="tsd-anchor"></a>Deprecated<a href="#deprecated-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
16
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1178</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
17
+ explicitly if you want to display a different name for
18
+ debugging purposes.</p>
19
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-3" class="tsd-anchor"></a>See<a href="#see-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
20
+ </div><div class="tsd-tag-example"><h4 class="tsd-anchor-link"><a id="example-1" class="tsd-anchor"></a>Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="tsx"><br/><span class="hl-0">const</span><span class="hl-1"> </span><span class="hl-3">MyComponent</span><span class="hl-1">: </span><span class="hl-5">FC</span><span class="hl-1"> = () </span><span class="hl-0">=&gt;</span><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-10">return</span><span class="hl-1"> </span><span class="hl-12">&lt;</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><span class="hl-1">Hello!</span><span class="hl-12">&lt;/</span><span class="hl-13">div</span><span class="hl-12">&gt;</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-6">MyComponent</span><span class="hl-1">.</span><span class="hl-6">displayName</span><span class="hl-1"> = </span><span class="hl-4">&#39;MyAwesomeComponent&#39;</span>
21
+ </code><button type="button">Copy</button></pre>
22
+
23
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1197</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><p>Used to declare the types of the props accepted by the
24
+ component. These types will be checked during rendering
25
+ and in development only.</p>
26
+ <p>We recommend using TypeScript instead of checking prop
27
+ types at runtime.</p>
28
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see-4" class="tsd-anchor"></a>See<a href="#see-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://react.dev/reference/react/Component#static-proptypes">React Docs</a></p>
29
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1146</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#contexttypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>context<wbr/>Types</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.Input.html ADDED
@@ -0,0 +1 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Input | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.Input.html">Input</a></li></ul><h1>Function Input</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="input" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Input</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Input.html#inputt">T</a> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <a href="../interfaces/index.InputCustomProps.html" class="tsd-signature-type tsd-kind-interface">InputCustomProps</a><span class="tsd-signature-symbol">&lt;</span><br/>        <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Input.html#inputt">T</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactElement</span><a href="#input" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="inputt" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">string</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <a href="../interfaces/index.InputCustomProps.html" class="tsd-signature-type tsd-kind-interface">InputCustomProps</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Input.html#inputt">T</a><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactElement</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/form/input/Input.tsx#L108">src/components/form/input/Input.tsx:108</a></li></ul></aside></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
package/docs/functions/index.KeyValue.html ADDED
@@ -0,0 +1,10 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>KeyValue | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><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 defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><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"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><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"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.KeyValue.html">KeyValue</a></li></ul><h1>Function KeyValue</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="keyvalue" class="tsd-anchor"></a><span class="tsd-kind-call-signature">KeyValue</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <a href="../types/index.KeyValueProps.html" class="tsd-signature-type tsd-kind-type-alias">KeyValueProps</a> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span><a href="#keyvalue" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <a href="../types/index.KeyValueProps.html" class="tsd-signature-type tsd-kind-type-alias">KeyValueProps</a> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/ui/keyValue/KeyValue.tsx#L22">src/components/ui/keyValue/KeyValue.tsx:22</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.KeyValue.html#typeof" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a>
2
+ <a href="index.KeyValue.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
3
+ <a href="index.KeyValue.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
4
+ <a href="index.KeyValue.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
5
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="typeof" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Readonly</code><span>$$typeof</span><a href="#typeof" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">$$typeof</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">symbol</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:643</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.KeyValueProps.html" class="tsd-signature-type tsd-kind-type-alias">KeyValueProps</a> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
6
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1581</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
7
+ explicitly if you want to display a different name for
8
+ debugging purposes.</p>
9
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
10
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:659</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><a href="../types/index.KeyValueProps.html" class="tsd-signature-type tsd-kind-type-alias">KeyValueProps</a> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">RefAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1582</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><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><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><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></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#typeof" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>