@soyfri/shared-library 2.0.0-beta.2 → 2.0.0-beta.21

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 (657) hide show
  1. package/.dockerignore +8 -0
  2. package/.github/workflows/publish.yml +107 -0
  3. package/.prettierrc +3 -0
  4. package/.storybook/main.ts +19 -0
  5. package/.storybook/preview.ts +14 -0
  6. package/.storybook/vitest.setup.ts +9 -0
  7. package/Dockerfile +37 -0
  8. package/build.js +117 -0
  9. package/chromatic.config.json +5 -0
  10. package/cleanDirectories.js +40 -0
  11. package/dist/Autocomplete-C_lW1VER.js +337 -0
  12. package/dist/Autocomplete-C_lW1VER.js.map +1 -0
  13. package/dist/Autocomplete-CejWztBY.cjs +336 -0
  14. package/dist/Autocomplete-CejWztBY.cjs.map +1 -0
  15. package/dist/Avatar-CgT7955R.js +162 -0
  16. package/dist/Avatar-CgT7955R.js.map +1 -0
  17. package/dist/Avatar-CuSrK8Wn.cjs +161 -0
  18. package/dist/Avatar-CuSrK8Wn.cjs.map +1 -0
  19. package/dist/Button-C17mExpd.cjs.map +1 -1
  20. package/dist/Button-UkkP-bNw.js.map +1 -1
  21. package/dist/Card-B1wtavyl.js +98 -0
  22. package/dist/Card-B1wtavyl.js.map +1 -0
  23. package/dist/Card-DfdU610V.cjs +97 -0
  24. package/dist/Card-DfdU610V.cjs.map +1 -0
  25. package/dist/Checkbox-BCqMFWt4.cjs +187 -0
  26. package/dist/Checkbox-BCqMFWt4.cjs.map +1 -0
  27. package/dist/Checkbox-gB5YKkVo.js +188 -0
  28. package/dist/Checkbox-gB5YKkVo.js.map +1 -0
  29. package/dist/{components/DateRangePicker/DateRangePicker.js → Chip-OPYQ1uQ_.js} +33 -35
  30. package/dist/Chip-OPYQ1uQ_.js.map +1 -0
  31. package/dist/{components/DateRangePicker/DateRangePicker.cjs → Chip-qoJLDiva.cjs} +33 -36
  32. package/dist/Chip-qoJLDiva.cjs.map +1 -0
  33. package/dist/DatePicker-_IGWc3I5.js +178 -0
  34. package/dist/DatePicker-_IGWc3I5.js.map +1 -0
  35. package/dist/DatePicker-t7uDTZMl.cjs +177 -0
  36. package/dist/DatePicker-t7uDTZMl.cjs.map +1 -0
  37. package/dist/DateTimePicker-BxQyjTCY.cjs +229 -0
  38. package/dist/DateTimePicker-BxQyjTCY.cjs.map +1 -0
  39. package/dist/DateTimePicker-CrmWav_j.js +230 -0
  40. package/dist/DateTimePicker-CrmWav_j.js.map +1 -0
  41. package/dist/Input-CScC87J5.cjs +185 -0
  42. package/dist/Input-CScC87J5.cjs.map +1 -0
  43. package/dist/Input-DP_fKl38.js +186 -0
  44. package/dist/Input-DP_fKl38.js.map +1 -0
  45. package/dist/Modal-BN5s-Tfk.cjs +347 -0
  46. package/dist/Modal-BN5s-Tfk.cjs.map +1 -0
  47. package/dist/Modal-BRZMPwDj.js +348 -0
  48. package/dist/Modal-BRZMPwDj.js.map +1 -0
  49. package/dist/README.md +243 -0
  50. package/dist/RadioGroup-Dd0rHXSX.cjs +202 -0
  51. package/dist/RadioGroup-Dd0rHXSX.cjs.map +1 -0
  52. package/dist/RadioGroup-bO-ahP9T.js +203 -0
  53. package/dist/RadioGroup-bO-ahP9T.js.map +1 -0
  54. package/dist/Select-Dycmh9vt.js +256 -0
  55. package/dist/Select-Dycmh9vt.js.map +1 -0
  56. package/dist/Select-kqR48jZU.cjs +255 -0
  57. package/dist/Select-kqR48jZU.cjs.map +1 -0
  58. package/dist/Stat-BUcFCGrz.cjs +83 -0
  59. package/dist/Stat-BUcFCGrz.cjs.map +1 -0
  60. package/dist/Stat-C06A_izS.js +84 -0
  61. package/dist/Stat-C06A_izS.js.map +1 -0
  62. package/dist/StatusMessage-B3nXpuRl.cjs +88 -0
  63. package/dist/StatusMessage-B3nXpuRl.cjs.map +1 -0
  64. package/dist/StatusMessage-D0WgSBx7.js +89 -0
  65. package/dist/StatusMessage-D0WgSBx7.js.map +1 -0
  66. package/dist/Step-BArsou1V.js +301 -0
  67. package/dist/Step-BArsou1V.js.map +1 -0
  68. package/dist/Step-Nd7SJbRZ.cjs +300 -0
  69. package/dist/Step-Nd7SJbRZ.cjs.map +1 -0
  70. package/dist/Switch-CQFOopYy.cjs +182 -0
  71. package/dist/Switch-CQFOopYy.cjs.map +1 -0
  72. package/dist/Switch-D72dpkH2.js +183 -0
  73. package/dist/Switch-D72dpkH2.js.map +1 -0
  74. package/dist/Tab-BbP8jBcK.cjs +110 -0
  75. package/dist/Tab-BbP8jBcK.cjs.map +1 -0
  76. package/dist/Tab-BxSxKJsP.js +111 -0
  77. package/dist/Tab-BxSxKJsP.js.map +1 -0
  78. package/dist/Table-C2LbW0B1.js +531 -0
  79. package/dist/Table-C2LbW0B1.js.map +1 -0
  80. package/dist/Table-C4OM6rrC.cjs +530 -0
  81. package/dist/Table-C4OM6rrC.cjs.map +1 -0
  82. package/dist/components/ActionMenu/ActionMenu.cjs +52 -52
  83. package/dist/components/ActionMenu/ActionMenu.cjs.map +1 -1
  84. package/dist/components/ActionMenu/ActionMenu.d.ts +20 -36
  85. package/dist/components/ActionMenu/ActionMenu.js +55 -55
  86. package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
  87. package/dist/components/ActionMenu/index.d.ts +2 -2
  88. package/dist/components/AppBar/AppBar.cjs +3 -220
  89. package/dist/components/AppBar/AppBar.cjs.map +1 -1
  90. package/dist/components/AppBar/AppBar.d.ts +6 -6
  91. package/dist/components/AppBar/AppBar.js +6 -223
  92. package/dist/components/AppBar/AppBar.js.map +1 -1
  93. package/dist/components/AppBar/index.d.ts +0 -6
  94. package/dist/components/Autocomplete/Autocomplete.cjs +4 -311
  95. package/dist/components/Autocomplete/Autocomplete.cjs.map +1 -1
  96. package/dist/components/Autocomplete/Autocomplete.d.ts +8 -6
  97. package/dist/components/Autocomplete/Autocomplete.helpers.d.ts +8 -4
  98. package/dist/components/Autocomplete/Autocomplete.js +4 -311
  99. package/dist/components/Autocomplete/Autocomplete.js.map +1 -1
  100. package/dist/components/Autocomplete/_parts/AutocompleteOption.d.ts +5 -8
  101. package/dist/components/Autocomplete/index.d.ts +1 -1
  102. package/dist/components/Avatar/Avatar.cjs +2 -160
  103. package/dist/components/Avatar/Avatar.cjs.map +1 -1
  104. package/dist/components/Avatar/Avatar.js +2 -160
  105. package/dist/components/Avatar/Avatar.js.map +1 -1
  106. package/dist/components/Avatar/index.d.ts +1 -0
  107. package/dist/components/Button/Button.d.ts +5 -5
  108. package/dist/components/Button/index.d.ts +1 -0
  109. package/dist/components/Card/Card.cjs +4 -184
  110. package/dist/components/Card/Card.cjs.map +1 -1
  111. package/dist/components/Card/Card.d.ts +3 -50
  112. package/dist/components/Card/Card.js +4 -184
  113. package/dist/components/Card/Card.js.map +1 -1
  114. package/dist/components/Card/Card.sx.d.ts +3 -6
  115. package/dist/components/Card/index.d.ts +1 -1
  116. package/dist/components/Checkbox/Checkbox.cjs +6 -0
  117. package/dist/components/Checkbox/Checkbox.cjs.map +1 -0
  118. package/dist/components/Checkbox/Checkbox.d.ts +55 -0
  119. package/dist/components/Checkbox/Checkbox.js +6 -0
  120. package/dist/components/Checkbox/Checkbox.js.map +1 -0
  121. package/dist/components/Checkbox/Checkbox.sx.d.ts +13 -0
  122. package/dist/components/Checkbox/index.d.ts +2 -0
  123. package/dist/components/Checkbox.d.ts +6 -0
  124. package/dist/components/Chip/Chip.cjs +4 -72
  125. package/dist/components/Chip/Chip.cjs.map +1 -1
  126. package/dist/components/Chip/Chip.js +3 -71
  127. package/dist/components/Chip/Chip.js.map +1 -1
  128. package/dist/components/Chip/index.d.ts +2 -1
  129. package/dist/components/Chip.d.ts +4 -0
  130. package/dist/components/Column/Column.cjs +1 -1
  131. package/dist/components/Column/Column.cjs.map +1 -1
  132. package/dist/components/Column/Column.d.ts +1 -1
  133. package/dist/components/Column/Column.js +1 -1
  134. package/dist/components/Column/Column.js.map +1 -1
  135. package/dist/components/Column/index.d.ts +1 -0
  136. package/dist/components/DatePicker/DatePicker.cjs +3 -200
  137. package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
  138. package/dist/components/DatePicker/DatePicker.d.ts +1 -13
  139. package/dist/components/DatePicker/DatePicker.js +3 -200
  140. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  141. package/dist/components/DatePicker/index.d.ts +1 -1
  142. package/dist/components/DateTimePicker/DateTimePicker.cjs +3 -219
  143. package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
  144. package/dist/components/DateTimePicker/DateTimePicker.d.ts +10 -6
  145. package/dist/components/DateTimePicker/DateTimePicker.definitions.d.ts +2 -0
  146. package/dist/components/DateTimePicker/DateTimePicker.helpers.d.ts +4 -2
  147. package/dist/components/DateTimePicker/DateTimePicker.js +3 -219
  148. package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
  149. package/dist/components/DateTimePicker/index.d.ts +1 -1
  150. package/dist/components/Drawer/Drawer.cjs +25 -24
  151. package/dist/components/Drawer/Drawer.cjs.map +1 -1
  152. package/dist/components/Drawer/Drawer.d.ts +8 -1
  153. package/dist/components/Drawer/Drawer.js +26 -25
  154. package/dist/components/Drawer/Drawer.js.map +1 -1
  155. package/dist/components/Drawer/DrawerItem.d.ts +6 -1
  156. package/dist/components/Gallery/Gallery.cjs +154 -79
  157. package/dist/components/Gallery/Gallery.cjs.map +1 -1
  158. package/dist/components/Gallery/Gallery.d.ts +25 -9
  159. package/dist/components/Gallery/Gallery.js +154 -79
  160. package/dist/components/Gallery/Gallery.js.map +1 -1
  161. package/dist/components/Gallery/GalleryLightbox.d.ts +6 -10
  162. package/dist/components/Gallery/GalleryMain.d.ts +3 -7
  163. package/dist/components/Gallery/GalleryThumbnails.d.ts +7 -11
  164. package/dist/components/Gallery/index.d.ts +2 -1
  165. package/dist/components/Gallery.d.ts +4 -0
  166. package/dist/components/Icon/Icon.cjs +6 -8
  167. package/dist/components/Icon/Icon.cjs.map +1 -1
  168. package/dist/components/Icon/Icon.d.ts +11 -17
  169. package/dist/components/Icon/Icon.js +7 -9
  170. package/dist/components/Icon/Icon.js.map +1 -1
  171. package/dist/components/Icon/index.d.ts +2 -1
  172. package/dist/components/Icon.d.ts +4 -0
  173. package/dist/components/Input/Input.cjs +3 -172
  174. package/dist/components/Input/Input.cjs.map +1 -1
  175. package/dist/components/Input/Input.d.ts +9 -2
  176. package/dist/components/Input/Input.definitions.d.ts +1 -0
  177. package/dist/components/Input/Input.helpers.d.ts +3 -3
  178. package/dist/components/Input/Input.js +3 -172
  179. package/dist/components/Input/Input.js.map +1 -1
  180. package/dist/components/Input/index.d.ts +1 -1
  181. package/dist/components/InputGroup/InputGroup.cjs +23 -22
  182. package/dist/components/InputGroup/InputGroup.cjs.map +1 -1
  183. package/dist/components/InputGroup/InputGroup.d.ts +4 -4
  184. package/dist/components/InputGroup/InputGroup.js +22 -21
  185. package/dist/components/InputGroup/InputGroup.js.map +1 -1
  186. package/dist/components/InputGroup/index.d.ts +2 -1
  187. package/dist/components/InputGroup.d.ts +4 -0
  188. package/dist/components/Modal/Modal.cjs +7 -317
  189. package/dist/components/Modal/Modal.cjs.map +1 -1
  190. package/dist/components/Modal/Modal.d.ts +20 -5
  191. package/dist/components/Modal/Modal.js +6 -316
  192. package/dist/components/Modal/Modal.js.map +1 -1
  193. package/dist/components/Modal/ModalBody.d.ts +6 -1
  194. package/dist/components/Modal/ModalFooter.d.ts +4 -4
  195. package/dist/components/Modal/ModalHeader.d.ts +6 -1
  196. package/dist/components/Modal/index.d.ts +4 -1
  197. package/dist/components/Modal.d.ts +4 -0
  198. package/dist/components/RadioGroup/RadioGroup.cjs +6 -0
  199. package/dist/components/RadioGroup/RadioGroup.cjs.map +1 -0
  200. package/dist/components/RadioGroup/RadioGroup.d.ts +59 -0
  201. package/dist/components/RadioGroup/RadioGroup.definitions.d.ts +6 -0
  202. package/dist/components/RadioGroup/RadioGroup.js +6 -0
  203. package/dist/components/RadioGroup/RadioGroup.js.map +1 -0
  204. package/dist/components/RadioGroup/RadioGroup.sx.d.ts +20 -0
  205. package/dist/components/RadioGroup/index.d.ts +2 -0
  206. package/dist/components/RadioGroup.d.ts +6 -0
  207. package/dist/components/Select/Select.cjs +4 -445
  208. package/dist/components/Select/Select.cjs.map +1 -1
  209. package/dist/components/Select/Select.d.ts +15 -18
  210. package/dist/components/Select/Select.helpers.d.ts +5 -19
  211. package/dist/components/Select/Select.js +4 -445
  212. package/dist/components/Select/Select.js.map +1 -1
  213. package/dist/components/Select/index.d.ts +1 -1
  214. package/dist/components/Stat/Stat.cjs +4 -83
  215. package/dist/components/Stat/Stat.cjs.map +1 -1
  216. package/dist/components/Stat/Stat.js +3 -82
  217. package/dist/components/Stat/Stat.js.map +1 -1
  218. package/dist/components/Stat/index.d.ts +2 -1
  219. package/dist/components/Stat.d.ts +4 -0
  220. package/dist/components/StatusMessage/StatusMessage.cjs +4 -77
  221. package/dist/components/StatusMessage/StatusMessage.cjs.map +1 -1
  222. package/dist/components/StatusMessage/StatusMessage.d.ts +20 -36
  223. package/dist/components/StatusMessage/StatusMessage.js +3 -76
  224. package/dist/components/StatusMessage/StatusMessage.js.map +1 -1
  225. package/dist/components/StatusMessage/index.d.ts +2 -1
  226. package/dist/components/StatusMessage.d.ts +4 -0
  227. package/dist/components/Stepper/Stepper.cjs +8 -47
  228. package/dist/components/Stepper/Stepper.cjs.map +1 -1
  229. package/dist/components/Stepper/Stepper.d.ts +9 -8
  230. package/dist/components/Stepper/Stepper.js +7 -46
  231. package/dist/components/Stepper/Stepper.js.map +1 -1
  232. package/dist/{hooks/Wizard/WizardContext.d.ts → components/Stepper/StepperContext.d.ts} +29 -23
  233. package/dist/components/Stepper/_hooks/useHorizontalScroll.d.ts +19 -0
  234. package/dist/components/Stepper/_parts/StepperScrollArrow.d.ts +19 -0
  235. package/dist/components/Stepper/index.d.ts +6 -2
  236. package/dist/components/Stepper.d.ts +4 -0
  237. package/dist/components/Switch/Switch.cjs +6 -0
  238. package/dist/components/Switch/Switch.cjs.map +1 -0
  239. package/dist/components/Switch/Switch.d.ts +48 -0
  240. package/dist/components/Switch/Switch.definitions.d.ts +7 -0
  241. package/dist/components/Switch/Switch.js +6 -0
  242. package/dist/components/Switch/Switch.js.map +1 -0
  243. package/dist/components/Switch/Switch.sx.d.ts +22 -0
  244. package/dist/components/Switch/Switch.types.d.ts +1 -0
  245. package/dist/components/Switch/index.d.ts +2 -0
  246. package/dist/components/Switch.d.ts +6 -0
  247. package/dist/components/Table/Table.cjs +2 -528
  248. package/dist/components/Table/Table.cjs.map +1 -1
  249. package/dist/components/Table/Table.d.ts +1 -1
  250. package/dist/components/Table/Table.js +2 -528
  251. package/dist/components/Table/Table.js.map +1 -1
  252. package/dist/components/Tabs/Tabs.cjs +5 -94
  253. package/dist/components/Tabs/Tabs.cjs.map +1 -1
  254. package/dist/components/Tabs/Tabs.d.ts +21 -16
  255. package/dist/components/Tabs/Tabs.js +4 -93
  256. package/dist/components/Tabs/Tabs.js.map +1 -1
  257. package/dist/components/Tabs/index.d.ts +4 -2
  258. package/dist/components/Tabs.d.ts +4 -0
  259. package/dist/components/Timeline/Timeline.cjs +3 -2
  260. package/dist/components/Timeline/Timeline.cjs.map +1 -1
  261. package/dist/components/Timeline/Timeline.d.ts +4 -8
  262. package/dist/components/Timeline/Timeline.js +3 -2
  263. package/dist/components/Timeline/Timeline.js.map +1 -1
  264. package/dist/components/Timeline/index.d.ts +4 -2
  265. package/dist/components/Timeline.d.ts +4 -0
  266. package/dist/components/_shared/mergeSx.d.ts +7 -0
  267. package/dist/{formField.sx-DfVbMe0V.js → formField.sx-8_QRnKxv.js} +2 -11
  268. package/dist/formField.sx-8_QRnKxv.js.map +1 -0
  269. package/dist/{formField.sx-CQ1mbk9M.cjs → formField.sx-BAX7KwMR.cjs} +10 -19
  270. package/dist/formField.sx-BAX7KwMR.cjs.map +1 -0
  271. package/dist/index.cjs +92 -2
  272. package/dist/index.cjs.map +1 -1
  273. package/dist/index.d.ts +32 -0
  274. package/dist/index.js +66 -3
  275. package/dist/index.js.map +1 -1
  276. package/dist/mergeSx-BXoNZjB_.js +10 -0
  277. package/dist/mergeSx-BXoNZjB_.js.map +1 -0
  278. package/dist/mergeSx-Dbccoo_H.cjs +9 -0
  279. package/dist/mergeSx-Dbccoo_H.cjs.map +1 -0
  280. package/dist/mui.d.ts +3 -1
  281. package/dist/package.json +190 -0
  282. package/dist/{resolvePreset-CT3kU-K2.cjs → resolvePreset-CxTI6_Ln.cjs} +3 -3
  283. package/dist/{resolvePreset-CT3kU-K2.cjs.map → resolvePreset-CxTI6_Ln.cjs.map} +1 -1
  284. package/dist/{resolvePreset-B-IB0ehH.js → resolvePreset-K6_BfWHD.js} +3 -3
  285. package/dist/{resolvePreset-B-IB0ehH.js.map → resolvePreset-K6_BfWHD.js.map} +1 -1
  286. package/dist/theme/componentStyles.d.ts +1 -1
  287. package/dist/tokens-BRrcP_p_.js +21 -0
  288. package/dist/tokens-BRrcP_p_.js.map +1 -0
  289. package/dist/tokens-jaWWNk39.cjs +20 -0
  290. package/dist/tokens-jaWWNk39.cjs.map +1 -0
  291. package/dist/utils/index.d.ts +2 -0
  292. package/dist/{components/ScrollTopButton → utils}/scrollToTop.d.ts +6 -7
  293. package/package.json +25 -48
  294. package/rollup.config.cjs +87 -0
  295. package/scripts/gen-dist-pkg.mjs +15 -0
  296. package/shared-library-comercios-MUI.code-workspace +10 -0
  297. package/src/components/ActionMenu/ActionMenu.stories.tsx +427 -0
  298. package/src/components/ActionMenu/ActionMenu.tsx +153 -0
  299. package/src/components/ActionMenu/index.ts +2 -0
  300. package/src/components/AppBar/AppBar.stories.tsx +316 -0
  301. package/src/components/AppBar/AppBar.sx.ts +32 -0
  302. package/src/components/AppBar/AppBar.tsx +119 -0
  303. package/src/components/AppBar/AppBarContext.ts +25 -0
  304. package/src/components/AppBar/AppBarMenuToggle.tsx +90 -0
  305. package/src/components/AppBar/index.ts +12 -0
  306. package/src/components/Autocomplete/Autocomplete.definitions.ts +477 -0
  307. package/src/components/Autocomplete/Autocomplete.helpers.ts +80 -0
  308. package/src/components/Autocomplete/Autocomplete.stories.tsx +784 -0
  309. package/src/components/Autocomplete/Autocomplete.sx.ts +30 -0
  310. package/src/components/Autocomplete/Autocomplete.tsx +393 -0
  311. package/src/components/Autocomplete/_parts/AutocompleteChips.tsx +55 -0
  312. package/src/components/Autocomplete/_parts/AutocompleteLoader.tsx +17 -0
  313. package/src/components/Autocomplete/_parts/AutocompleteOption.tsx +29 -0
  314. package/src/components/Autocomplete/index.ts +12 -0
  315. package/src/components/Avatar/Avatar.definitions.ts +162 -0
  316. package/src/components/Avatar/Avatar.stories.tsx +258 -0
  317. package/src/components/Avatar/Avatar.tsx +206 -0
  318. package/src/components/Avatar/index.ts +2 -0
  319. package/src/components/Button/Button.definition.ts +97 -0
  320. package/src/components/Button/Button.stories.tsx +285 -0
  321. package/src/components/Button/Button.tsx +66 -0
  322. package/src/components/Button/index.ts +2 -0
  323. package/src/components/Card/Card.definition.ts +5 -0
  324. package/src/components/Card/Card.stories.tsx +102 -0
  325. package/src/components/Card/Card.sx.ts +58 -0
  326. package/src/components/Card/Card.tsx +85 -0
  327. package/src/components/Card/index.ts +4 -0
  328. package/src/components/Checkbox/Checkbox.stories.tsx +212 -0
  329. package/src/components/Checkbox/Checkbox.sx.ts +67 -0
  330. package/src/components/Checkbox/Checkbox.tsx +208 -0
  331. package/src/components/Checkbox/index.ts +10 -0
  332. package/src/components/Chip/Chip.definitions.ts +167 -0
  333. package/src/components/Chip/Chip.stories.tsx +265 -0
  334. package/src/components/Chip/Chip.tsx +61 -0
  335. package/src/components/Chip/index.ts +2 -0
  336. package/src/components/Column/Column.tsx +29 -0
  337. package/src/components/Column/index.ts +2 -0
  338. package/src/components/DatePicker/DatePicker.definitions.ts +228 -0
  339. package/src/components/DatePicker/DatePicker.helpers.ts +24 -0
  340. package/src/components/DatePicker/DatePicker.stories.tsx +309 -0
  341. package/src/components/DatePicker/DatePicker.sx.ts +33 -0
  342. package/src/components/DatePicker/DatePicker.tsx +133 -0
  343. package/src/components/DatePicker/index.ts +7 -0
  344. package/src/components/DateTimePicker/DateTimePicker.definitions.ts +317 -0
  345. package/src/components/DateTimePicker/DateTimePicker.helpers.ts +45 -0
  346. package/src/components/DateTimePicker/DateTimePicker.stories.tsx +415 -0
  347. package/src/components/DateTimePicker/DateTimePicker.sx.ts +30 -0
  348. package/src/components/DateTimePicker/DateTimePicker.tsx +240 -0
  349. package/src/components/DateTimePicker/index.ts +9 -0
  350. package/src/components/Drawer/Drawer.stories.tsx +438 -0
  351. package/src/components/Drawer/Drawer.sx.ts +106 -0
  352. package/src/components/Drawer/Drawer.tsx +224 -0
  353. package/src/components/Drawer/DrawerContext.ts +26 -0
  354. package/src/components/Drawer/DrawerItem.tsx +120 -0
  355. package/src/components/Drawer/index.ts +10 -0
  356. package/src/components/Flyout/Flyout.stories.tsx +282 -0
  357. package/src/components/Flyout/Flyout.tsx +122 -0
  358. package/src/components/Flyout/index.ts +1 -0
  359. package/src/components/Gallery/Gallery.definition.tsx +37 -0
  360. package/src/components/Gallery/Gallery.stories.tsx +82 -0
  361. package/src/components/Gallery/Gallery.tsx +158 -0
  362. package/src/components/Gallery/GalleryLightbox.tsx +186 -0
  363. package/src/components/Gallery/GalleryMain.tsx +87 -0
  364. package/src/components/Gallery/GalleryThumbnails.tsx +122 -0
  365. package/src/components/Gallery/index.ts +2 -0
  366. package/src/components/Icon/Icon.stories.tsx +121 -0
  367. package/src/components/Icon/Icon.tsx +163 -0
  368. package/src/components/Icon/index.ts +2 -0
  369. package/src/components/Input/Input.definitions.ts +348 -0
  370. package/src/components/Input/Input.helpers.ts +50 -0
  371. package/src/components/Input/Input.stories.tsx +528 -0
  372. package/src/components/Input/Input.sx.ts +42 -0
  373. package/src/components/Input/Input.tsx +162 -0
  374. package/src/components/Input/index.ts +10 -0
  375. package/src/components/InputGroup/InputGroup.definitions.ts +158 -0
  376. package/src/components/InputGroup/InputGroup.stories.tsx +267 -0
  377. package/src/components/InputGroup/InputGroup.tsx +180 -0
  378. package/src/components/InputGroup/index.ts +2 -0
  379. package/src/components/MenuButton/MenuButton.stories.tsx +197 -0
  380. package/src/components/MenuButton/MenuButton.tsx +100 -0
  381. package/src/components/MenuButton/index.ts +1 -0
  382. package/src/components/Modal/Modal.stories.tsx +721 -0
  383. package/src/components/Modal/Modal.tsx +407 -0
  384. package/src/components/Modal/ModalBody.tsx +23 -0
  385. package/src/components/Modal/ModalFooter.tsx +83 -0
  386. package/src/components/Modal/ModalHeader.tsx +33 -0
  387. package/src/components/Modal/index.ts +11 -0
  388. package/src/components/RadioGroup/RadioGroup.definitions.ts +177 -0
  389. package/src/components/RadioGroup/RadioGroup.stories.tsx +231 -0
  390. package/src/components/RadioGroup/RadioGroup.sx.ts +75 -0
  391. package/src/components/RadioGroup/RadioGroup.tsx +207 -0
  392. package/src/components/RadioGroup/index.ts +10 -0
  393. package/src/components/Select/Select.helpers.ts +31 -0
  394. package/src/components/Select/Select.stories.tsx +393 -0
  395. package/src/components/Select/Select.sx.ts +14 -0
  396. package/src/components/Select/Select.tsx +332 -0
  397. package/src/components/Select/_parts/SelectMenuItem.tsx +40 -0
  398. package/src/components/Select/_parts/SelectValue.tsx +95 -0
  399. package/src/components/Select/index.ts +12 -0
  400. package/src/components/Stat/Stat.stories.tsx +85 -0
  401. package/src/components/Stat/Stat.tsx +117 -0
  402. package/src/components/Stat/index.ts +2 -0
  403. package/src/components/StatusMessage/StatusMessage.stories.tsx +159 -0
  404. package/src/components/StatusMessage/StatusMessage.tsx +143 -0
  405. package/src/components/StatusMessage/index.ts +3 -0
  406. package/src/components/Stepper/Step.tsx +21 -0
  407. package/src/components/Stepper/Stepper.definition.ts +75 -0
  408. package/src/components/Stepper/Stepper.stories.tsx +194 -0
  409. package/src/components/Stepper/Stepper.tsx +194 -0
  410. package/src/components/Stepper/StepperContext.tsx +176 -0
  411. package/src/components/Stepper/StepperProvider.stories.tsx +286 -0
  412. package/src/components/Stepper/_hooks/useHorizontalScroll.ts +56 -0
  413. package/src/components/Stepper/_parts/StepperScrollArrow.tsx +50 -0
  414. package/src/components/Stepper/index.ts +15 -0
  415. package/src/components/Switch/Switch.definitions.ts +134 -0
  416. package/src/components/Switch/Switch.stories.tsx +213 -0
  417. package/src/components/Switch/Switch.sx.ts +81 -0
  418. package/src/components/Switch/Switch.tsx +188 -0
  419. package/src/components/Switch/Switch.types.ts +10 -0
  420. package/src/components/Switch/index.ts +9 -0
  421. package/src/components/Table/EmptyTable.png +0 -0
  422. package/src/components/Table/Table.definition.ts +580 -0
  423. package/src/components/Table/Table.stories.tsx +853 -0
  424. package/src/components/Table/Table.tsx +494 -0
  425. package/src/components/Table/data.ts +134 -0
  426. package/src/components/Table/exportsUtils.ts +195 -0
  427. package/src/components/Table/index.ts +3 -0
  428. package/src/components/Table/types.ts +34 -0
  429. package/src/components/Tabs/Tab.definition.ts +53 -0
  430. package/src/components/Tabs/Tab.tsx +19 -0
  431. package/src/components/Tabs/Tabs.stories.tsx +118 -0
  432. package/src/components/Tabs/Tabs.tsx +163 -0
  433. package/src/components/Tabs/_tabUtils.tsx +4 -0
  434. package/src/components/Tabs/index.ts +5 -0
  435. package/src/components/Timeline/Timeline.definition.ts +43 -0
  436. package/src/components/Timeline/Timeline.stories.tsx +108 -0
  437. package/src/components/Timeline/Timeline.tsx +44 -0
  438. package/src/components/Timeline/TimelineItem.tsx +31 -0
  439. package/src/components/Timeline/index.ts +5 -0
  440. package/src/components/Tooltip/Tooltip.stories.tsx +129 -0
  441. package/src/components/Tooltip/Tooltip.tsx +58 -0
  442. package/src/components/Tooltip/index.ts +1 -0
  443. package/src/components/_shared/formField.sx.ts +118 -0
  444. package/src/components/_shared/mergeSx.ts +16 -0
  445. package/src/components/_shared/resolvePreset.ts +38 -0
  446. package/src/hooks/ClipBoard/ClipBoard.stories.tsx +168 -0
  447. package/src/hooks/ClipBoard/ClipBoard.tsx +131 -0
  448. package/src/hooks/ClipBoard/ClipboardUnifiedDemo.tsx +111 -0
  449. package/src/hooks/ClipBoard/index.ts +1 -0
  450. package/src/index.ts +51 -0
  451. package/src/mui.ts +57 -0
  452. package/src/styles.css +3 -0
  453. package/src/theme/componentStyles.ts +50 -0
  454. package/src/theme/tokens.ts +43 -0
  455. package/src/utils/index.ts +2 -0
  456. package/src/utils/scrollToTop.ts +36 -0
  457. package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
  458. package/storybook-static/assets/AccountCircle-BDZFsbTw.js +1 -0
  459. package/storybook-static/assets/ActionMenu-EynP8yU1.js +19 -0
  460. package/storybook-static/assets/ActionMenu.stories-DqSqRGix.js +185 -0
  461. package/storybook-static/assets/Alert-3zvTPc0p.js +1 -0
  462. package/storybook-static/assets/AppBar.stories-DcX3M5th.js +172 -0
  463. package/storybook-static/assets/Autocomplete.stories-CXJm8FOT.js +788 -0
  464. package/storybook-static/assets/Avatar-NbFfkZws.js +1 -0
  465. package/storybook-static/assets/Avatar.stories-CwOYCzqU.js +390 -0
  466. package/storybook-static/assets/Box-BnhEcfFm.js +1 -0
  467. package/storybook-static/assets/Button-D9h7OggD.js +1 -0
  468. package/storybook-static/assets/Button-DBpqmVB_.js +1 -0
  469. package/storybook-static/assets/Button.stories-F20dmnjq.js +320 -0
  470. package/storybook-static/assets/ButtonBase-qyaMEhe4.js +74 -0
  471. package/storybook-static/assets/Card.stories-B3NpAhO0.js +154 -0
  472. package/storybook-static/assets/CheckCircleOutline-CEj5mDsl.js +1 -0
  473. package/storybook-static/assets/Chip-C3vKPpzR.js +1 -0
  474. package/storybook-static/assets/Chip.stories-sxcfHVo9.js +333 -0
  475. package/storybook-static/assets/CircularProgress-DC7ZNWwl.js +28 -0
  476. package/storybook-static/assets/Clear-4kYcKvT3.js +1 -0
  477. package/storybook-static/assets/ClipBoard-DvLBdNHe.js +1 -0
  478. package/storybook-static/assets/ClipBoard.stories-BGUo47r6.js +108 -0
  479. package/storybook-static/assets/Close-CgHeRgmh.js +1 -0
  480. package/storybook-static/assets/Close-Cy8nELYU.js +1 -0
  481. package/storybook-static/assets/Color-AVL7NMMY-BJKvwERm.js +1 -0
  482. package/storybook-static/assets/ContentCopy-BfLTDb10.js +1 -0
  483. package/storybook-static/assets/DatePicker-Clkpr-Ku.js +1 -0
  484. package/storybook-static/assets/DatePicker.stories-EaUCMkh3.js +444 -0
  485. package/storybook-static/assets/DateRangePicker.stories-BMlkj-8K.js +390 -0
  486. package/storybook-static/assets/DateTimePicker.stories-B6gdzKq5.js +555 -0
  487. package/storybook-static/assets/DefaultPropsProvider-BGoQxtDa.js +16 -0
  488. package/storybook-static/assets/Delete-D2SMMmIA.js +1 -0
  489. package/storybook-static/assets/DialogContent-BeCDKgax.js +1 -0
  490. package/storybook-static/assets/Divider-BbCj9wT4.js +1 -0
  491. package/storybook-static/assets/DocsRenderer-PQXLIZUC-BebLK5Y_.js +1243 -0
  492. package/storybook-static/assets/Drawer-DcFwy73r.js +1 -0
  493. package/storybook-static/assets/Drawer.stories-C5AZkJBk.js +173 -0
  494. package/storybook-static/assets/EmptyTable-B-RKtgVs.png +0 -0
  495. package/storybook-static/assets/ErrorOutline-D9gM7ART.js +1 -0
  496. package/storybook-static/assets/Fade-Ll96CvH8.js +1 -0
  497. package/storybook-static/assets/Flyout.stories-Cf7z6MNw.js +163 -0
  498. package/storybook-static/assets/Gallery.stories-DdpWVTF6.js +127 -0
  499. package/storybook-static/assets/Grow-8y4FglGK.js +1 -0
  500. package/storybook-static/assets/Home-BRvJEp2L.js +1 -0
  501. package/storybook-static/assets/Icon.stories-D0mUiW_t.js +78 -0
  502. package/storybook-static/assets/IconButton-9OYSTH58.js +1 -0
  503. package/storybook-static/assets/Input-CjX0t4h-.js +1 -0
  504. package/storybook-static/assets/Input.stories-BRxekliy.js +650 -0
  505. package/storybook-static/assets/InputGroup.stories-DH6gUfmn.js +306 -0
  506. package/storybook-static/assets/KeyboardArrowRight-WO_attK2.js +1 -0
  507. package/storybook-static/assets/KeyboardArrowUp-DsyVef-i.js +1 -0
  508. package/storybook-static/assets/ListItem-D3O0103N.js +1 -0
  509. package/storybook-static/assets/ListItemIcon-hca6xN79.js +1 -0
  510. package/storybook-static/assets/ListItemText-BFLAwLdl.js +1 -0
  511. package/storybook-static/assets/Logout-gj-P3AfU.js +1 -0
  512. package/storybook-static/assets/Menu-ClzfjLc3.js +1 -0
  513. package/storybook-static/assets/MenuButton.stories-B-W_QVDt.js +162 -0
  514. package/storybook-static/assets/MenuItem-iU6tAqJI.js +1 -0
  515. package/storybook-static/assets/Modal-3okp9H2i.js +1 -0
  516. package/storybook-static/assets/Modal.stories-DIWzm4qR.js +468 -0
  517. package/storybook-static/assets/MoreVert-BoIVG4gh.js +1 -0
  518. package/storybook-static/assets/Notifications-DY_A-Sho.js +1 -0
  519. package/storybook-static/assets/PageLoader.stories-DmtO1mlm.js +158 -0
  520. package/storybook-static/assets/Paper-SwQBhqI7.js +1 -0
  521. package/storybook-static/assets/Person-CkQl-mpq.js +1 -0
  522. package/storybook-static/assets/PickersModalDialog-Tjnr_cu5.js +10 -0
  523. package/storybook-static/assets/PickersToolbarButton-Tt185-si.js +1 -0
  524. package/storybook-static/assets/Popper-CnCTYXxy.js +1 -0
  525. package/storybook-static/assets/Portal-Cj8XF9Lf.js +1 -0
  526. package/storybook-static/assets/ScrollTopButton.stories-BflQCwNP.js +90 -0
  527. package/storybook-static/assets/Select-CjcuMAY0.js +4 -0
  528. package/storybook-static/assets/Select-DJh2biEb.js +3 -0
  529. package/storybook-static/assets/Select.stories-DU1Gb3I2.js +1103 -0
  530. package/storybook-static/assets/Settings-BLKc1CnO.js +1 -0
  531. package/storybook-static/assets/Snackbar-BtVeKTw6.js +1 -0
  532. package/storybook-static/assets/Stack-D01OUIXi.js +1 -0
  533. package/storybook-static/assets/Stat.stories-Bn9-iuPT.js +60 -0
  534. package/storybook-static/assets/StatusMessage.stories-hnfX8FeU.js +73 -0
  535. package/storybook-static/assets/Stepper-BtKB5ykn.js +2 -0
  536. package/storybook-static/assets/Stepper.stories-CTEZbgPc.js +165 -0
  537. package/storybook-static/assets/Table.stories-CTn2Ktmn.js +1260 -0
  538. package/storybook-static/assets/TableContainer-CzLNaEU-.js +1 -0
  539. package/storybook-static/assets/TableRow-CS88-1HF.js +2 -0
  540. package/storybook-static/assets/Tabs-DLpDOu_n.js +1 -0
  541. package/storybook-static/assets/Tabs.stories-BFVuFy_5.js +159 -0
  542. package/storybook-static/assets/TextField-22T-xHBm.js +1 -0
  543. package/storybook-static/assets/Timeline.stories-DJU_U2Hv.js +97 -0
  544. package/storybook-static/assets/Tooltip-DbnHUxNj.js +1 -0
  545. package/storybook-static/assets/Tooltip.stories-B7tA3dnV.js +66 -0
  546. package/storybook-static/assets/Typography-BgntX2Ep.js +1 -0
  547. package/storybook-static/assets/Wizard.stories-CVrJLK_D.js +23 -0
  548. package/storybook-static/assets/createSimplePaletteValueFilter-bm0fmN_7.js +1 -0
  549. package/storybook-static/assets/createSvgIcon-D_Gca4vA.js +1 -0
  550. package/storybook-static/assets/debounce-Be36O1Ab.js +1 -0
  551. package/storybook-static/assets/emotion-react.browser.esm--g-C9cX9.js +8 -0
  552. package/storybook-static/assets/extendSxProp-CEpa30hT.js +1 -0
  553. package/storybook-static/assets/formField.sx-DMCmZIAa.js +1 -0
  554. package/storybook-static/assets/getReactElementRef-BQ3ANZdy.js +1 -0
  555. package/storybook-static/assets/iframe-BAJnc_4n.js +1079 -0
  556. package/storybook-static/assets/index-B1tlhOpe.js +240 -0
  557. package/storybook-static/assets/index-BF3FAXTk.js +9 -0
  558. package/storybook-static/assets/index-CIeucmOB.js +2 -0
  559. package/storybook-static/assets/index-CY7j4a7o.js +1 -0
  560. package/storybook-static/assets/index-CxkKctw5.js +1 -0
  561. package/storybook-static/assets/isFocusVisible-B8k4qzLc.js +1 -0
  562. package/storybook-static/assets/isMuiElement-CTZSFcY5.js +1 -0
  563. package/storybook-static/assets/jsx-runtime-D_zvdyIk.js +9 -0
  564. package/storybook-static/assets/listItemTextClasses-CC_rwJam.js +1 -0
  565. package/storybook-static/assets/mergeSlotProps-B0UBKBMe.js +1 -0
  566. package/storybook-static/assets/ownerDocument-DW-IO8s5.js +1 -0
  567. package/storybook-static/assets/ownerWindow-HkKU3E4x.js +1 -0
  568. package/storybook-static/assets/preload-helper-PPVm8Dsz.js +1 -0
  569. package/storybook-static/assets/react-18-BUJ64QCV.js +25 -0
  570. package/storybook-static/assets/resolvePreset-CN2aOJJr.js +1 -0
  571. package/storybook-static/assets/useControlled-DsVh1a5j.js +1 -0
  572. package/storybook-static/assets/useForkRef-0ANIrxcF.js +1 -0
  573. package/storybook-static/assets/useId-b4fZxjOL.js +1 -0
  574. package/storybook-static/assets/useMobilePicker-DK-c8xbD.js +1 -0
  575. package/storybook-static/assets/usePreviousProps-WR0rG4aR.js +1 -0
  576. package/storybook-static/assets/useSlot-b6pXgp5_.js +1 -0
  577. package/storybook-static/assets/useSlotProps-C0uMfuBt.js +1 -0
  578. package/storybook-static/assets/useTheme-BmOJK7ra.js +1 -0
  579. package/storybook-static/assets/useThemeProps-DYtxXiUU.js +1 -0
  580. package/storybook-static/assets/useThemeProps-U4yXiZ_5.js +1 -0
  581. package/storybook-static/assets/useTimeout-DNjRaOWc.js +1 -0
  582. package/storybook-static/assets/visuallyHidden-Dan1xhjv.js +1 -0
  583. package/storybook-static/favicon-wrapper.svg +46 -0
  584. package/storybook-static/favicon.svg +1 -0
  585. package/storybook-static/iframe.html +686 -0
  586. package/storybook-static/index.html +160 -0
  587. package/storybook-static/index.json +1 -0
  588. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  589. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  590. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  591. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  592. package/storybook-static/project.json +1 -0
  593. package/storybook-static/sb-addons/chromatic-com-storybook-2/manager-bundle.js +356 -0
  594. package/storybook-static/sb-addons/chromatic-com-storybook-2/manager-bundle.js.LEGAL.txt +40 -0
  595. package/storybook-static/sb-addons/docs-4/manager-bundle.js +151 -0
  596. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +127 -0
  597. package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
  598. package/storybook-static/sb-addons/vitest-3/manager-bundle.js +3 -0
  599. package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
  600. package/storybook-static/sb-common-assets/favicon.svg +1 -0
  601. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  602. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  603. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  604. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  605. package/storybook-static/sb-manager/globals-module-info.js +797 -0
  606. package/storybook-static/sb-manager/globals-runtime.js +69679 -0
  607. package/storybook-static/sb-manager/globals.js +34 -0
  608. package/storybook-static/sb-manager/runtime.js +13195 -0
  609. package/storybook-static/vite-inject-mocker-entry.js +18 -0
  610. package/tailwind.config.js +10 -0
  611. package/tsconfig.json +48 -0
  612. package/tsup.config.js +41 -0
  613. package/vite.config.js +132 -0
  614. package/vitest.config.ts +35 -0
  615. package/dist/components/AppBar/AppBarBrand.d.ts +0 -31
  616. package/dist/components/AppBar/AppBarUserMenu.d.ts +0 -65
  617. package/dist/components/Autocomplete/Autocomplete.types.d.ts +0 -1
  618. package/dist/components/DatePicker/DatePicker.types.d.ts +0 -1
  619. package/dist/components/DateRangePicker/DateRangePicker.cjs.map +0 -1
  620. package/dist/components/DateRangePicker/DateRangePicker.d.ts +0 -15
  621. package/dist/components/DateRangePicker/DateRangePicker.definitions.d.ts +0 -6
  622. package/dist/components/DateRangePicker/DateRangePicker.js.map +0 -1
  623. package/dist/components/DateRangePicker/index.d.ts +0 -1
  624. package/dist/components/DateRangePicker.d.ts +0 -2
  625. package/dist/components/DateTimePicker/DateTimePicker.types.d.ts +0 -1
  626. package/dist/components/Input/Input.types.d.ts +0 -1
  627. package/dist/components/PageLoader/PageLoader.cjs +0 -61
  628. package/dist/components/PageLoader/PageLoader.cjs.map +0 -1
  629. package/dist/components/PageLoader/PageLoader.d.ts +0 -38
  630. package/dist/components/PageLoader/PageLoader.js +0 -61
  631. package/dist/components/PageLoader/PageLoader.js.map +0 -1
  632. package/dist/components/PageLoader/index.d.ts +0 -2
  633. package/dist/components/PageLoader.d.ts +0 -6
  634. package/dist/components/ScrollTopButton/ScrollTopButton.cjs +0 -79
  635. package/dist/components/ScrollTopButton/ScrollTopButton.cjs.map +0 -1
  636. package/dist/components/ScrollTopButton/ScrollTopButton.d.ts +0 -48
  637. package/dist/components/ScrollTopButton/ScrollTopButton.js +0 -79
  638. package/dist/components/ScrollTopButton/ScrollTopButton.js.map +0 -1
  639. package/dist/components/ScrollTopButton/index.d.ts +0 -4
  640. package/dist/components/ScrollTopButton.d.ts +0 -6
  641. package/dist/components/Select/Select.definitions.d.ts +0 -17
  642. package/dist/components/Select/Select.types.d.ts +0 -1
  643. package/dist/components/Select/_parts/SelectSearchHeader.d.ts +0 -15
  644. package/dist/formField.sx-CQ1mbk9M.cjs.map +0 -1
  645. package/dist/formField.sx-DfVbMe0V.js.map +0 -1
  646. package/dist/hooks/Wizard/Wizard.cjs +0 -7
  647. package/dist/hooks/Wizard/Wizard.cjs.map +0 -1
  648. package/dist/hooks/Wizard/Wizard.js +0 -7
  649. package/dist/hooks/Wizard/Wizard.js.map +0 -1
  650. package/dist/hooks/Wizard/index.d.ts +0 -3
  651. package/dist/hooks/Wizard/useWizard.d.ts +0 -9
  652. package/dist/hooks/Wizard.d.ts +0 -2
  653. package/dist/useWizard-CWdIxZzX.cjs +0 -94
  654. package/dist/useWizard-CWdIxZzX.cjs.map +0 -1
  655. package/dist/useWizard-CWq--C3o.js +0 -95
  656. package/dist/useWizard-CWq--C3o.js.map +0 -1
  657. /package/dist/{styles.css → index.css} +0 -0
package/storybook-static/iframe.html ADDED
@@ -0,0 +1,686 @@
1
+ <!doctype html>
2
+ <!--suppress HtmlUnknownTarget -->
3
+ <html lang="en">
4
+ <head><script type="module" src="/vite-inject-mocker-entry.js"></script>
5
+ <meta charset="utf-8" />
6
+ <title>Storybook</title>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+
9
+ <style>
10
+ @font-face {
11
+ font-family: 'Nunito Sans';
12
+ font-style: normal;
13
+ font-weight: 400;
14
+ font-display: swap;
15
+ src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
16
+ }
17
+
18
+ @font-face {
19
+ font-family: 'Nunito Sans';
20
+ font-style: italic;
21
+ font-weight: 400;
22
+ font-display: swap;
23
+ src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
24
+ }
25
+
26
+ @font-face {
27
+ font-family: 'Nunito Sans';
28
+ font-style: normal;
29
+ font-weight: 700;
30
+ font-display: swap;
31
+ src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
32
+ }
33
+
34
+ @font-face {
35
+ font-family: 'Nunito Sans';
36
+ font-style: italic;
37
+ font-weight: 700;
38
+ font-display: swap;
39
+ src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
40
+ }
41
+ </style>
42
+
43
+ <script>
44
+ window.CONFIG_TYPE = 'PRODUCTION';
45
+ window.LOGLEVEL = 'info';
46
+ window.FRAMEWORK_OPTIONS = {};
47
+ window.CHANNEL_OPTIONS = {};
48
+ window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true};
49
+ window.STORIES = [{"titlePrefix":"","directory":"./src","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx|mdx))$"}];
50
+ window.DOCS_OPTIONS = {"defaultName":"Docs"};
51
+ window.TAGS_OPTIONS = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};
52
+
53
+
54
+
55
+ // We do this so that "module && module.hot" etc. in Storybook source code
56
+ // doesn't fail (it will simply be disabled)
57
+ window.module = undefined;
58
+ window.global = window;
59
+ </script>
60
+ <base target="_parent" />
61
+
62
+ <style>
63
+ /* While we aren't showing the main block yet, but still preparing, we want everything the user has rendered, which may or may not be in #storybook-root, to be display none */
64
+ .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
65
+ display: none;
66
+ }
67
+
68
+ .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
69
+ display: none;
70
+ }
71
+
72
+ /* Hide our own blocks when we aren't supposed to be showing them */
73
+ :not(.sb-show-preparing-story) > .sb-preparing-story,
74
+ :not(.sb-show-preparing-docs) > .sb-preparing-docs,
75
+ :not(.sb-show-nopreview) > .sb-nopreview,
76
+ :not(.sb-show-errordisplay) > .sb-errordisplay {
77
+ display: none;
78
+ }
79
+
80
+ .sb-show-main.sb-main-centered {
81
+ margin: 0;
82
+ display: flex;
83
+ align-items: center;
84
+ min-height: 100vh;
85
+ }
86
+
87
+ .sb-show-main.sb-main-centered #storybook-root {
88
+ box-sizing: border-box;
89
+ margin: auto;
90
+ padding: 1rem;
91
+ max-height: 100%;
92
+ /* Hack for centering correctly in IE11 */
93
+ }
94
+
95
+ /* Vertical centering fix for IE11 */
96
+ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
97
+ .sb-show-main.sb-main-centered:after {
98
+ content: '';
99
+ min-height: inherit;
100
+ font-size: 0;
101
+ }
102
+ }
103
+
104
+ .sb-show-main.sb-main-fullscreen {
105
+ margin: 0;
106
+ padding: 0;
107
+ display: block;
108
+ }
109
+
110
+ .sb-show-main.sb-main-padded {
111
+ margin: 0;
112
+ padding: 1rem;
113
+ display: block;
114
+ box-sizing: border-box;
115
+ }
116
+
117
+ .sb-wrapper {
118
+ position: fixed;
119
+ top: 0;
120
+ bottom: 0;
121
+ left: 0;
122
+ right: 0;
123
+ box-sizing: border-box;
124
+
125
+ padding: 40px;
126
+ font-family:
127
+ 'Nunito Sans',
128
+ -apple-system,
129
+ '.SFNSText-Regular',
130
+ 'San Francisco',
131
+ BlinkMacSystemFont,
132
+ 'Segoe UI',
133
+ 'Helvetica Neue',
134
+ Helvetica,
135
+ Arial,
136
+ sans-serif;
137
+ -webkit-font-smoothing: antialiased;
138
+ overflow: auto;
139
+ }
140
+
141
+ @media (max-width: 700px) {
142
+ .sb-wrapper {
143
+ padding: 20px;
144
+ }
145
+ }
146
+
147
+ @media (max-width: 500px) {
148
+ .sb-wrapper {
149
+ padding: 10px;
150
+ }
151
+ }
152
+
153
+ .sb-heading {
154
+ font-size: 14px;
155
+ font-weight: 600;
156
+ letter-spacing: 0.2px;
157
+ margin: 10px 0;
158
+ padding-right: 25px;
159
+ }
160
+
161
+ .sb-nopreview {
162
+ display: flex;
163
+ align-content: center;
164
+ justify-content: center;
165
+ box-sizing: border-box;
166
+ }
167
+
168
+ .sb-nopreview_main {
169
+ margin: auto;
170
+ padding: 30px;
171
+ border-radius: 10px;
172
+ background: rgba(0, 0, 0, 0.03);
173
+ }
174
+
175
+ .sb-nopreview_heading {
176
+ text-align: center;
177
+ }
178
+
179
+ .sb-errordisplay {
180
+ background: #f6f9fc;
181
+ color: black;
182
+ z-index: 999999;
183
+ width: 100vw;
184
+ min-height: 100vh;
185
+ box-sizing: border-box;
186
+
187
+ & ol {
188
+ padding-left: 18px;
189
+ margin: 0;
190
+ }
191
+
192
+ & h1 {
193
+ font-family: Nunito Sans;
194
+ font-size: 22px;
195
+ font-weight: 400;
196
+ line-height: 30px;
197
+ font-weight: normal;
198
+ margin: 0;
199
+
200
+ &::before {
201
+ content: '';
202
+ display: inline-block;
203
+ width: 12px;
204
+ height: 12px;
205
+ background: #ff4400;
206
+ border-radius: 50%;
207
+ margin-right: 8px;
208
+ }
209
+ }
210
+
211
+ & p,
212
+ & ol {
213
+ font-family: Nunito Sans;
214
+ font-size: 14px;
215
+ font-weight: 400;
216
+ line-height: 19px;
217
+ margin: 0;
218
+ }
219
+
220
+ & li + li {
221
+ margin: 0;
222
+ padding: 0;
223
+ padding-top: 12px;
224
+ }
225
+
226
+ & a {
227
+ color: currentColor;
228
+ }
229
+ }
230
+
231
+ .sb-errordisplay_main {
232
+ margin: auto;
233
+ padding: 24px;
234
+ display: flex;
235
+ box-sizing: border-box;
236
+
237
+ flex-direction: column;
238
+ min-height: 100%;
239
+ width: 100%;
240
+ border-radius: 6px;
241
+ background: white;
242
+ border: 1px solid #ff0000;
243
+ box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
244
+ gap: 24px;
245
+ }
246
+
247
+ .sb-errordisplay_code {
248
+ padding: 10px;
249
+ flex: 1;
250
+ background: #242424;
251
+ color: #c6c6c6;
252
+ box-sizing: border-box;
253
+
254
+ font-size: 14px;
255
+ font-weight: 400;
256
+ line-height: 19px;
257
+ border-radius: 4px;
258
+
259
+ font-family:
260
+ 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
261
+ 'Lucida Console', Consolas, Monaco, monospace;
262
+ margin: 0;
263
+ overflow: auto;
264
+ }
265
+
266
+ .sb-errordisplay pre {
267
+ white-space: pre-wrap;
268
+ white-space: revert;
269
+ }
270
+
271
+ @-webkit-keyframes sb-rotate360 {
272
+ from {
273
+ transform: rotate(0deg);
274
+ }
275
+
276
+ to {
277
+ transform: rotate(360deg);
278
+ }
279
+ }
280
+
281
+ @keyframes sb-rotate360 {
282
+ from {
283
+ transform: rotate(0deg);
284
+ }
285
+
286
+ to {
287
+ transform: rotate(360deg);
288
+ }
289
+ }
290
+
291
+ @-webkit-keyframes sb-glow {
292
+ 0%,
293
+ 100% {
294
+ opacity: 1;
295
+ }
296
+
297
+ 50% {
298
+ opacity: 0.4;
299
+ }
300
+ }
301
+
302
+ @keyframes sb-glow {
303
+ 0%,
304
+ 100% {
305
+ opacity: 1;
306
+ }
307
+
308
+ 50% {
309
+ opacity: 0.4;
310
+ }
311
+ }
312
+
313
+ /* We display the preparing loaders *over* the rendering story */
314
+ .sb-preparing-story,
315
+ .sb-preparing-docs {
316
+ background-color: white;
317
+ /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
318
+ on top, but this isn't possible as it would require making CSS changes that could affect user code */
319
+ z-index: 2147483647;
320
+ }
321
+
322
+ .sb-loader {
323
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
324
+ animation: sb-rotate360 0.7s linear infinite;
325
+ border-color: rgba(97, 97, 97, 0.29);
326
+ border-radius: 50%;
327
+ border-style: solid;
328
+ border-top-color: #646464;
329
+ border-width: 2px;
330
+ display: inline-block;
331
+ height: 32px;
332
+ left: 50%;
333
+ margin-left: -16px;
334
+ margin-top: -16px;
335
+ mix-blend-mode: difference;
336
+ overflow: hidden;
337
+ position: absolute;
338
+ top: 50%;
339
+ transition: all 200ms ease-out;
340
+ vertical-align: top;
341
+ width: 32px;
342
+ z-index: 4;
343
+ }
344
+
345
+ .sb-previewBlock {
346
+ background: #fff;
347
+ border: 1px solid rgba(0, 0, 0, 0.1);
348
+ border-radius: 4px;
349
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
350
+ margin: 25px auto 40px;
351
+ max-width: 600px;
352
+ }
353
+
354
+ .sb-previewBlock_header {
355
+ align-items: center;
356
+ box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
357
+ display: flex;
358
+ gap: 14px;
359
+ height: 40px;
360
+ padding: 0 12px;
361
+ }
362
+
363
+ .sb-previewBlock_icon {
364
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
365
+ animation: sb-glow 1.5s ease-in-out infinite;
366
+ background: #e6e6e6;
367
+ height: 14px;
368
+ width: 14px;
369
+ }
370
+
371
+ .sb-previewBlock_icon:last-child {
372
+ margin-left: auto;
373
+ }
374
+
375
+ .sb-previewBlock_body {
376
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
377
+ animation: sb-glow 1.5s ease-in-out infinite;
378
+ height: 182px;
379
+ position: relative;
380
+ }
381
+
382
+ .sb-argstableBlock {
383
+ border-collapse: collapse;
384
+ border-spacing: 0;
385
+ font-size: 13px;
386
+ line-height: 20px;
387
+ margin: 25px auto 40px;
388
+ max-width: 600px;
389
+ text-align: left;
390
+ width: 100%;
391
+ }
392
+
393
+ .sb-argstableBlock th:first-of-type,
394
+ .sb-argstableBlock td:first-of-type {
395
+ padding-left: 20px;
396
+ }
397
+
398
+ .sb-argstableBlock th:nth-of-type(2),
399
+ .sb-argstableBlock td:nth-of-type(2) {
400
+ width: 35%;
401
+ }
402
+
403
+ .sb-argstableBlock th:nth-of-type(3),
404
+ .sb-argstableBlock td:nth-of-type(3) {
405
+ width: 15%;
406
+ }
407
+
408
+ .sb-argstableBlock th:last-of-type,
409
+ .sb-argstableBlock td:last-of-type {
410
+ width: 25%;
411
+ padding-right: 20px;
412
+ }
413
+
414
+ .sb-argstableBlock th span,
415
+ .sb-argstableBlock td span {
416
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
417
+ animation: sb-glow 1.5s ease-in-out infinite;
418
+ background-color: rgba(0, 0, 0, 0.1);
419
+ border-radius: 0;
420
+ box-shadow: none;
421
+ color: transparent;
422
+ }
423
+
424
+ .sb-argstableBlock th {
425
+ padding: 10px 15px;
426
+ }
427
+
428
+ .sb-argstableBlock-body {
429
+ border-radius: 4px;
430
+ box-shadow:
431
+ rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
432
+ rgba(0, 0, 0, 0.065) 0 0 0 1px;
433
+ }
434
+
435
+ .sb-argstableBlock-body tr {
436
+ background: transparent;
437
+ overflow: hidden;
438
+ }
439
+
440
+ .sb-argstableBlock-body tr:not(:first-child) {
441
+ border-top: 1px solid #e6e6e6;
442
+ }
443
+
444
+ .sb-argstableBlock-body tr:first-child td:first-child {
445
+ border-top-left-radius: 4px;
446
+ }
447
+
448
+ .sb-argstableBlock-body tr:first-child td:last-child {
449
+ border-top-right-radius: 4px;
450
+ }
451
+
452
+ .sb-argstableBlock-body tr:last-child td:first-child {
453
+ border-bottom-left-radius: 4px;
454
+ }
455
+
456
+ .sb-argstableBlock-body tr:last-child td:last-child {
457
+ border-bottom-right-radius: 4px;
458
+ }
459
+
460
+ .sb-argstableBlock-body td {
461
+ background: #fff;
462
+ padding-bottom: 10px;
463
+ padding-top: 10px;
464
+ vertical-align: top;
465
+ }
466
+
467
+ .sb-argstableBlock-body td:not(:first-of-type) {
468
+ padding-left: 15px;
469
+ padding-right: 15px;
470
+ }
471
+
472
+ .sb-argstableBlock-body button {
473
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
474
+ animation: sb-glow 1.5s ease-in-out infinite;
475
+ background-color: rgba(0, 0, 0, 0.1);
476
+ border: 0;
477
+ border-radius: 0;
478
+ box-shadow: none;
479
+ color: transparent;
480
+ display: inline;
481
+ font-size: 12px;
482
+ line-height: 1;
483
+ padding: 10px 16px;
484
+ }
485
+
486
+ .sb-argstableBlock-summary {
487
+ margin-top: 4px;
488
+ }
489
+
490
+ .sb-argstableBlock-code {
491
+ margin-right: 4px;
492
+ margin-bottom: 4px;
493
+ padding: 2px 5px;
494
+ }
495
+
496
+ .sb-sr-only,
497
+ .sb-hidden-until-focus:not(:focus) {
498
+ position: absolute;
499
+ width: 1px;
500
+ height: 1px;
501
+ padding: 0px;
502
+ margin: -1px;
503
+ overflow: hidden;
504
+ clip: rect(0, 0, 0, 0);
505
+ border: none;
506
+ }
507
+
508
+ .sb-hidden-until-focus {
509
+ opacity: 0;
510
+ transition: opacity 150ms ease-out;
511
+ }
512
+
513
+ .sb-hidden-until-focus:focus {
514
+ opacity: 1;
515
+ }
516
+ </style>
517
+
518
+ <script>
519
+ /* globals window */
520
+ try {
521
+ if (window.top !== window) {
522
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
523
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
524
+ window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
525
+ }
526
+ } catch (e) {
527
+ // eslint-disable-next-line no-console
528
+ console.warn('unable to connect to top frame for connecting dev tools');
529
+ }
530
+ </script>
531
+
532
+ <script type="module" crossorigin src="./assets/iframe-BAJnc_4n.js"></script>
533
+ <link rel="modulepreload" crossorigin href="./assets/preload-helper-PPVm8Dsz.js">
534
+ </head>
535
+
536
+ <body>
537
+ <div class="sb-preparing-story sb-wrapper">
538
+ <div class="sb-loader"></div>
539
+ </div>
540
+
541
+ <div class="sb-preparing-docs sb-wrapper">
542
+ <div class="sb-previewBlock">
543
+ <div class="sb-previewBlock_header">
544
+ <div class="sb-previewBlock_icon"></div>
545
+ <div class="sb-previewBlock_icon"></div>
546
+ <div class="sb-previewBlock_icon"></div>
547
+ <div class="sb-previewBlock_icon"></div>
548
+ </div>
549
+ <div class="sb-previewBlock_body">
550
+ <div class="sb-loader"></div>
551
+ </div>
552
+ </div>
553
+ <table aria-hidden="true" class="sb-argstableBlock">
554
+ <thead class="sb-argstableBlock-head">
555
+ <tr>
556
+ <th><span>Name</span></th>
557
+ <th><span>Description</span></th>
558
+ <th><span>Default</span></th>
559
+ <th><span>Control </span></th>
560
+ </tr>
561
+ </thead>
562
+ <tbody class="sb-argstableBlock-body">
563
+ <tr>
564
+ <td><span>propertyName</span><span title="Required">*</span></td>
565
+ <td>
566
+ <div><span>This is a short description</span></div>
567
+ <div class="sb-argstableBlock-summary">
568
+ <div><span class="sb-argstableBlock-code">summary</span></div>
569
+ </div>
570
+ </td>
571
+ <td>
572
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
573
+ </td>
574
+ <td><button>Set string</button></td>
575
+ </tr>
576
+ <tr>
577
+ <td><span>propertyName</span><span>*</span></td>
578
+ <td>
579
+ <div><span>This is a short description</span></div>
580
+ <div class="sb-argstableBlock-summary">
581
+ <div><span class="sb-argstableBlock-code">summary</span></div>
582
+ </div>
583
+ </td>
584
+ <td>
585
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
586
+ </td>
587
+ <td><button>Set string</button></td>
588
+ </tr>
589
+ <tr>
590
+ <td><span>propertyName</span><span>*</span></td>
591
+ <td>
592
+ <div><span>This is a short description</span></div>
593
+ <div class="sb-argstableBlock-summary">
594
+ <div><span class="sb-argstableBlock-code">summary</span></div>
595
+ </div>
596
+ </td>
597
+ <td>
598
+ <div><span class="sb-argstableBlock-code">defaultValue</span></div>
599
+ </td>
600
+ <td><button>Set string</button></td>
601
+ </tr>
602
+ </tbody>
603
+ </table>
604
+ </div>
605
+
606
+ <div class="sb-nopreview sb-wrapper">
607
+ <div class="sb-nopreview_main">
608
+ <h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
609
+ <p>Sorry, but you either have no stories or none are selected somehow.</p>
610
+ <ul>
611
+ <li>Please check the Storybook config.</li>
612
+ <li>Try reloading the page.</li>
613
+ </ul>
614
+ <p>
615
+ If the problem persists, check the browser console, or the terminal you've run Storybook from.
616
+ </p>
617
+ </div>
618
+ </div>
619
+
620
+ <div class="sb-errordisplay sb-wrapper">
621
+ <div class="sb-errordisplay_main">
622
+ <h1 id="error-message"></h1>
623
+ <p>
624
+ The component failed to render properly, likely due to a configuration issue in Storybook.
625
+ Here are some common causes and how you can address them:
626
+ </p>
627
+ <ol>
628
+ <li>
629
+ <strong>Missing Context/Providers</strong>: You can use decorators to supply specific
630
+ contexts or providers, which are sometimes necessary for components to render correctly. For
631
+ detailed instructions on using decorators, please visit the
632
+ <a href="https://storybook.js.org/docs/writing-stories/decorators"
633
+ >Decorators documentation</a
634
+ >.
635
+ </li>
636
+ <li>
637
+ <strong>Misconfigured Webpack or Vite</strong>: Verify that Storybook picks up all necessary
638
+ settings for loaders, plugins, and other relevant parameters. You can find step-by-step
639
+ guides for configuring
640
+ <a href="https://storybook.js.org/docs/builders/webpack">Webpack</a> or
641
+ <a href="https://storybook.js.org/docs/builders/vite">Vite</a>
642
+ with Storybook.
643
+ </li>
644
+ <li>
645
+ <strong>Missing Environment Variables</strong>: Your Storybook may require specific
646
+ environment variables to function as intended. You can set up custom environment variables
647
+ as outlined in the
648
+ <a href="https://storybook.js.org/docs/configure/environment-variables"
649
+ >Environment Variables documentation</a
650
+ >.
651
+ </li>
652
+ </ol>
653
+ <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
654
+ </div>
655
+ </div>
656
+
657
+ <div id="storybook-root"></div>
658
+ <div id="storybook-docs"></div>
659
+ <script>
660
+ function __onViteAppLoadingError(event) {
661
+ const hostname = globalThis.location.hostname;
662
+ if (hostname !== 'localhost' && globalThis.CONFIG_TYPE === 'DEVELOPMENT') {
663
+ const message = `Failed to load the Storybook preview file 'vite-app.js':
664
+
665
+ It looks like you're visiting the Storybook development server on another hostname than localhost: '${hostname}', but you haven't configured the necessary security features to support this.
666
+ Please re-run your Storybook development server with the '--host ${hostname}' flag, or manually configure your Vite allowedHosts configuration with viteFinal.
667
+
668
+ See:`;
669
+ const docs = [
670
+ 'https://storybook.js.org/docs/api/cli-options#dev',
671
+ 'https://storybook.js.org/docs/api/main-config/main-config-vite-final',
672
+ 'https://vite.dev/config/server-options.html#server-allowedhosts',
673
+ ];
674
+ console.error(`${message}\n${docs.map((doc) => `- ${doc}`).join('\n')}`);
675
+
676
+ document.getElementById('storybook-root').innerHTML =
677
+ `<p style="color: red; max-width: 70ch">${message.replaceAll(
678
+ '\n',
679
+ '<br/>'
680
+ )}<ul>${docs.map((doc) => `<li><a href='${doc}' target='_blank'>${doc}</a></li>`).join('')}<ul></p>`;
681
+ return;
682
+ }
683
+ }
684
+ </script>
685
+ </body>
686
+ </html>