react-miui 0.15.9 → 0.17.1

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 (440) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/form/Checkbox.d.ts.map +1 -1
  3. package/dist/components/form/Checkbox.js +3 -3
  4. package/dist/components/form/Checkbox.js.map +1 -1
  5. package/dist/components/form/Input.d.ts +6 -2
  6. package/dist/components/form/Input.d.ts.map +1 -1
  7. package/dist/components/form/Input.js +44 -7
  8. package/dist/components/form/Input.js.map +1 -1
  9. package/dist/components/form/Label.d.ts.map +1 -1
  10. package/dist/components/form/Label.js +4 -4
  11. package/dist/components/form/Label.js.map +1 -1
  12. package/dist/components/form/Select.d.ts.map +1 -1
  13. package/dist/components/form/Select.js +1 -1
  14. package/dist/components/form/Select.js.map +1 -1
  15. package/dist/components/form/Suggestions.d.ts +9 -0
  16. package/dist/components/form/Suggestions.d.ts.map +1 -0
  17. package/dist/components/form/Suggestions.js +21 -0
  18. package/dist/components/form/Suggestions.js.map +1 -0
  19. package/dist/components/form/TextArea.d.ts.map +1 -1
  20. package/dist/components/form/TextArea.js +9 -5
  21. package/dist/components/form/TextArea.js.map +1 -1
  22. package/dist/components/form/Toggle.d.ts.map +1 -1
  23. package/dist/components/form/Toggle.js +9 -5
  24. package/dist/components/form/Toggle.js.map +1 -1
  25. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  26. package/dist/components/form/choice/Choice.js +6 -6
  27. package/dist/components/form/choice/Choice.js.map +1 -1
  28. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  29. package/dist/components/form/choice/ChoiceItem.js +6 -2
  30. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  31. package/dist/components/icons/Icon.d.ts.map +1 -1
  32. package/dist/components/icons/Icon.js.map +1 -1
  33. package/dist/components/layout/card/Card.d.ts.map +1 -1
  34. package/dist/components/layout/card/Card.js +2 -2
  35. package/dist/components/layout/card/Card.js.map +1 -1
  36. package/dist/components/layout/header/Header.d.ts.map +1 -1
  37. package/dist/components/layout/header/Header.js +8 -10
  38. package/dist/components/layout/header/Header.js.map +1 -1
  39. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  40. package/dist/components/layout/header/HeaderIconAction.js +2 -2
  41. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  42. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  43. package/dist/components/layout/header/StickyHeader.js +2 -2
  44. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  45. package/dist/components/layout/list/Header.d.ts.map +1 -1
  46. package/dist/components/layout/list/Header.js +3 -3
  47. package/dist/components/layout/list/Header.js.map +1 -1
  48. package/dist/components/layout/list/Item.d.ts.map +1 -1
  49. package/dist/components/layout/list/Item.js +8 -8
  50. package/dist/components/layout/list/Item.js.map +1 -1
  51. package/dist/components/layout/list/Label.d.ts.map +1 -1
  52. package/dist/components/layout/list/Label.js +1 -1
  53. package/dist/components/layout/list/Label.js.map +1 -1
  54. package/dist/components/layout/list/List.d.ts.map +1 -1
  55. package/dist/components/layout/list/List.js +5 -5
  56. package/dist/components/layout/list/List.js.map +1 -1
  57. package/dist/components/layout/list/Value.d.ts.map +1 -1
  58. package/dist/components/layout/list/Value.js +1 -1
  59. package/dist/components/layout/list/Value.js.map +1 -1
  60. package/dist/components/layout/section/Section.d.ts.map +1 -1
  61. package/dist/components/layout/section/Section.js +3 -3
  62. package/dist/components/layout/section/Section.js.map +1 -1
  63. package/dist/components/layout/table/Table.d.ts.map +1 -1
  64. package/dist/components/layout/table/Table.js +2 -2
  65. package/dist/components/layout/table/Table.js.map +1 -1
  66. package/dist/components/ui/action/Action.d.ts.map +1 -1
  67. package/dist/components/ui/action/Action.js +3 -3
  68. package/dist/components/ui/action/Action.js.map +1 -1
  69. package/dist/components/ui/action/EqualActions.d.ts +1 -0
  70. package/dist/components/ui/action/EqualActions.d.ts.map +1 -1
  71. package/dist/components/ui/action/EqualActions.js +2 -1
  72. package/dist/components/ui/action/EqualActions.js.map +1 -1
  73. package/dist/components/ui/action/EqualActions.module.scss +5 -0
  74. package/dist/components/ui/button/Button.d.ts.map +1 -1
  75. package/dist/components/ui/button/Button.js +3 -3
  76. package/dist/components/ui/button/Button.js.map +1 -1
  77. package/dist/components/ui/directionPad/Button.d.ts +1 -1
  78. package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
  79. package/dist/components/ui/directionPad/Middle.d.ts +2 -2
  80. package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
  81. package/dist/components/ui/directionPad/Pad.d.ts.map +1 -1
  82. package/dist/components/ui/directionPad/Pad.js.map +1 -1
  83. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  84. package/dist/components/ui/drawer/Drawer.js +7 -3
  85. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  86. package/dist/components/ui/keyValue/KeyValue.d.ts +15 -0
  87. package/dist/components/ui/keyValue/KeyValue.d.ts.map +1 -0
  88. package/dist/components/ui/keyValue/KeyValue.js +47 -0
  89. package/dist/components/ui/keyValue/KeyValue.js.map +1 -0
  90. package/dist/components/ui/keyValue/KeyValue.module.scss +57 -0
  91. package/dist/components/ui/message/Message.d.ts.map +1 -1
  92. package/dist/components/ui/message/Message.js +1 -1
  93. package/dist/components/ui/message/Message.js.map +1 -1
  94. package/dist/components/ui/modal/Modal.d.ts +1 -1
  95. package/dist/components/ui/modal/Modal.d.ts.map +1 -1
  96. package/dist/components/ui/modal/Modal.js +20 -16
  97. package/dist/components/ui/modal/Modal.js.map +1 -1
  98. package/dist/components/ui/modal/ModalButton.d.ts.map +1 -1
  99. package/dist/components/ui/modal/ModalButton.js +4 -4
  100. package/dist/components/ui/modal/ModalButton.js.map +1 -1
  101. package/dist/components/ui/modal/ModalButtons.d.ts +1 -1
  102. package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -1
  103. package/dist/components/ui/modal/ModalButtons.js +3 -3
  104. package/dist/components/ui/modal/ModalButtons.js.map +1 -1
  105. package/dist/components/ui/modal/ModalNoMargin.d.ts.map +1 -1
  106. package/dist/components/ui/modal/ModalNoMargin.js +2 -2
  107. package/dist/components/ui/modal/ModalNoMargin.js.map +1 -1
  108. package/dist/components/ui/pop/OnButtonClick.js +7 -3
  109. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  110. package/dist/components/ui/pop/Pop.d.ts +1 -1
  111. package/dist/components/ui/pop/Pop.d.ts.map +1 -1
  112. package/dist/components/ui/pop/Pop.js +13 -8
  113. package/dist/components/ui/pop/Pop.js.map +1 -1
  114. package/dist/components/ui/pop/PopOption.d.ts.map +1 -1
  115. package/dist/components/ui/pop/PopOption.js +2 -2
  116. package/dist/components/ui/pop/PopOption.js.map +1 -1
  117. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  118. package/dist/components/ui/stats/Stats.js +1 -1
  119. package/dist/components/ui/stats/Stats.js.map +1 -1
  120. package/dist/components/ui/tabs/Item.d.ts.map +1 -1
  121. package/dist/components/ui/tabs/Item.js +7 -3
  122. package/dist/components/ui/tabs/Item.js.map +1 -1
  123. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  124. package/dist/components/ui/tabs/Selector.js +11 -7
  125. package/dist/components/ui/tabs/Selector.js.map +1 -1
  126. package/dist/components/ui/toaster/Notification.d.ts.map +1 -1
  127. package/dist/components/ui/toaster/Notification.js +13 -5
  128. package/dist/components/ui/toaster/Notification.js.map +1 -1
  129. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  130. package/dist/components/ui/toaster/Toaster.js +9 -5
  131. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  132. package/dist/components/ui/toaster/Toaster.module.scss +2 -2
  133. package/dist/components/utils/HandleEsc.js +3 -3
  134. package/dist/components/utils/HandleEsc.js.map +1 -1
  135. package/dist/index.d.ts +2 -0
  136. package/dist/index.d.ts.map +1 -1
  137. package/dist/index.js +7 -1
  138. package/dist/index.js.map +1 -1
  139. package/dist/utils/index.d.ts +4 -2
  140. package/dist/utils/index.d.ts.map +1 -1
  141. package/dist/utils/index.js +9 -3
  142. package/dist/utils/index.js.map +1 -1
  143. package/dist/utils/useKeyPress.js +2 -2
  144. package/dist/utils/useKeyPress.js.map +1 -1
  145. package/dist/utils/useRandomId.d.ts +3 -0
  146. package/dist/utils/useRandomId.d.ts.map +1 -0
  147. package/dist/utils/useRandomId.js +13 -0
  148. package/dist/utils/useRandomId.js.map +1 -0
  149. package/docs/.nojekyll +1 -0
  150. package/docs/assets/highlight.css +106 -0
  151. package/docs/assets/main.js +54 -0
  152. package/docs/assets/pages.css +14 -0
  153. package/docs/assets/search.js +1 -0
  154. package/docs/assets/style.css +1224 -0
  155. package/docs/assets/{images/widgets.png → widgets.png} +0 -0
  156. package/docs/assets/{images/widgets@2x.png → widgets@2x.png} +0 -0
  157. package/docs/classes/Drawer.html +537 -1097
  158. package/docs/classes/Pop.html +564 -1149
  159. package/docs/classes/ToasterProvider.html +554 -1121
  160. package/docs/enums/ICON.html +123 -364
  161. package/docs/functions/Action.html +98 -0
  162. package/docs/functions/Button.html +98 -0
  163. package/docs/functions/Card.html +98 -0
  164. package/docs/functions/Checkbox.html +98 -0
  165. package/docs/functions/Choice.html +101 -0
  166. package/docs/functions/DirectionPad.html +98 -0
  167. package/docs/functions/EqualActions.html +98 -0
  168. package/docs/functions/HandleEsc.html +98 -0
  169. package/docs/functions/Header.html +98 -0
  170. package/docs/functions/HeaderIconAction.html +98 -0
  171. package/docs/functions/Icon-1.html +98 -0
  172. package/docs/functions/If.html +98 -0
  173. package/docs/functions/Input.html +101 -0
  174. package/docs/functions/Item-1.html +98 -0
  175. package/docs/functions/KeyValue.html +98 -0
  176. package/docs/functions/Label.html +98 -0
  177. package/docs/functions/List-1.html +98 -0
  178. package/docs/functions/Message.html +98 -0
  179. package/docs/functions/Modal-1.html +98 -0
  180. package/docs/functions/ModalButtons-1.html +98 -0
  181. package/docs/functions/PopOption.html +98 -0
  182. package/docs/functions/SearchContainer.html +101 -0
  183. package/docs/functions/Section-1.html +98 -0
  184. package/docs/functions/Select.html +98 -0
  185. package/docs/functions/Selector.html +101 -0
  186. package/docs/functions/Spacer.html +98 -0
  187. package/docs/functions/Stats.html +98 -0
  188. package/docs/functions/StickyHeader-1.html +98 -0
  189. package/docs/functions/StickyHeader.Content.html +62 -0
  190. package/docs/functions/Table.html +98 -0
  191. package/docs/functions/TextArea.html +98 -0
  192. package/docs/functions/Toggle.html +98 -0
  193. package/docs/functions/useToaster.html +91 -0
  194. package/docs/index.html +90 -249
  195. package/docs/modules/Item.html +60 -173
  196. package/docs/modules/List.html +57 -162
  197. package/docs/modules/Modal.html +57 -162
  198. package/docs/modules/ModalButtons.html +57 -162
  199. package/docs/modules/Section.html +57 -162
  200. package/docs/modules/StickyHeader.html +57 -178
  201. package/docs/modules.html +136 -658
  202. package/docs/pages/tutorials/Test.html +86 -0
  203. package/docs/variables/Item.Label.html +54 -0
  204. package/docs/variables/Item.Value.html +54 -0
  205. package/docs/variables/List.Header.html +53 -0
  206. package/docs/variables/Modal.NegateMargin.html +53 -0
  207. package/docs/variables/ModalButtons.Button.html +53 -0
  208. package/docs/variables/Section.Container.html +53 -0
  209. package/esm/components/form/Checkbox.d.ts.map +1 -1
  210. package/esm/components/form/Checkbox.js +1 -1
  211. package/esm/components/form/Checkbox.js.map +1 -1
  212. package/esm/components/form/Input.d.ts +6 -2
  213. package/esm/components/form/Input.d.ts.map +1 -1
  214. package/esm/components/form/Input.js +35 -2
  215. package/esm/components/form/Input.js.map +1 -1
  216. package/esm/components/form/Label.d.ts.map +1 -1
  217. package/esm/components/form/Label.js +2 -2
  218. package/esm/components/form/Label.js.map +1 -1
  219. package/esm/components/form/Select.d.ts.map +1 -1
  220. package/esm/components/form/Select.js.map +1 -1
  221. package/esm/components/form/Suggestions.d.ts +9 -0
  222. package/esm/components/form/Suggestions.d.ts.map +1 -0
  223. package/esm/components/form/Suggestions.js +15 -0
  224. package/esm/components/form/Suggestions.js.map +1 -0
  225. package/esm/components/form/TextArea.d.ts.map +1 -1
  226. package/esm/components/form/TextArea.js.map +1 -1
  227. package/esm/components/form/Toggle.d.ts.map +1 -1
  228. package/esm/components/form/Toggle.js +2 -2
  229. package/esm/components/form/Toggle.js.map +1 -1
  230. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  231. package/esm/components/form/choice/Choice.js +2 -2
  232. package/esm/components/form/choice/Choice.js.map +1 -1
  233. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  234. package/esm/components/form/choice/ChoiceItem.js.map +1 -1
  235. package/esm/components/icons/Icon.d.ts.map +1 -1
  236. package/esm/components/icons/Icon.js.map +1 -1
  237. package/esm/components/layout/card/Card.d.ts.map +1 -1
  238. package/esm/components/layout/card/Card.js.map +1 -1
  239. package/esm/components/layout/header/Header.d.ts.map +1 -1
  240. package/esm/components/layout/header/Header.js +7 -9
  241. package/esm/components/layout/header/Header.js.map +1 -1
  242. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  243. package/esm/components/layout/header/HeaderIconAction.js +1 -1
  244. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  245. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  246. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  247. package/esm/components/layout/list/Header.d.ts.map +1 -1
  248. package/esm/components/layout/list/Header.js +1 -1
  249. package/esm/components/layout/list/Header.js.map +1 -1
  250. package/esm/components/layout/list/Item.d.ts.map +1 -1
  251. package/esm/components/layout/list/Item.js +3 -3
  252. package/esm/components/layout/list/Item.js.map +1 -1
  253. package/esm/components/layout/list/Label.d.ts.map +1 -1
  254. package/esm/components/layout/list/Label.js.map +1 -1
  255. package/esm/components/layout/list/List.d.ts.map +1 -1
  256. package/esm/components/layout/list/List.js +2 -2
  257. package/esm/components/layout/list/List.js.map +1 -1
  258. package/esm/components/layout/list/Value.d.ts.map +1 -1
  259. package/esm/components/layout/list/Value.js.map +1 -1
  260. package/esm/components/layout/section/Section.d.ts.map +1 -1
  261. package/esm/components/layout/section/Section.js +1 -1
  262. package/esm/components/layout/section/Section.js.map +1 -1
  263. package/esm/components/layout/table/Table.d.ts.map +1 -1
  264. package/esm/components/layout/table/Table.js.map +1 -1
  265. package/esm/components/ui/action/Action.d.ts.map +1 -1
  266. package/esm/components/ui/action/Action.js.map +1 -1
  267. package/esm/components/ui/action/EqualActions.d.ts +1 -0
  268. package/esm/components/ui/action/EqualActions.d.ts.map +1 -1
  269. package/esm/components/ui/action/EqualActions.js +2 -1
  270. package/esm/components/ui/action/EqualActions.js.map +1 -1
  271. package/esm/components/ui/action/EqualActions.module.scss +5 -0
  272. package/esm/components/ui/button/Button.d.ts.map +1 -1
  273. package/esm/components/ui/button/Button.js +1 -1
  274. package/esm/components/ui/button/Button.js.map +1 -1
  275. package/esm/components/ui/directionPad/Button.d.ts +1 -1
  276. package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
  277. package/esm/components/ui/directionPad/Middle.d.ts +2 -2
  278. package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
  279. package/esm/components/ui/directionPad/Pad.d.ts.map +1 -1
  280. package/esm/components/ui/directionPad/Pad.js.map +1 -1
  281. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  282. package/esm/components/ui/drawer/Drawer.js +1 -1
  283. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  284. package/esm/components/ui/keyValue/KeyValue.d.ts +15 -0
  285. package/esm/components/ui/keyValue/KeyValue.d.ts.map +1 -0
  286. package/esm/components/ui/keyValue/KeyValue.js +41 -0
  287. package/esm/components/ui/keyValue/KeyValue.js.map +1 -0
  288. package/esm/components/ui/keyValue/KeyValue.module.scss +57 -0
  289. package/esm/components/ui/message/Message.d.ts.map +1 -1
  290. package/esm/components/ui/message/Message.js.map +1 -1
  291. package/esm/components/ui/modal/Modal.d.ts +1 -1
  292. package/esm/components/ui/modal/Modal.d.ts.map +1 -1
  293. package/esm/components/ui/modal/Modal.js +2 -2
  294. package/esm/components/ui/modal/Modal.js.map +1 -1
  295. package/esm/components/ui/modal/ModalButton.d.ts.map +1 -1
  296. package/esm/components/ui/modal/ModalButton.js +2 -2
  297. package/esm/components/ui/modal/ModalButton.js.map +1 -1
  298. package/esm/components/ui/modal/ModalButtons.d.ts +1 -1
  299. package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -1
  300. package/esm/components/ui/modal/ModalButtons.js +1 -1
  301. package/esm/components/ui/modal/ModalButtons.js.map +1 -1
  302. package/esm/components/ui/modal/ModalNoMargin.d.ts.map +1 -1
  303. package/esm/components/ui/modal/ModalNoMargin.js +1 -1
  304. package/esm/components/ui/modal/ModalNoMargin.js.map +1 -1
  305. package/esm/components/ui/pop/Pop.d.ts +1 -1
  306. package/esm/components/ui/pop/Pop.d.ts.map +1 -1
  307. package/esm/components/ui/pop/Pop.js +4 -3
  308. package/esm/components/ui/pop/Pop.js.map +1 -1
  309. package/esm/components/ui/pop/PopOption.d.ts.map +1 -1
  310. package/esm/components/ui/pop/PopOption.js +1 -1
  311. package/esm/components/ui/pop/PopOption.js.map +1 -1
  312. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  313. package/esm/components/ui/stats/Stats.js.map +1 -1
  314. package/esm/components/ui/tabs/Item.d.ts.map +1 -1
  315. package/esm/components/ui/tabs/Item.js.map +1 -1
  316. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  317. package/esm/components/ui/tabs/Selector.js +2 -2
  318. package/esm/components/ui/tabs/Selector.js.map +1 -1
  319. package/esm/components/ui/toaster/Notification.d.ts.map +1 -1
  320. package/esm/components/ui/toaster/Notification.js +7 -3
  321. package/esm/components/ui/toaster/Notification.js.map +1 -1
  322. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  323. package/esm/components/ui/toaster/Toaster.js +1 -1
  324. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  325. package/esm/components/ui/toaster/Toaster.module.scss +2 -2
  326. package/esm/components/utils/HandleEsc.js +1 -1
  327. package/esm/components/utils/HandleEsc.js.map +1 -1
  328. package/esm/index.d.ts +2 -0
  329. package/esm/index.d.ts.map +1 -1
  330. package/esm/index.js +2 -0
  331. package/esm/index.js.map +1 -1
  332. package/esm/utils/index.d.ts +4 -2
  333. package/esm/utils/index.d.ts.map +1 -1
  334. package/esm/utils/index.js +4 -2
  335. package/esm/utils/index.js.map +1 -1
  336. package/esm/utils/useRandomId.d.ts +3 -0
  337. package/esm/utils/useRandomId.d.ts.map +1 -0
  338. package/esm/utils/useRandomId.js +10 -0
  339. package/esm/utils/useRandomId.js.map +1 -0
  340. package/package.json +16 -12
  341. package/src/components/form/Checkbox.tsx +3 -1
  342. package/src/components/form/Input.tsx +61 -5
  343. package/src/components/form/Label.tsx +4 -2
  344. package/src/components/form/Select.tsx +1 -0
  345. package/src/components/form/Suggestions.tsx +29 -0
  346. package/src/components/form/TextArea.tsx +1 -0
  347. package/src/components/form/Toggle.tsx +4 -3
  348. package/src/components/form/choice/Choice.tsx +5 -2
  349. package/src/components/form/choice/ChoiceItem.tsx +1 -0
  350. package/src/components/icons/Icon.tsx +1 -0
  351. package/src/components/layout/card/Card.tsx +2 -0
  352. package/src/components/layout/header/Header.tsx +10 -11
  353. package/src/components/layout/header/HeaderIconAction.tsx +3 -1
  354. package/src/components/layout/header/StickyHeader.tsx +1 -0
  355. package/src/components/layout/list/Header.tsx +3 -1
  356. package/src/components/layout/list/Item.tsx +6 -4
  357. package/src/components/layout/list/Label.tsx +2 -1
  358. package/src/components/layout/list/List.tsx +4 -2
  359. package/src/components/layout/list/Value.tsx +1 -0
  360. package/src/components/layout/section/Section.tsx +3 -1
  361. package/src/components/layout/table/Table.tsx +2 -0
  362. package/src/components/ui/action/Action.tsx +4 -1
  363. package/src/components/ui/action/EqualActions.module.scss +5 -0
  364. package/src/components/ui/action/EqualActions.tsx +5 -1
  365. package/src/components/ui/button/Button.tsx +3 -1
  366. package/src/components/ui/directionPad/Button.tsx +1 -1
  367. package/src/components/ui/directionPad/Middle.tsx +2 -2
  368. package/src/components/ui/directionPad/Pad.tsx +0 -1
  369. package/src/components/ui/drawer/Drawer.tsx +7 -5
  370. package/src/components/ui/keyValue/KeyValue.module.scss +57 -0
  371. package/src/components/ui/keyValue/KeyValue.tsx +69 -0
  372. package/src/components/ui/message/Message.tsx +1 -0
  373. package/src/components/ui/modal/Modal.tsx +4 -2
  374. package/src/components/ui/modal/ModalButton.tsx +4 -2
  375. package/src/components/ui/modal/ModalButtons.tsx +2 -1
  376. package/src/components/ui/modal/ModalNoMargin.tsx +2 -1
  377. package/src/components/ui/pop/Pop.tsx +7 -5
  378. package/src/components/ui/pop/PopOption.tsx +2 -1
  379. package/src/components/ui/stats/Stats.tsx +1 -0
  380. package/src/components/ui/tabs/Item.tsx +1 -0
  381. package/src/components/ui/tabs/Selector.tsx +4 -2
  382. package/src/components/ui/toaster/Notification.tsx +10 -2
  383. package/src/components/ui/toaster/Toaster.module.scss +2 -2
  384. package/src/components/ui/toaster/Toaster.tsx +3 -2
  385. package/src/components/utils/HandleEsc.tsx +1 -1
  386. package/src/demo/Demo.tsx +5 -4
  387. package/src/demo/Main.tsx +5 -4
  388. package/src/demo/Menu.tsx +5 -3
  389. package/src/demo/components/form/Choice.tsx +2 -2
  390. package/src/demo/components/form/Form.tsx +4 -8
  391. package/src/demo/components/form/Input.tsx +13 -2
  392. package/src/demo/components/form/Label.tsx +2 -3
  393. package/src/demo/components/form/Search.tsx +4 -9
  394. package/src/demo/components/form/Select.tsx +2 -2
  395. package/src/demo/components/form/TextArea.tsx +2 -1
  396. package/src/demo/components/form/Toggle.tsx +2 -4
  397. package/src/demo/components/form/countries.const.ts +201 -0
  398. package/src/demo/components/layout/card/Card.tsx +2 -2
  399. package/src/demo/components/layout/header/Header.tsx +2 -2
  400. package/src/demo/components/layout/header/StickyHeader.tsx +1 -0
  401. package/src/demo/components/layout/list/Header.tsx +2 -3
  402. package/src/demo/components/layout/list/Inset.tsx +2 -3
  403. package/src/demo/components/layout/list/ItemRatio.tsx +2 -3
  404. package/src/demo/components/layout/list/Label.tsx +2 -2
  405. package/src/demo/components/layout/list/List.Item.tsx +2 -0
  406. package/src/demo/components/layout/list/Selection.tsx +2 -3
  407. package/src/demo/components/layout/list/Value.tsx +2 -3
  408. package/src/demo/components/layout/section/Section.tsx +2 -3
  409. package/src/demo/components/layout/table/TableDemo.tsx +2 -1
  410. package/src/demo/components/ui/action/Action.tsx +3 -5
  411. package/src/demo/components/ui/button/ButtonDemo.tsx +1 -0
  412. package/src/demo/components/ui/directionPad/Pad.tsx +2 -1
  413. package/src/demo/components/ui/drawer/Drawer.tsx +2 -1
  414. package/src/demo/components/ui/icons/Icons.tsx +1 -0
  415. package/src/demo/components/ui/keyValue/KeyValue.tsx +49 -0
  416. package/src/demo/components/ui/message/Message.tsx +1 -1
  417. package/src/demo/components/ui/modal/Modal.tsx +2 -8
  418. package/src/demo/components/ui/pop/Pop.tsx +14 -19
  419. package/src/demo/components/ui/stats/Stats.tsx +2 -3
  420. package/src/demo/components/ui/tabs/Tabs.tsx +2 -2
  421. package/src/demo/components/ui/toaster/Toaster.tsx +2 -3
  422. package/src/demo/componentsMap.ts +38 -32
  423. package/src/index.ts +3 -0
  424. package/src/pages/_app.tsx +3 -0
  425. package/src/pages/index.tsx +3 -1
  426. package/src/pages/react-miui.tsx +1 -0
  427. package/src/utils/index.ts +4 -2
  428. package/src/utils/useRandomId.ts +13 -0
  429. package/babel.config.js +0 -33
  430. package/docs/assets/css/main.css +0 -2679
  431. package/docs/assets/css/pages.css +0 -64
  432. package/docs/assets/images/icons.png +0 -0
  433. package/docs/assets/images/icons@2x.png +0 -0
  434. package/docs/assets/images/page-icon.svg +0 -1
  435. package/docs/assets/js/main.js +0 -1
  436. package/docs/assets/js/search.js +0 -1
  437. package/docs/assets/js/search.json +0 -1
  438. package/docs/pages/Tutorials/Test.html +0 -144
  439. package/next-env.d.ts +0 -5
  440. package/pagesconfig.json +0 -13
@@ -0,0 +1,1224 @@
1
+ :root {
2
+ /* Light */
3
+ --light-color-background: #f2f4f8;
4
+ --light-color-background-secondary: #eff0f1;
5
+ --light-color-icon-background: var(--light-color-background);
6
+ --light-color-accent: #c5c7c9;
7
+ --light-color-text: #222;
8
+ --light-color-text-aside: #707070;
9
+ --light-color-link: #4da6ff;
10
+ --light-color-ts: #db1373;
11
+ --light-color-ts-interface: #139d2c;
12
+ --light-color-ts-enum: #9c891a;
13
+ --light-color-ts-class: #2484e5;
14
+ --light-color-ts-function: #572be7;
15
+ --light-color-ts-namespace: #b111c9;
16
+ --light-color-ts-private: #707070;
17
+ --light-color-ts-variable: #4d68ff;
18
+ --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
19
+ --light-color-scheme: light;
20
+
21
+ /* Dark */
22
+ --dark-color-background: #2b2e33;
23
+ --dark-color-background-secondary: #1e2024;
24
+ --dark-color-icon-background: var(--dark-color-background-secondary);
25
+ --dark-color-accent: #9096a2;
26
+ --dark-color-text: #f5f5f5;
27
+ --dark-color-text-aside: #dddddd;
28
+ --dark-color-link: #00aff4;
29
+ --dark-color-ts: #ff6492;
30
+ --dark-color-ts-interface: #6cff87;
31
+ --dark-color-ts-enum: #f4d93e;
32
+ --dark-color-ts-class: #61b0ff;
33
+ --dark-color-ts-function: #9772ff;
34
+ --dark-color-ts-namespace: #e14dff;
35
+ --dark-color-ts-private: #e2e2e2;
36
+ --dark-color-ts-variable: #4d68ff;
37
+ --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
38
+ --dark-color-scheme: dark;
39
+ }
40
+
41
+ @media (prefers-color-scheme: light) {
42
+ :root {
43
+ --color-background: var(--light-color-background);
44
+ --color-background-secondary: var(--light-color-background-secondary);
45
+ --color-icon-background: var(--light-color-icon-background);
46
+ --color-accent: var(--light-color-accent);
47
+ --color-text: var(--light-color-text);
48
+ --color-text-aside: var(--light-color-text-aside);
49
+ --color-link: var(--light-color-link);
50
+ --color-ts: var(--light-color-ts);
51
+ --color-ts-interface: var(--light-color-ts-interface);
52
+ --color-ts-enum: var(--light-color-ts-enum);
53
+ --color-ts-class: var(--light-color-ts-class);
54
+ --color-ts-function: var(--light-color-ts-function);
55
+ --color-ts-namespace: var(--light-color-ts-namespace);
56
+ --color-ts-private: var(--light-color-ts-private);
57
+ --color-ts-variable: var(--light-color-ts-variable);
58
+ --external-icon: var(--light-external-icon);
59
+ --color-scheme: var(--light-color-scheme);
60
+ }
61
+ }
62
+
63
+ @media (prefers-color-scheme: dark) {
64
+ :root {
65
+ --color-background: var(--dark-color-background);
66
+ --color-background-secondary: var(--dark-color-background-secondary);
67
+ --color-icon-background: var(--dark-color-icon-background);
68
+ --color-accent: var(--dark-color-accent);
69
+ --color-text: var(--dark-color-text);
70
+ --color-text-aside: var(--dark-color-text-aside);
71
+ --color-link: var(--dark-color-link);
72
+ --color-ts: var(--dark-color-ts);
73
+ --color-ts-interface: var(--dark-color-ts-interface);
74
+ --color-ts-enum: var(--dark-color-ts-enum);
75
+ --color-ts-class: var(--dark-color-ts-class);
76
+ --color-ts-function: var(--dark-color-ts-function);
77
+ --color-ts-namespace: var(--dark-color-ts-namespace);
78
+ --color-ts-private: var(--dark-color-ts-private);
79
+ --color-ts-variable: var(--dark-color-ts-variable);
80
+ --external-icon: var(--dark-external-icon);
81
+ --color-scheme: var(--dark-color-scheme);
82
+ }
83
+ }
84
+
85
+ html {
86
+ color-scheme: var(--color-scheme);
87
+ }
88
+
89
+ body {
90
+ margin: 0;
91
+ }
92
+
93
+ :root[data-theme="light"] {
94
+ --color-background: var(--light-color-background);
95
+ --color-background-secondary: var(--light-color-background-secondary);
96
+ --color-icon-background: var(--light-color-icon-background);
97
+ --color-accent: var(--light-color-accent);
98
+ --color-text: var(--light-color-text);
99
+ --color-text-aside: var(--light-color-text-aside);
100
+ --color-link: var(--light-color-link);
101
+ --color-ts: var(--light-color-ts);
102
+ --color-ts-interface: var(--light-color-ts-interface);
103
+ --color-ts-enum: var(--light-color-ts-enum);
104
+ --color-ts-class: var(--light-color-ts-class);
105
+ --color-ts-function: var(--light-color-ts-function);
106
+ --color-ts-namespace: var(--light-color-ts-namespace);
107
+ --color-ts-private: var(--light-color-ts-private);
108
+ --color-ts-variable: var(--light-color-ts-variable);
109
+ --external-icon: var(--light-external-icon);
110
+ --color-scheme: var(--light-color-scheme);
111
+ }
112
+
113
+ :root[data-theme="dark"] {
114
+ --color-background: var(--dark-color-background);
115
+ --color-background-secondary: var(--dark-color-background-secondary);
116
+ --color-icon-background: var(--dark-color-icon-background);
117
+ --color-accent: var(--dark-color-accent);
118
+ --color-text: var(--dark-color-text);
119
+ --color-text-aside: var(--dark-color-text-aside);
120
+ --color-link: var(--dark-color-link);
121
+ --color-ts: var(--dark-color-ts);
122
+ --color-ts-interface: var(--dark-color-ts-interface);
123
+ --color-ts-enum: var(--dark-color-ts-enum);
124
+ --color-ts-class: var(--dark-color-ts-class);
125
+ --color-ts-function: var(--dark-color-ts-function);
126
+ --color-ts-namespace: var(--dark-color-ts-namespace);
127
+ --color-ts-private: var(--dark-color-ts-private);
128
+ --color-ts-variable: var(--dark-color-ts-variable);
129
+ --external-icon: var(--dark-external-icon);
130
+ --color-scheme: var(--dark-color-scheme);
131
+ }
132
+
133
+ h1,
134
+ h2,
135
+ h3,
136
+ h4,
137
+ h5,
138
+ h6 {
139
+ line-height: 1.2;
140
+ }
141
+
142
+ h1 {
143
+ font-size: 1.875rem;
144
+ margin: 0.67rem 0;
145
+ }
146
+
147
+ h2 {
148
+ font-size: 1.5rem;
149
+ margin: 0.83rem 0;
150
+ }
151
+
152
+ h3 {
153
+ font-size: 1.25rem;
154
+ margin: 1rem 0;
155
+ }
156
+
157
+ h4 {
158
+ font-size: 1.05rem;
159
+ margin: 1.33rem 0;
160
+ }
161
+
162
+ h5 {
163
+ font-size: 1rem;
164
+ margin: 1.5rem 0;
165
+ }
166
+
167
+ h6 {
168
+ font-size: 0.875rem;
169
+ margin: 2.33rem 0;
170
+ }
171
+
172
+ .uppercase {
173
+ text-transform: uppercase;
174
+ }
175
+
176
+ pre {
177
+ white-space: pre;
178
+ white-space: pre-wrap;
179
+ word-wrap: break-word;
180
+ }
181
+
182
+ dl,
183
+ menu,
184
+ ol,
185
+ ul {
186
+ margin: 1em 0;
187
+ }
188
+
189
+ dd {
190
+ margin: 0 0 0 40px;
191
+ }
192
+
193
+ .container {
194
+ max-width: 1600px;
195
+ padding: 0 2rem;
196
+ }
197
+
198
+ @media (min-width: 640px) {
199
+ .container {
200
+ padding: 0 4rem;
201
+ }
202
+ }
203
+ @media (min-width: 1200px) {
204
+ .container {
205
+ padding: 0 8rem;
206
+ }
207
+ }
208
+ @media (min-width: 1600px) {
209
+ .container {
210
+ padding: 0 12rem;
211
+ }
212
+ }
213
+
214
+ /* Footer */
215
+ .tsd-generator {
216
+ border-top: 1px solid var(--color-accent);
217
+ padding-top: 1rem;
218
+ padding-bottom: 1rem;
219
+ max-height: 3.5rem;
220
+ }
221
+
222
+ .tsd-generator > p {
223
+ margin-top: 0;
224
+ margin-bottom: 0;
225
+ padding: 0 1rem;
226
+ }
227
+
228
+ .container-main {
229
+ display: flex;
230
+ justify-content: space-between;
231
+ position: relative;
232
+ margin: 0 auto;
233
+ }
234
+
235
+ .col-4,
236
+ .col-8 {
237
+ box-sizing: border-box;
238
+ float: left;
239
+ padding: 2rem 1rem;
240
+ }
241
+
242
+ .col-4 {
243
+ flex: 0 0 25%;
244
+ }
245
+ .col-8 {
246
+ flex: 1 0;
247
+ flex-wrap: wrap;
248
+ padding-left: 0;
249
+ }
250
+
251
+ @keyframes fade-in {
252
+ from {
253
+ opacity: 0;
254
+ }
255
+ to {
256
+ opacity: 1;
257
+ }
258
+ }
259
+ @keyframes fade-out {
260
+ from {
261
+ opacity: 1;
262
+ visibility: visible;
263
+ }
264
+ to {
265
+ opacity: 0;
266
+ }
267
+ }
268
+ @keyframes fade-in-delayed {
269
+ 0% {
270
+ opacity: 0;
271
+ }
272
+ 33% {
273
+ opacity: 0;
274
+ }
275
+ 100% {
276
+ opacity: 1;
277
+ }
278
+ }
279
+ @keyframes fade-out-delayed {
280
+ 0% {
281
+ opacity: 1;
282
+ visibility: visible;
283
+ }
284
+ 66% {
285
+ opacity: 0;
286
+ }
287
+ 100% {
288
+ opacity: 0;
289
+ }
290
+ }
291
+ @keyframes shift-to-left {
292
+ from {
293
+ transform: translate(0, 0);
294
+ }
295
+ to {
296
+ transform: translate(-25%, 0);
297
+ }
298
+ }
299
+ @keyframes unshift-to-left {
300
+ from {
301
+ transform: translate(-25%, 0);
302
+ }
303
+ to {
304
+ transform: translate(0, 0);
305
+ }
306
+ }
307
+ @keyframes pop-in-from-right {
308
+ from {
309
+ transform: translate(100%, 0);
310
+ }
311
+ to {
312
+ transform: translate(0, 0);
313
+ }
314
+ }
315
+ @keyframes pop-out-to-right {
316
+ from {
317
+ transform: translate(0, 0);
318
+ visibility: visible;
319
+ }
320
+ to {
321
+ transform: translate(100%, 0);
322
+ }
323
+ }
324
+ body {
325
+ background: var(--color-background);
326
+ font-family: "Segoe UI", sans-serif;
327
+ font-size: 16px;
328
+ color: var(--color-text);
329
+ }
330
+
331
+ a {
332
+ color: var(--color-link);
333
+ text-decoration: none;
334
+ }
335
+ a:hover {
336
+ text-decoration: underline;
337
+ }
338
+ a.external[target="_blank"] {
339
+ background-image: var(--external-icon);
340
+ background-position: top 3px right;
341
+ background-repeat: no-repeat;
342
+ padding-right: 13px;
343
+ }
344
+
345
+ code,
346
+ pre {
347
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
348
+ padding: 0.2em;
349
+ margin: 0;
350
+ font-size: 0.875rem;
351
+ border-radius: 0.8em;
352
+ }
353
+
354
+ pre {
355
+ padding: 10px;
356
+ border: 0.1em solid var(--color-accent);
357
+ }
358
+ pre code {
359
+ padding: 0;
360
+ font-size: 100%;
361
+ }
362
+
363
+ blockquote {
364
+ margin: 1em 0;
365
+ padding-left: 1em;
366
+ border-left: 4px solid gray;
367
+ }
368
+
369
+ .tsd-typography {
370
+ line-height: 1.333em;
371
+ }
372
+ .tsd-typography ul {
373
+ list-style: square;
374
+ padding: 0 0 0 20px;
375
+ margin: 0;
376
+ }
377
+ .tsd-typography h4,
378
+ .tsd-typography .tsd-index-panel h3,
379
+ .tsd-index-panel .tsd-typography h3,
380
+ .tsd-typography h5,
381
+ .tsd-typography h6 {
382
+ font-size: 1em;
383
+ margin: 0;
384
+ }
385
+ .tsd-typography h5,
386
+ .tsd-typography h6 {
387
+ font-weight: normal;
388
+ }
389
+ .tsd-typography p,
390
+ .tsd-typography ul,
391
+ .tsd-typography ol {
392
+ margin: 1em 0;
393
+ }
394
+
395
+ @media (max-width: 1024px) {
396
+ html .col-content {
397
+ float: none;
398
+ max-width: 100%;
399
+ width: 100%;
400
+ padding-top: 3rem;
401
+ }
402
+ html .col-menu {
403
+ position: fixed !important;
404
+ overflow-y: auto;
405
+ -webkit-overflow-scrolling: touch;
406
+ z-index: 1024;
407
+ top: 0 !important;
408
+ bottom: 0 !important;
409
+ left: auto !important;
410
+ right: 0 !important;
411
+ padding: 1.5rem 1.5rem 0 0;
412
+ max-width: 25rem;
413
+ visibility: hidden;
414
+ background-color: var(--color-background);
415
+ transform: translate(100%, 0);
416
+ }
417
+ html .col-menu > *:last-child {
418
+ padding-bottom: 20px;
419
+ }
420
+ html .overlay {
421
+ content: "";
422
+ display: block;
423
+ position: fixed;
424
+ z-index: 1023;
425
+ top: 0;
426
+ left: 0;
427
+ right: 0;
428
+ bottom: 0;
429
+ background-color: rgba(0, 0, 0, 0.75);
430
+ visibility: hidden;
431
+ }
432
+
433
+ .to-has-menu .overlay {
434
+ animation: fade-in 0.4s;
435
+ }
436
+
437
+ .to-has-menu :is(header, footer, .col-content) {
438
+ animation: shift-to-left 0.4s;
439
+ }
440
+
441
+ .to-has-menu .col-menu {
442
+ animation: pop-in-from-right 0.4s;
443
+ }
444
+
445
+ .from-has-menu .overlay {
446
+ animation: fade-out 0.4s;
447
+ }
448
+
449
+ .from-has-menu :is(header, footer, .col-content) {
450
+ animation: unshift-to-left 0.4s;
451
+ }
452
+
453
+ .from-has-menu .col-menu {
454
+ animation: pop-out-to-right 0.4s;
455
+ }
456
+
457
+ .has-menu body {
458
+ overflow: hidden;
459
+ }
460
+ .has-menu .overlay {
461
+ visibility: visible;
462
+ }
463
+ .has-menu :is(header, footer, .col-content) {
464
+ transform: translate(-25%, 0);
465
+ }
466
+ .has-menu .col-menu {
467
+ visibility: visible;
468
+ transform: translate(0, 0);
469
+ display: grid;
470
+ align-items: center;
471
+ grid-template-rows: auto 1fr;
472
+ grid-gap: 1.5rem;
473
+ max-height: 100vh;
474
+ padding: 1rem 2rem;
475
+ }
476
+ .has-menu .tsd-navigation {
477
+ max-height: 100%;
478
+ }
479
+ }
480
+
481
+ .tsd-breadcrumb {
482
+ margin: 0;
483
+ padding: 0;
484
+ color: var(--color-text-aside);
485
+ }
486
+ .tsd-breadcrumb a {
487
+ color: var(--color-text-aside);
488
+ text-decoration: none;
489
+ }
490
+ .tsd-breadcrumb a:hover {
491
+ text-decoration: underline;
492
+ }
493
+ .tsd-breadcrumb li {
494
+ display: inline;
495
+ }
496
+ .tsd-breadcrumb li:after {
497
+ content: " / ";
498
+ }
499
+
500
+ .tsd-comment-tags {
501
+ display: flex;
502
+ flex-direction: column;
503
+ }
504
+ dl.tsd-comment-tag-group {
505
+ display: flex;
506
+ align-items: center;
507
+ overflow: hidden;
508
+ margin: 0.5em 0;
509
+ }
510
+ dl.tsd-comment-tag-group dt {
511
+ display: flex;
512
+ margin-right: 0.5em;
513
+ font-size: 0.875em;
514
+ font-weight: normal;
515
+ }
516
+ dl.tsd-comment-tag-group dd {
517
+ margin: 0;
518
+ }
519
+ code.tsd-tag {
520
+ padding: 0.25em 0.4em;
521
+ border: 0.1em solid var(--color-accent);
522
+ margin-right: 0.25em;
523
+ font-size: 70%;
524
+ }
525
+ h1 code.tsd-tag:first-of-type {
526
+ margin-left: 0.25em;
527
+ }
528
+
529
+ dl.tsd-comment-tag-group dd:before,
530
+ dl.tsd-comment-tag-group dd:after {
531
+ content: " ";
532
+ }
533
+ dl.tsd-comment-tag-group dd pre,
534
+ dl.tsd-comment-tag-group dd:after {
535
+ clear: both;
536
+ }
537
+ dl.tsd-comment-tag-group p {
538
+ margin: 0;
539
+ }
540
+
541
+ .tsd-panel.tsd-comment .lead {
542
+ font-size: 1.1em;
543
+ line-height: 1.333em;
544
+ margin-bottom: 2em;
545
+ }
546
+ .tsd-panel.tsd-comment .lead:last-child {
547
+ margin-bottom: 0;
548
+ }
549
+
550
+ .tsd-filter-visibility h4 {
551
+ font-size: 1rem;
552
+ padding-top: 0.75rem;
553
+ padding-bottom: 0.5rem;
554
+ margin: 0;
555
+ }
556
+ .tsd-filter-item:not(:last-child) {
557
+ margin-bottom: 0.5rem;
558
+ }
559
+ .tsd-filter-input {
560
+ display: flex;
561
+ width: fit-content;
562
+ width: -moz-fit-content;
563
+ align-items: center;
564
+ user-select: none;
565
+ -webkit-user-select: none;
566
+ -moz-user-select: none;
567
+ -ms-user-select: none;
568
+ cursor: pointer;
569
+ }
570
+ .tsd-filter-input input[type="checkbox"] {
571
+ cursor: pointer;
572
+ position: absolute;
573
+ width: 1.5em;
574
+ height: 1.5em;
575
+ opacity: 0;
576
+ }
577
+ .tsd-filter-input input[type="checkbox"]:disabled {
578
+ pointer-events: none;
579
+ }
580
+ .tsd-filter-input svg {
581
+ cursor: pointer;
582
+ width: 1.5em;
583
+ height: 1.5em;
584
+ margin-right: 0.5em;
585
+ border-radius: 0.33em;
586
+ /* Leaving this at full opacity breaks event listeners on Firefox.
587
+ Don't remove unless you know what you're doing. */
588
+ opacity: 0.99;
589
+ }
590
+ .tsd-filter-input input[type="checkbox"]:focus + svg {
591
+ transform: scale(0.95);
592
+ }
593
+ .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
594
+ transform: scale(1);
595
+ }
596
+ .tsd-checkbox-background {
597
+ fill: var(--color-accent);
598
+ }
599
+ input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
600
+ stroke: var(--color-text);
601
+ }
602
+ .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
603
+ fill: var(--color-background);
604
+ stroke: var(--color-accent);
605
+ stroke-width: 0.25rem;
606
+ }
607
+ .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
608
+ stroke: var(--color-accent);
609
+ }
610
+
611
+ .tsd-theme-toggle {
612
+ padding-top: 0.75rem;
613
+ }
614
+ .tsd-theme-toggle > h4 {
615
+ display: inline;
616
+ vertical-align: middle;
617
+ margin-right: 0.75rem;
618
+ }
619
+
620
+ .tsd-hierarchy {
621
+ list-style: square;
622
+ margin: 0;
623
+ }
624
+ .tsd-hierarchy .target {
625
+ font-weight: bold;
626
+ }
627
+
628
+ .tsd-panel-group.tsd-index-group {
629
+ margin-bottom: 0;
630
+ }
631
+ .tsd-index-panel .tsd-index-list {
632
+ list-style: none;
633
+ line-height: 1.333em;
634
+ margin: 0;
635
+ padding: 0.25rem 0 0 0;
636
+ overflow: hidden;
637
+ display: grid;
638
+ grid-template-columns: repeat(3, 1fr);
639
+ column-gap: 1rem;
640
+ grid-template-rows: auto;
641
+ }
642
+ @media (max-width: 1024px) {
643
+ .tsd-index-panel .tsd-index-list {
644
+ grid-template-columns: repeat(2, 1fr);
645
+ }
646
+ }
647
+ @media (max-width: 768px) {
648
+ .tsd-index-panel .tsd-index-list {
649
+ grid-template-columns: repeat(1, 1fr);
650
+ }
651
+ }
652
+ .tsd-index-panel .tsd-index-list li {
653
+ -webkit-page-break-inside: avoid;
654
+ -moz-page-break-inside: avoid;
655
+ -ms-page-break-inside: avoid;
656
+ -o-page-break-inside: avoid;
657
+ page-break-inside: avoid;
658
+ }
659
+ .tsd-index-panel a,
660
+ .tsd-index-panel a.tsd-parent-kind-module {
661
+ color: var(--color-ts);
662
+ }
663
+ .tsd-index-panel a.tsd-parent-kind-interface {
664
+ color: var(--color-ts-interface);
665
+ }
666
+ .tsd-index-panel a.tsd-parent-kind-enum {
667
+ color: var(--color-ts-enum);
668
+ }
669
+ .tsd-index-panel a.tsd-parent-kind-class {
670
+ color: var(--color-ts-class);
671
+ }
672
+ .tsd-index-panel a.tsd-kind-module {
673
+ color: var(--color-ts-namespace);
674
+ }
675
+ .tsd-index-panel a.tsd-kind-interface {
676
+ color: var(--color-ts-interface);
677
+ }
678
+ .tsd-index-panel a.tsd-kind-enum {
679
+ color: var(--color-ts-enum);
680
+ }
681
+ .tsd-index-panel a.tsd-kind-class {
682
+ color: var(--color-ts-class);
683
+ }
684
+ .tsd-index-panel a.tsd-kind-function {
685
+ color: var(--color-ts-function);
686
+ }
687
+ .tsd-index-panel a.tsd-kind-namespace {
688
+ color: var(--color-ts-namespace);
689
+ }
690
+ .tsd-index-panel a.tsd-kind-variable {
691
+ color: var(--color-ts-variable);
692
+ }
693
+ .tsd-index-panel a.tsd-is-private {
694
+ color: var(--color-ts-private);
695
+ }
696
+
697
+ .tsd-flag {
698
+ display: inline-block;
699
+ padding: 0.25em 0.4em;
700
+ border-radius: 4px;
701
+ color: var(--color-comment-tag-text);
702
+ background-color: var(--color-comment-tag);
703
+ text-indent: 0;
704
+ font-size: 75%;
705
+ line-height: 1;
706
+ font-weight: normal;
707
+ }
708
+
709
+ .tsd-anchor {
710
+ position: absolute;
711
+ top: -100px;
712
+ }
713
+
714
+ .tsd-member {
715
+ position: relative;
716
+ }
717
+ .tsd-member .tsd-anchor + h3 {
718
+ display: flex;
719
+ align-items: center;
720
+ margin-top: 0;
721
+ margin-bottom: 0;
722
+ border-bottom: none;
723
+ }
724
+ .tsd-member [data-tsd-kind] {
725
+ color: var(--color-ts);
726
+ }
727
+ .tsd-member [data-tsd-kind="Interface"] {
728
+ color: var(--color-ts-interface);
729
+ }
730
+ .tsd-member [data-tsd-kind="Enum"] {
731
+ color: var(--color-ts-enum);
732
+ }
733
+ .tsd-member [data-tsd-kind="Class"] {
734
+ color: var(--color-ts-class);
735
+ }
736
+ .tsd-member [data-tsd-kind="Private"] {
737
+ color: var(--color-ts-private);
738
+ }
739
+
740
+ .tsd-navigation a {
741
+ display: block;
742
+ margin: 0.4rem 0;
743
+ border-left: 2px solid transparent;
744
+ color: var(--color-text);
745
+ text-decoration: none;
746
+ transition: border-left-color 0.1s;
747
+ }
748
+ .tsd-navigation a:hover {
749
+ text-decoration: underline;
750
+ }
751
+ .tsd-navigation ul {
752
+ margin: 0;
753
+ padding: 0;
754
+ list-style: none;
755
+ }
756
+ .tsd-navigation li {
757
+ padding: 0;
758
+ }
759
+
760
+ .tsd-navigation.primary .tsd-accordion-details > ul {
761
+ margin-top: 0.75rem;
762
+ }
763
+ .tsd-navigation.primary a {
764
+ padding: 0.75rem 0.5rem;
765
+ margin: 0;
766
+ }
767
+ .tsd-navigation.primary ul li a {
768
+ margin-left: 0.5rem;
769
+ }
770
+ .tsd-navigation.primary ul li li a {
771
+ margin-left: 1.5rem;
772
+ }
773
+ .tsd-navigation.primary ul li li li a {
774
+ margin-left: 2.5rem;
775
+ }
776
+ .tsd-navigation.primary ul li li li li a {
777
+ margin-left: 3.5rem;
778
+ }
779
+ .tsd-navigation.primary ul li li li li li a {
780
+ margin-left: 4.5rem;
781
+ }
782
+ .tsd-navigation.primary ul li li li li li li a {
783
+ margin-left: 5.5rem;
784
+ }
785
+ .tsd-navigation.primary li.current > a {
786
+ border-left: 0.15rem var(--color-text) solid;
787
+ }
788
+ .tsd-navigation.primary li.selected > a {
789
+ font-weight: bold;
790
+ border-left: 0.2rem var(--color-text) solid;
791
+ }
792
+ .tsd-navigation.primary ul li a:hover {
793
+ border-left: 0.2rem var(--color-text-aside) solid;
794
+ }
795
+ .tsd-navigation.primary li.globals + li > span,
796
+ .tsd-navigation.primary li.globals + li > a {
797
+ padding-top: 20px;
798
+ }
799
+
800
+ .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
801
+ max-height: calc(100vh - 1rem);
802
+ top: 0.5rem;
803
+ }
804
+ .tsd-navigation.secondary > ul {
805
+ display: inline;
806
+ padding-right: 0.5rem;
807
+ transition: opacity 0.2s;
808
+ }
809
+ .tsd-navigation.secondary ul li a {
810
+ padding-left: 0;
811
+ }
812
+ .tsd-navigation.secondary ul li li a {
813
+ padding-left: 1.1rem;
814
+ }
815
+ .tsd-navigation.secondary ul li li li a {
816
+ padding-left: 2.2rem;
817
+ }
818
+ .tsd-navigation.secondary ul li li li li a {
819
+ padding-left: 3.3rem;
820
+ }
821
+ .tsd-navigation.secondary ul li li li li li a {
822
+ padding-left: 4.4rem;
823
+ }
824
+ .tsd-navigation.secondary ul li li li li li li a {
825
+ padding-left: 5.5rem;
826
+ }
827
+
828
+ a.tsd-index-link {
829
+ margin: 0.25rem 0;
830
+ font-size: 1rem;
831
+ line-height: 1.25rem;
832
+ display: inline-flex;
833
+ align-items: center;
834
+ }
835
+ .tsd-accordion-summary > h1,
836
+ .tsd-accordion-summary > h2,
837
+ .tsd-accordion-summary > h3,
838
+ .tsd-accordion-summary > h4,
839
+ .tsd-accordion-summary > h5 {
840
+ display: inline-flex;
841
+ align-items: center;
842
+ vertical-align: middle;
843
+ margin-bottom: 0;
844
+ user-select: none;
845
+ -moz-user-select: none;
846
+ -webkit-user-select: none;
847
+ -ms-user-select: none;
848
+ }
849
+ .tsd-accordion-summary {
850
+ display: block;
851
+ cursor: pointer;
852
+ }
853
+ .tsd-accordion-summary > * {
854
+ margin-top: 0;
855
+ margin-bottom: 0;
856
+ padding-top: 0;
857
+ padding-bottom: 0;
858
+ }
859
+ .tsd-accordion-summary::-webkit-details-marker {
860
+ display: none;
861
+ }
862
+ .tsd-index-accordion .tsd-accordion-summary svg {
863
+ margin-right: 0.25rem;
864
+ }
865
+ .tsd-index-content > :not(:first-child) {
866
+ margin-top: 0.75rem;
867
+ }
868
+ .tsd-index-heading {
869
+ margin-top: 1.5rem;
870
+ margin-bottom: 0.75rem;
871
+ }
872
+
873
+ .tsd-kind-icon {
874
+ margin-right: 0.5rem;
875
+ width: 1.25rem;
876
+ height: 1.25rem;
877
+ min-width: 1.25rem;
878
+ min-height: 1.25rem;
879
+ }
880
+ .tsd-kind-icon path {
881
+ transform-origin: center;
882
+ transform: scale(1.1);
883
+ }
884
+ .tsd-signature > .tsd-kind-icon {
885
+ margin-right: 0.8rem;
886
+ }
887
+
888
+ @media (min-width: 1024px) {
889
+ .col-content {
890
+ margin: 2rem auto;
891
+ }
892
+
893
+ .menu-sticky-wrap {
894
+ position: sticky;
895
+ height: calc(100vh - 2rem);
896
+ top: 4rem;
897
+ right: 0;
898
+ padding: 0 1.5rem;
899
+ padding-top: 1rem;
900
+ margin-top: 3rem;
901
+ transition: 0.3s ease-in-out;
902
+ transition-property: top, padding-top, padding, height;
903
+ overflow-y: auto;
904
+ }
905
+ .col-menu {
906
+ border-left: 1px solid var(--color-accent);
907
+ }
908
+ .col-menu--hide {
909
+ top: 1rem;
910
+ }
911
+ .col-menu .tsd-navigation:not(:last-child) {
912
+ padding-bottom: 1.75rem;
913
+ }
914
+ }
915
+
916
+ .tsd-panel {
917
+ margin-bottom: 2.5rem;
918
+ }
919
+ .tsd-panel.tsd-member {
920
+ margin-bottom: 4rem;
921
+ }
922
+ .tsd-panel:empty {
923
+ display: none;
924
+ }
925
+ .tsd-panel > h1,
926
+ .tsd-panel > h2,
927
+ .tsd-panel > h3 {
928
+ margin: 1.5rem -1.5rem 0.75rem -1.5rem;
929
+ padding: 0 1.5rem 0.75rem 1.5rem;
930
+ }
931
+ .tsd-panel > h1.tsd-before-signature,
932
+ .tsd-panel > h2.tsd-before-signature,
933
+ .tsd-panel > h3.tsd-before-signature {
934
+ margin-bottom: 0;
935
+ border-bottom: none;
936
+ }
937
+
938
+ .tsd-panel-group {
939
+ margin: 4rem 0;
940
+ }
941
+ .tsd-panel-group.tsd-index-group {
942
+ margin: 2rem 0;
943
+ }
944
+ .tsd-panel-group.tsd-index-group details {
945
+ margin: 2rem 0;
946
+ }
947
+
948
+ #tsd-search {
949
+ transition: background-color 0.2s;
950
+ }
951
+ #tsd-search .title {
952
+ position: relative;
953
+ z-index: 2;
954
+ }
955
+ #tsd-search .field {
956
+ position: absolute;
957
+ left: 0;
958
+ top: 0;
959
+ right: 2.5rem;
960
+ height: 100%;
961
+ }
962
+ #tsd-search .field input {
963
+ box-sizing: border-box;
964
+ position: relative;
965
+ top: -50px;
966
+ z-index: 1;
967
+ width: 100%;
968
+ padding: 0 10px;
969
+ opacity: 0;
970
+ outline: 0;
971
+ border: 0;
972
+ background: transparent;
973
+ color: var(--color-text);
974
+ }
975
+ #tsd-search .field label {
976
+ position: absolute;
977
+ overflow: hidden;
978
+ right: -40px;
979
+ }
980
+ #tsd-search .field input,
981
+ #tsd-search .title {
982
+ transition: opacity 0.2s;
983
+ }
984
+ #tsd-search .results {
985
+ position: absolute;
986
+ visibility: hidden;
987
+ top: 40px;
988
+ width: 100%;
989
+ margin: 0;
990
+ padding: 0;
991
+ list-style: none;
992
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
993
+ }
994
+ #tsd-search .results li {
995
+ padding: 0 10px;
996
+ background-color: var(--color-background);
997
+ }
998
+ #tsd-search .results li:nth-child(even) {
999
+ background-color: var(--color-background-secondary);
1000
+ }
1001
+ #tsd-search .results li.state {
1002
+ display: none;
1003
+ }
1004
+ #tsd-search .results li.current,
1005
+ #tsd-search .results li:hover {
1006
+ background-color: var(--color-accent);
1007
+ }
1008
+ #tsd-search .results a {
1009
+ display: block;
1010
+ }
1011
+ #tsd-search .results a:before {
1012
+ top: 10px;
1013
+ }
1014
+ #tsd-search .results span.parent {
1015
+ color: var(--color-text-aside);
1016
+ font-weight: normal;
1017
+ }
1018
+ #tsd-search.has-focus {
1019
+ background-color: var(--color-accent);
1020
+ }
1021
+ #tsd-search.has-focus .field input {
1022
+ top: 0;
1023
+ opacity: 1;
1024
+ }
1025
+ #tsd-search.has-focus .title {
1026
+ z-index: 0;
1027
+ opacity: 0;
1028
+ }
1029
+ #tsd-search.has-focus .results {
1030
+ visibility: visible;
1031
+ }
1032
+ #tsd-search.loading .results li.state.loading {
1033
+ display: block;
1034
+ }
1035
+ #tsd-search.failure .results li.state.failure {
1036
+ display: block;
1037
+ }
1038
+
1039
+ .tsd-signature {
1040
+ margin: 0 0 1rem 0;
1041
+ padding: 1rem 0.5rem;
1042
+ border: 1px solid var(--color-accent);
1043
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1044
+ font-size: 14px;
1045
+ overflow-x: auto;
1046
+ }
1047
+
1048
+ .tsd-signature-symbol {
1049
+ color: var(--color-text-aside);
1050
+ font-weight: normal;
1051
+ }
1052
+
1053
+ .tsd-signature-type {
1054
+ font-style: italic;
1055
+ font-weight: normal;
1056
+ }
1057
+
1058
+ .tsd-signatures {
1059
+ padding: 0;
1060
+ margin: 0 0 1em 0;
1061
+ list-style-type: none;
1062
+ }
1063
+ .tsd-signatures .tsd-signature {
1064
+ margin: 0;
1065
+ border-color: var(--color-accent);
1066
+ border-width: 1px 0;
1067
+ transition: background-color 0.1s;
1068
+ }
1069
+ .tsd-description .tsd-signatures .tsd-signature {
1070
+ border-width: 1px;
1071
+ }
1072
+
1073
+ ul.tsd-parameter-list,
1074
+ ul.tsd-type-parameter-list {
1075
+ list-style: square;
1076
+ margin: 0;
1077
+ padding-left: 20px;
1078
+ }
1079
+ ul.tsd-parameter-list > li.tsd-parameter-signature,
1080
+ ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1081
+ list-style: none;
1082
+ margin-left: -20px;
1083
+ }
1084
+ ul.tsd-parameter-list h5,
1085
+ ul.tsd-type-parameter-list h5 {
1086
+ font-size: 16px;
1087
+ margin: 1em 0 0.5em 0;
1088
+ }
1089
+ .tsd-sources {
1090
+ margin-top: 1rem;
1091
+ font-size: 0.875em;
1092
+ }
1093
+ .tsd-sources a {
1094
+ color: var(--color-text-aside);
1095
+ text-decoration: underline;
1096
+ }
1097
+ .tsd-sources ul {
1098
+ list-style: none;
1099
+ padding: 0;
1100
+ }
1101
+
1102
+ .tsd-page-toolbar {
1103
+ position: fixed;
1104
+ z-index: 1;
1105
+ top: 0;
1106
+ left: 0;
1107
+ width: 100%;
1108
+ color: var(--color-text);
1109
+ background: var(--color-background-secondary);
1110
+ border-bottom: 1px var(--color-accent) solid;
1111
+ transition: transform 0.3s ease-in-out;
1112
+ }
1113
+ .tsd-page-toolbar a {
1114
+ color: var(--color-text);
1115
+ text-decoration: none;
1116
+ }
1117
+ .tsd-page-toolbar a.title {
1118
+ font-weight: bold;
1119
+ }
1120
+ .tsd-page-toolbar a.title:hover {
1121
+ text-decoration: underline;
1122
+ }
1123
+ .tsd-page-toolbar .tsd-toolbar-contents {
1124
+ display: flex;
1125
+ justify-content: space-between;
1126
+ height: 2.5rem;
1127
+ }
1128
+ .tsd-page-toolbar .table-cell {
1129
+ position: relative;
1130
+ white-space: nowrap;
1131
+ line-height: 40px;
1132
+ }
1133
+ .tsd-page-toolbar .table-cell:first-child {
1134
+ width: 100%;
1135
+ }
1136
+
1137
+ .tsd-page-toolbar--hide {
1138
+ transform: translateY(-100%);
1139
+ }
1140
+
1141
+ .tsd-widget {
1142
+ display: inline-block;
1143
+ overflow: hidden;
1144
+ opacity: 0.8;
1145
+ height: 40px;
1146
+ transition: opacity 0.1s, background-color 0.2s;
1147
+ vertical-align: bottom;
1148
+ cursor: pointer;
1149
+ }
1150
+ .tsd-widget:hover {
1151
+ opacity: 0.9;
1152
+ }
1153
+ .tsd-widget.active {
1154
+ opacity: 1;
1155
+ background-color: var(--color-accent);
1156
+ }
1157
+ .tsd-widget.no-caption {
1158
+ width: 40px;
1159
+ }
1160
+ .tsd-widget.no-caption:before {
1161
+ margin: 0;
1162
+ }
1163
+
1164
+ .tsd-widget.options,
1165
+ .tsd-widget.menu {
1166
+ display: none;
1167
+ }
1168
+ @media (max-width: 1024px) {
1169
+ .tsd-widget.options,
1170
+ .tsd-widget.menu {
1171
+ display: inline-block;
1172
+ }
1173
+ }
1174
+ input[type="checkbox"] + .tsd-widget:before {
1175
+ background-position: -120px 0;
1176
+ }
1177
+ input[type="checkbox"]:checked + .tsd-widget:before {
1178
+ background-position: -160px 0;
1179
+ }
1180
+
1181
+ img {
1182
+ max-width: 100%;
1183
+ }
1184
+
1185
+ .tsd-anchor-icon {
1186
+ display: inline-flex;
1187
+ align-items: center;
1188
+ margin-left: 0.5rem;
1189
+ vertical-align: middle;
1190
+ color: var(--color-text);
1191
+ }
1192
+
1193
+ .tsd-anchor-icon svg {
1194
+ width: 1em;
1195
+ height: 1em;
1196
+ visibility: hidden;
1197
+ }
1198
+
1199
+ .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1200
+ visibility: visible;
1201
+ }
1202
+
1203
+ .deprecated {
1204
+ text-decoration: line-through;
1205
+ }
1206
+
1207
+ * {
1208
+ scrollbar-width: thin;
1209
+ scrollbar-color: var(--color-accent) var(--color-icon-background);
1210
+ }
1211
+
1212
+ *::-webkit-scrollbar {
1213
+ width: 0.75rem;
1214
+ }
1215
+
1216
+ *::-webkit-scrollbar-track {
1217
+ background: var(--color-icon-background);
1218
+ }
1219
+
1220
+ *::-webkit-scrollbar-thumb {
1221
+ background-color: var(--color-accent);
1222
+ border-radius: 999rem;
1223
+ border: 0.25rem solid var(--color-icon-background);
1224
+ }