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.Line.html ADDED
@@ -0,0 +1,16 @@
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>Line | 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.Line.html">Line</a></li></ul><h1>Function Line</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>A visual separator</p>
2
+ </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="line" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Line</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><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>        <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;as&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <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><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><br/><span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span><a href="#line" 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><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>        <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>    <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;as&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <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/ui/line/Line.tsx#L6">src/components/ui/line/Line.tsx:6</a></li></ul></aside></li><li class="tsd-signature tsd-anchor-link"><a id="line-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Line</span><span class="tsd-signature-symbol">&lt;</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Line.html#linec">C</a> <span class="tsd-signature-keyword">extends</span><br/>        <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Line.html#lineas">As</a> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">=</span> <span class="tsd-signature-type">&quot;hr&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Line.html#lineinnerprops">InnerProps</a> <span class="tsd-signature-symbol">=</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/><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">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">ComponentPropsWithRef</span><span class="tsd-signature-symbol">&lt;</span><br/>            <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a> <span class="tsd-signature-keyword">extends</span> (keyof IntrinsicElements)<br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><br/>                <span class="tsd-signature-symbol">?</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&gt;</span><br/>                <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectinnerprops">InnerProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-signature-symbol">[</span><span class="tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">in</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>                    <span class="tsd-signature-symbol">?</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>                        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">,</span><br/>                            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</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-type">never</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <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">null</span><br/><span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span><a href="#line-1" 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="linec" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">C</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><a id="lineas" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">As</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span> = <span class="tsd-signature-type">&quot;hr&quot;</span></span></li><li><span><a id="lineinnerprops" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">InnerProps</span> = <span class="tsd-signature-symbol">{}</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">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">ComponentPropsWithRef</span><span class="tsd-signature-symbol">&lt;</span><br/>        <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a> <span class="tsd-signature-keyword">extends</span> (keyof IntrinsicElements)<br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><br/>            <span class="tsd-signature-symbol">?</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&gt;</span><br/>            <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectinnerprops">InnerProps</a><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-signature-symbol">[</span><span class="tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">in</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>                <span class="tsd-signature-symbol">?</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>                    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">{</span><br/>                        <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">{</span><br/>                        <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</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-type">never</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</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">null</span> <span class="tsd-signature-symbol">|</span> <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/ui/line/Line.tsx#L6">src/components/ui/line/Line.tsx:6</a></li></ul></aside></li><li class="tsd-signature tsd-anchor-link"><a id="line-2" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Line</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><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>        <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <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><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span><a href="#line-2" 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><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>        <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>    <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</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/line/Line.tsx#L6">src/components/ui/line/Line.tsx:6</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.Line.html#styledcomponentmedia" 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>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span></a>
3
+ <a href="index.Line.html#styledcomponentprops" 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>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span></a>
4
+ <a href="index.Line.html#styledcomponenttype" 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>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span></a>
5
+ <a href="index.Line.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.Line.html#classname" 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>class<wbr/>Name</span></a>
7
+ <a href="index.Line.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>
8
+ <a href="index.Line.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>
9
+ <a href="index.Line.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>
10
+ <a href="index.Line.html#selector" 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>selector</span></a>
11
+ </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="styledcomponentmedia" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span><a href="#styledcomponentmedia" 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">&quot;[$$StyledComponentMedia]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:54</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="styledcomponentprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span><a href="#styledcomponentprops" 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">&quot;[$$StyledComponentProps]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:53</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="styledcomponenttype" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span><a href="#styledcomponenttype" 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">&quot;[$$StyledComponentType]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;hr&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:52</li></ul></aside></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="classname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>class<wbr/>Name</span><a href="#classname" 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">className</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:49</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><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>        <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <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><br/><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>
12
+ </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
13
+ explicitly if you want to display a different name for
14
+ debugging purposes.</p>
15
+ </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>
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: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><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><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-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLHRElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLHRElement</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><br/>        <span class="tsd-signature-type">&quot;vertical&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><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">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">vertical</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <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><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 class="tsd-panel tsd-member tsd-is-external"><a id="selector" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>selector</span><a href="#selector" 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">selector</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:50</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="#styledcomponentmedia" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span></a><a href="#styledcomponentprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span></a><a href="#styledcomponenttype" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span></a><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="#classname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class<wbr/>Name</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><a href="#selector" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>selector</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>