@cambly/syntax-core 9.6.0 → 9.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (354) hide show
  1. package/dist/Avatar/Avatar.css +28 -0
  2. package/dist/Avatar/Avatar.css.map +1 -0
  3. package/dist/Avatar/Avatar.d.ts +27 -0
  4. package/dist/Avatar/Avatar.js +8 -0
  5. package/dist/Avatar/Avatar.js.map +1 -0
  6. package/dist/Avatar/Avatar.mjs +8 -0
  7. package/dist/Avatar/Avatar.mjs.map +1 -0
  8. package/dist/Badge/Badge.css +1870 -0
  9. package/dist/Badge/Badge.css.map +1 -0
  10. package/dist/Badge/Badge.d.ts +25 -0
  11. package/dist/Badge/Badge.js +13 -0
  12. package/dist/Badge/Badge.js.map +1 -0
  13. package/dist/Badge/Badge.mjs +13 -0
  14. package/dist/Badge/Badge.mjs.map +1 -0
  15. package/dist/Box/Box.css +1783 -0
  16. package/dist/Box/Box.css.map +1 -0
  17. package/dist/Box/Box.d.ts +371 -0
  18. package/dist/Box/Box.js +11 -0
  19. package/dist/Box/Box.js.map +1 -0
  20. package/dist/Box/Box.mjs +11 -0
  21. package/dist/Box/Box.mjs.map +1 -0
  22. package/dist/Button/Button.css +1956 -0
  23. package/dist/Button/Button.css.map +1 -0
  24. package/dist/Button/Button.d.ts +85 -0
  25. package/dist/Button/Button.js +21 -0
  26. package/dist/Button/Button.js.map +1 -0
  27. package/dist/Button/Button.mjs +21 -0
  28. package/dist/Button/Button.mjs.map +1 -0
  29. package/dist/Button/constants/iconSize.css +92 -0
  30. package/dist/Button/constants/iconSize.css.map +1 -0
  31. package/dist/Button/constants/iconSize.d.ts +7 -0
  32. package/dist/Button/constants/iconSize.js +8 -0
  33. package/dist/Button/constants/iconSize.js.map +1 -0
  34. package/dist/Button/constants/iconSize.mjs +8 -0
  35. package/dist/Button/constants/iconSize.mjs.map +1 -0
  36. package/dist/Button/constants/loadingIconSize.d.ts +7 -0
  37. package/dist/Button/constants/loadingIconSize.js +8 -0
  38. package/dist/Button/constants/loadingIconSize.js.map +1 -0
  39. package/dist/Button/constants/loadingIconSize.mjs +8 -0
  40. package/dist/Button/constants/loadingIconSize.mjs.map +1 -0
  41. package/dist/Button/constants/textVariant.d.ts +7 -0
  42. package/dist/Button/constants/textVariant.js +8 -0
  43. package/dist/Button/constants/textVariant.js.map +1 -0
  44. package/dist/Button/constants/textVariant.mjs +8 -0
  45. package/dist/Button/constants/textVariant.mjs.map +1 -0
  46. package/dist/ButtonGroup/ButtonGroup.css +20 -0
  47. package/dist/ButtonGroup/ButtonGroup.css.map +1 -0
  48. package/dist/ButtonGroup/ButtonGroup.d.ts +29 -0
  49. package/dist/ButtonGroup/ButtonGroup.js +8 -0
  50. package/dist/ButtonGroup/ButtonGroup.js.map +1 -0
  51. package/dist/ButtonGroup/ButtonGroup.mjs +8 -0
  52. package/dist/ButtonGroup/ButtonGroup.mjs.map +1 -0
  53. package/dist/Card/Card.css +1783 -0
  54. package/dist/Card/Card.css.map +1 -0
  55. package/dist/Card/Card.d.ts +27 -0
  56. package/dist/Card/Card.js +12 -0
  57. package/dist/Card/Card.js.map +1 -0
  58. package/dist/Card/Card.mjs +12 -0
  59. package/dist/Card/Card.mjs.map +1 -0
  60. package/dist/Checkbox/Checkbox.css +313 -0
  61. package/dist/Checkbox/Checkbox.css.map +1 -0
  62. package/dist/Checkbox/Checkbox.d.ts +48 -0
  63. package/dist/Checkbox/Checkbox.js +14 -0
  64. package/dist/Checkbox/Checkbox.js.map +1 -0
  65. package/dist/Checkbox/Checkbox.mjs +14 -0
  66. package/dist/Checkbox/Checkbox.mjs.map +1 -0
  67. package/dist/Chip/Chip.css +1902 -0
  68. package/dist/Chip/Chip.css.map +1 -0
  69. package/dist/Chip/Chip.d.ts +45 -0
  70. package/dist/Chip/Chip.js +14 -0
  71. package/dist/Chip/Chip.js.map +1 -0
  72. package/dist/Chip/Chip.mjs +14 -0
  73. package/dist/Chip/Chip.mjs.map +1 -0
  74. package/dist/Divider/Divider.css +10 -0
  75. package/dist/Divider/Divider.css.map +1 -0
  76. package/dist/Divider/Divider.d.ts +9 -0
  77. package/dist/Divider/Divider.js +8 -0
  78. package/dist/Divider/Divider.js.map +1 -0
  79. package/dist/Divider/Divider.mjs +8 -0
  80. package/dist/Divider/Divider.mjs.map +1 -0
  81. package/dist/Heading/Heading.css +248 -0
  82. package/dist/Heading/Heading.css.map +1 -0
  83. package/dist/Heading/Heading.d.ts +52 -0
  84. package/dist/Heading/Heading.js +11 -0
  85. package/dist/Heading/Heading.js.map +1 -0
  86. package/dist/Heading/Heading.mjs +11 -0
  87. package/dist/Heading/Heading.mjs.map +1 -0
  88. package/dist/IconButton/IconButton.css +227 -0
  89. package/dist/IconButton/IconButton.css.map +1 -0
  90. package/dist/IconButton/IconButton.d.ts +55 -0
  91. package/dist/IconButton/IconButton.js +13 -0
  92. package/dist/IconButton/IconButton.js.map +1 -0
  93. package/dist/IconButton/IconButton.mjs +13 -0
  94. package/dist/IconButton/IconButton.mjs.map +1 -0
  95. package/dist/LinkButton/LinkButton.css +353 -0
  96. package/dist/LinkButton/LinkButton.css.map +1 -0
  97. package/dist/LinkButton/LinkButton.d.ts +72 -0
  98. package/dist/LinkButton/LinkButton.js +17 -0
  99. package/dist/LinkButton/LinkButton.js.map +1 -0
  100. package/dist/LinkButton/LinkButton.mjs +17 -0
  101. package/dist/LinkButton/LinkButton.mjs.map +1 -0
  102. package/dist/Modal/FocusTrap.d.ts +10 -0
  103. package/dist/Modal/FocusTrap.js +8 -0
  104. package/dist/Modal/FocusTrap.js.map +1 -0
  105. package/dist/Modal/FocusTrap.mjs +8 -0
  106. package/dist/Modal/FocusTrap.mjs.map +1 -0
  107. package/dist/Modal/Layer.css +1783 -0
  108. package/dist/Modal/Layer.css.map +1 -0
  109. package/dist/Modal/Layer.d.ts +8 -0
  110. package/dist/Modal/Layer.js +12 -0
  111. package/dist/Modal/Layer.js.map +1 -0
  112. package/dist/Modal/Layer.mjs +12 -0
  113. package/dist/Modal/Layer.mjs.map +1 -0
  114. package/dist/Modal/Modal.css +1898 -0
  115. package/dist/Modal/Modal.css.map +1 -0
  116. package/dist/Modal/Modal.d.ts +113 -0
  117. package/dist/Modal/Modal.js +17 -0
  118. package/dist/Modal/Modal.js.map +1 -0
  119. package/dist/Modal/Modal.mjs +17 -0
  120. package/dist/Modal/Modal.mjs.map +1 -0
  121. package/dist/Modal/StopScroll.d.ts +7 -0
  122. package/dist/Modal/StopScroll.js +8 -0
  123. package/dist/Modal/StopScroll.js.map +1 -0
  124. package/dist/Modal/StopScroll.mjs +8 -0
  125. package/dist/Modal/StopScroll.mjs.map +1 -0
  126. package/dist/RadioButton/RadioButton.css +318 -0
  127. package/dist/RadioButton/RadioButton.css.map +1 -0
  128. package/dist/RadioButton/RadioButton.d.ts +60 -0
  129. package/dist/RadioButton/RadioButton.js +14 -0
  130. package/dist/RadioButton/RadioButton.js.map +1 -0
  131. package/dist/RadioButton/RadioButton.mjs +14 -0
  132. package/dist/RadioButton/RadioButton.mjs.map +1 -0
  133. package/dist/SelectList/SelectList.css +335 -0
  134. package/dist/SelectList/SelectList.css.map +1 -0
  135. package/dist/SelectList/SelectList.d.ts +72 -0
  136. package/dist/SelectList/SelectList.js +15 -0
  137. package/dist/SelectList/SelectList.js.map +1 -0
  138. package/dist/SelectList/SelectList.mjs +15 -0
  139. package/dist/SelectList/SelectList.mjs.map +1 -0
  140. package/dist/SelectList/SelectOption.d.ts +10 -0
  141. package/dist/SelectList/SelectOption.js +8 -0
  142. package/dist/SelectList/SelectOption.js.map +1 -0
  143. package/dist/SelectList/SelectOption.mjs +8 -0
  144. package/dist/SelectList/SelectOption.mjs.map +1 -0
  145. package/dist/TapArea/TapArea.css +53 -0
  146. package/dist/TapArea/TapArea.css.map +1 -0
  147. package/dist/TapArea/TapArea.d.ts +53 -0
  148. package/dist/TapArea/TapArea.js +10 -0
  149. package/dist/TapArea/TapArea.js.map +1 -0
  150. package/dist/TapArea/TapArea.mjs +10 -0
  151. package/dist/TapArea/TapArea.mjs.map +1 -0
  152. package/dist/TextField/TextField.css +1913 -0
  153. package/dist/TextField/TextField.css.map +1 -0
  154. package/dist/TextField/TextField.d.ts +68 -0
  155. package/dist/TextField/TextField.js +14 -0
  156. package/dist/TextField/TextField.js.map +1 -0
  157. package/dist/TextField/TextField.mjs +14 -0
  158. package/dist/TextField/TextField.mjs.map +1 -0
  159. package/dist/Typography/Typography.css +248 -0
  160. package/dist/Typography/Typography.css.map +1 -0
  161. package/dist/Typography/Typography.d.ts +83 -0
  162. package/dist/Typography/Typography.js +10 -0
  163. package/dist/Typography/Typography.js.map +1 -0
  164. package/dist/Typography/Typography.mjs +10 -0
  165. package/dist/Typography/Typography.mjs.map +1 -0
  166. package/dist/__chunks/2JWMSFS7.js +31 -0
  167. package/dist/__chunks/2JWMSFS7.js.map +1 -0
  168. package/dist/__chunks/2O6FDRTF.js +7 -0
  169. package/dist/__chunks/2O6FDRTF.js.map +1 -0
  170. package/dist/__chunks/2PHVTRWC.js +86 -0
  171. package/dist/__chunks/2PHVTRWC.js.map +1 -0
  172. package/dist/__chunks/37CQV3RS.js +111 -0
  173. package/dist/__chunks/37CQV3RS.js.map +1 -0
  174. package/dist/__chunks/3PCHHAIY.mjs +7 -0
  175. package/dist/__chunks/3PCHHAIY.mjs.map +1 -0
  176. package/dist/__chunks/3VUMTAUX.js +68 -0
  177. package/dist/__chunks/3VUMTAUX.js.map +1 -0
  178. package/dist/__chunks/42YPEAFS.js +70 -0
  179. package/dist/__chunks/42YPEAFS.js.map +1 -0
  180. package/dist/__chunks/4PWSK5GI.js +15 -0
  181. package/dist/__chunks/4PWSK5GI.js.map +1 -0
  182. package/dist/__chunks/5AR53MHD.js +1 -0
  183. package/dist/__chunks/5AR53MHD.js.map +1 -0
  184. package/dist/__chunks/5DBWL6IK.js +12 -0
  185. package/dist/__chunks/5DBWL6IK.js.map +1 -0
  186. package/dist/__chunks/5R6HCJP6.mjs +68 -0
  187. package/dist/__chunks/5R6HCJP6.mjs.map +1 -0
  188. package/dist/__chunks/6VWFOSQZ.js +14 -0
  189. package/dist/__chunks/6VWFOSQZ.js.map +1 -0
  190. package/dist/__chunks/A7UVLRKG.mjs +15 -0
  191. package/dist/__chunks/A7UVLRKG.mjs.map +1 -0
  192. package/dist/__chunks/AFINOME7.js +17 -0
  193. package/dist/__chunks/AFINOME7.js.map +1 -0
  194. package/dist/__chunks/AGAHNSZM.js +127 -0
  195. package/dist/__chunks/AGAHNSZM.js.map +1 -0
  196. package/dist/__chunks/AMBZXKUQ.mjs +12 -0
  197. package/dist/__chunks/AMBZXKUQ.mjs.map +1 -0
  198. package/dist/__chunks/BCWLWS7W.mjs +74 -0
  199. package/dist/__chunks/BCWLWS7W.mjs.map +1 -0
  200. package/dist/__chunks/BJXYKZMK.mjs +53 -0
  201. package/dist/__chunks/BJXYKZMK.mjs.map +1 -0
  202. package/dist/__chunks/BSFWQWVJ.js +36 -0
  203. package/dist/__chunks/BSFWQWVJ.js.map +1 -0
  204. package/dist/__chunks/BSWWGQAS.js +111 -0
  205. package/dist/__chunks/BSWWGQAS.js.map +1 -0
  206. package/dist/__chunks/BWTLHCW3.mjs +111 -0
  207. package/dist/__chunks/BWTLHCW3.mjs.map +1 -0
  208. package/dist/__chunks/CATJI2RJ.js +26 -0
  209. package/dist/__chunks/CATJI2RJ.js.map +1 -0
  210. package/dist/__chunks/CGGEM6XS.mjs +96 -0
  211. package/dist/__chunks/CGGEM6XS.mjs.map +1 -0
  212. package/dist/__chunks/CPBWDVD4.mjs +110 -0
  213. package/dist/__chunks/CPBWDVD4.mjs.map +1 -0
  214. package/dist/__chunks/CQ2HIJ62.js +35 -0
  215. package/dist/__chunks/CQ2HIJ62.js.map +1 -0
  216. package/dist/__chunks/CUDAH5IW.mjs +38 -0
  217. package/dist/__chunks/CUDAH5IW.mjs.map +1 -0
  218. package/dist/__chunks/D24RSGYP.js +7 -0
  219. package/dist/__chunks/D24RSGYP.js.map +1 -0
  220. package/dist/__chunks/DVVFHZBW.mjs +120 -0
  221. package/dist/__chunks/DVVFHZBW.mjs.map +1 -0
  222. package/dist/__chunks/EKJ4XOIM.mjs +12 -0
  223. package/dist/__chunks/EKJ4XOIM.mjs.map +1 -0
  224. package/dist/__chunks/ERJ5XXDH.js +96 -0
  225. package/dist/__chunks/ERJ5XXDH.js.map +1 -0
  226. package/dist/__chunks/ERXGNP37.js +7 -0
  227. package/dist/__chunks/ERXGNP37.js.map +1 -0
  228. package/dist/__chunks/F3ZST4RL.js +74 -0
  229. package/dist/__chunks/F3ZST4RL.js.map +1 -0
  230. package/dist/__chunks/FCX7QDZS.mjs +94 -0
  231. package/dist/__chunks/FCX7QDZS.mjs.map +1 -0
  232. package/dist/__chunks/FOTKCGZZ.js +53 -0
  233. package/dist/__chunks/FOTKCGZZ.js.map +1 -0
  234. package/dist/__chunks/FUBK3VZO.js +28 -0
  235. package/dist/__chunks/FUBK3VZO.js.map +1 -0
  236. package/dist/__chunks/FWVHWU47.mjs +7 -0
  237. package/dist/__chunks/FWVHWU47.mjs.map +1 -0
  238. package/dist/__chunks/G4DDTGDI.js +31 -0
  239. package/dist/__chunks/G4DDTGDI.js.map +1 -0
  240. package/dist/__chunks/GPS2XNQI.js +120 -0
  241. package/dist/__chunks/GPS2XNQI.js.map +1 -0
  242. package/dist/__chunks/GVNDZZAU.mjs +14 -0
  243. package/dist/__chunks/GVNDZZAU.mjs.map +1 -0
  244. package/dist/__chunks/HAZN2FCY.mjs +28 -0
  245. package/dist/__chunks/HAZN2FCY.mjs.map +1 -0
  246. package/dist/__chunks/HOUO3WV6.js +14 -0
  247. package/dist/__chunks/HOUO3WV6.js.map +1 -0
  248. package/dist/__chunks/HQVZUEWO.js +22 -0
  249. package/dist/__chunks/HQVZUEWO.js.map +1 -0
  250. package/dist/__chunks/IXDA4ZXP.mjs +1 -0
  251. package/dist/__chunks/IXDA4ZXP.mjs.map +1 -0
  252. package/dist/__chunks/JSEHOGL7.mjs +7 -0
  253. package/dist/__chunks/JSEHOGL7.mjs.map +1 -0
  254. package/dist/__chunks/LJHH6KUW.js +28 -0
  255. package/dist/__chunks/LJHH6KUW.js.map +1 -0
  256. package/dist/__chunks/LKQ7PJ4S.mjs +229 -0
  257. package/dist/__chunks/LKQ7PJ4S.mjs.map +1 -0
  258. package/dist/__chunks/LULBCTQR.js +38 -0
  259. package/dist/__chunks/LULBCTQR.js.map +1 -0
  260. package/dist/__chunks/LZSDWT4M.mjs +110 -0
  261. package/dist/__chunks/LZSDWT4M.mjs.map +1 -0
  262. package/dist/__chunks/M6YFAP6P.mjs +28 -0
  263. package/dist/__chunks/M6YFAP6P.mjs.map +1 -0
  264. package/dist/__chunks/MX7C572C.mjs +36 -0
  265. package/dist/__chunks/MX7C572C.mjs.map +1 -0
  266. package/dist/__chunks/MZEIZAZH.mjs +35 -0
  267. package/dist/__chunks/MZEIZAZH.mjs.map +1 -0
  268. package/dist/__chunks/OGJDUOWP.js +94 -0
  269. package/dist/__chunks/OGJDUOWP.js.map +1 -0
  270. package/dist/__chunks/OQ26OWU4.mjs +111 -0
  271. package/dist/__chunks/OQ26OWU4.mjs.map +1 -0
  272. package/dist/__chunks/PGVLU6C3.mjs +70 -0
  273. package/dist/__chunks/PGVLU6C3.mjs.map +1 -0
  274. package/dist/__chunks/PYNS67IV.js +229 -0
  275. package/dist/__chunks/PYNS67IV.js.map +1 -0
  276. package/dist/__chunks/Q2TIB7ZC.mjs +26 -0
  277. package/dist/__chunks/Q2TIB7ZC.mjs.map +1 -0
  278. package/dist/__chunks/R6CDK4GP.mjs +31 -0
  279. package/dist/__chunks/R6CDK4GP.mjs.map +1 -0
  280. package/dist/__chunks/RRE7PRE5.mjs +86 -0
  281. package/dist/__chunks/RRE7PRE5.mjs.map +1 -0
  282. package/dist/__chunks/RSU3GDHB.mjs +73 -0
  283. package/dist/__chunks/RSU3GDHB.mjs.map +1 -0
  284. package/dist/__chunks/RVT6EXR3.mjs +31 -0
  285. package/dist/__chunks/RVT6EXR3.mjs.map +1 -0
  286. package/dist/__chunks/SAEVPDUP.js +12 -0
  287. package/dist/__chunks/SAEVPDUP.js.map +1 -0
  288. package/dist/__chunks/SXTRSFG5.mjs +14 -0
  289. package/dist/__chunks/SXTRSFG5.mjs.map +1 -0
  290. package/dist/__chunks/TKYRBLSM.js +110 -0
  291. package/dist/__chunks/TKYRBLSM.js.map +1 -0
  292. package/dist/__chunks/TPMQI44L.js +7 -0
  293. package/dist/__chunks/TPMQI44L.js.map +1 -0
  294. package/dist/__chunks/UCMB6MFN.mjs +17 -0
  295. package/dist/__chunks/UCMB6MFN.mjs.map +1 -0
  296. package/dist/__chunks/UNIBFDXV.js +73 -0
  297. package/dist/__chunks/UNIBFDXV.js.map +1 -0
  298. package/dist/__chunks/WCEOAOUO.mjs +127 -0
  299. package/dist/__chunks/WCEOAOUO.mjs.map +1 -0
  300. package/dist/__chunks/WJDAVT5R.mjs +7 -0
  301. package/dist/__chunks/WJDAVT5R.mjs.map +1 -0
  302. package/dist/__chunks/X74O4HUS.js +110 -0
  303. package/dist/__chunks/X74O4HUS.js.map +1 -0
  304. package/dist/__chunks/XFKGXL73.mjs +14 -0
  305. package/dist/__chunks/XFKGXL73.mjs.map +1 -0
  306. package/dist/__chunks/XN5AALLC.mjs +22 -0
  307. package/dist/__chunks/XN5AALLC.mjs.map +1 -0
  308. package/dist/__chunks/YJ7YDIGB.js +14 -0
  309. package/dist/__chunks/YJ7YDIGB.js.map +1 -0
  310. package/dist/colors/allColors.d.ts +3 -0
  311. package/dist/colors/allColors.js +58 -0
  312. package/dist/colors/allColors.js.map +1 -0
  313. package/dist/colors/allColors.mjs +58 -0
  314. package/dist/colors/allColors.mjs.map +1 -0
  315. package/dist/colors/backgroundColor.css +167 -0
  316. package/dist/colors/backgroundColor.css.map +1 -0
  317. package/dist/colors/backgroundColor.d.ts +5 -0
  318. package/dist/colors/backgroundColor.js +10 -0
  319. package/dist/colors/backgroundColor.js.map +1 -0
  320. package/dist/colors/backgroundColor.mjs +10 -0
  321. package/dist/colors/backgroundColor.mjs.map +1 -0
  322. package/dist/colors/foregroundColor.css +167 -0
  323. package/dist/colors/foregroundColor.css.map +1 -0
  324. package/dist/colors/foregroundColor.d.ts +5 -0
  325. package/dist/colors/foregroundColor.js +10 -0
  326. package/dist/colors/foregroundColor.js.map +1 -0
  327. package/dist/colors/foregroundColor.mjs +10 -0
  328. package/dist/colors/foregroundColor.mjs.map +1 -0
  329. package/dist/colors/foregroundTypographyColor.d.ts +5 -0
  330. package/dist/colors/foregroundTypographyColor.js +8 -0
  331. package/dist/colors/foregroundTypographyColor.js.map +1 -0
  332. package/dist/colors/foregroundTypographyColor.mjs +8 -0
  333. package/dist/colors/foregroundTypographyColor.mjs.map +1 -0
  334. package/dist/constants.d.ts +4 -0
  335. package/dist/constants.js +26 -0
  336. package/dist/constants.js.map +1 -0
  337. package/dist/constants.mjs +26 -0
  338. package/dist/constants.mjs.map +1 -0
  339. package/dist/index.d.ts +21 -1250
  340. package/dist/index.js +38 -1676
  341. package/dist/index.js.map +1 -1
  342. package/dist/index.mjs +70 -1682
  343. package/dist/index.mjs.map +1 -1
  344. package/dist/useFocusVisible.d.ts +5 -0
  345. package/dist/useFocusVisible.js +8 -0
  346. package/dist/useFocusVisible.js.map +1 -0
  347. package/dist/useFocusVisible.mjs +8 -0
  348. package/dist/useFocusVisible.mjs.map +1 -0
  349. package/dist/useIsHydrated.d.ts +3 -0
  350. package/dist/useIsHydrated.js +8 -0
  351. package/dist/useIsHydrated.js.map +1 -0
  352. package/dist/useIsHydrated.mjs +8 -0
  353. package/dist/useIsHydrated.mjs.map +1 -0
  354. package/package.json +4 -4
package/dist/index.mjs CHANGED
@@ -1,1678 +1,75 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- var __commonJS = (cb, mod) => function __require() {
37
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
38
- };
39
- var __copyProps = (to, from, except, desc) => {
40
- if (from && typeof from === "object" || typeof from === "function") {
41
- for (let key of __getOwnPropNames(from))
42
- if (!__hasOwnProp.call(to, key) && key !== except)
43
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
44
- }
45
- return to;
46
- };
47
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
48
- // If the importer is in node compatibility mode or this is not an ESM
49
- // file that has been converted to a CommonJS file using a Babel-
50
- // compatible transform (i.e. "__esModule" has not been set), then set
51
- // "default" to the CommonJS "module.exports" for node compatibility.
52
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
53
- mod
54
- ));
55
-
56
- // ../../node_modules/classnames/index.js
57
- var require_classnames = __commonJS({
58
- "../../node_modules/classnames/index.js"(exports, module) {
59
- (function() {
60
- "use strict";
61
- var hasOwn = {}.hasOwnProperty;
62
- var nativeCodeString = "[native code]";
63
- function classNames12() {
64
- var classes = [];
65
- for (var i = 0; i < arguments.length; i++) {
66
- var arg = arguments[i];
67
- if (!arg)
68
- continue;
69
- var argType = typeof arg;
70
- if (argType === "string" || argType === "number") {
71
- classes.push(arg);
72
- } else if (Array.isArray(arg)) {
73
- if (arg.length) {
74
- var inner = classNames12.apply(null, arg);
75
- if (inner) {
76
- classes.push(inner);
77
- }
78
- }
79
- } else if (argType === "object") {
80
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
81
- classes.push(arg.toString());
82
- continue;
83
- }
84
- for (var key in arg) {
85
- if (hasOwn.call(arg, key) && arg[key]) {
86
- classes.push(key);
87
- }
88
- }
89
- }
90
- }
91
- return classes.join(" ");
92
- }
93
- if (typeof module !== "undefined" && module.exports) {
94
- classNames12.default = classNames12;
95
- module.exports = classNames12;
96
- } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
97
- define("classnames", [], function() {
98
- return classNames12;
99
- });
100
- } else {
101
- window.classNames = classNames12;
102
- }
103
- })();
104
- }
105
- });
106
-
107
- // src/Avatar/Avatar.tsx
108
- var import_classnames = __toESM(require_classnames());
109
-
110
- // css-module:./Avatar.module.css#css-module
111
- var Avatar_module_default = { "avatar": "_avatar_1anoj_5", "sm": "_sm_1anoj_13", "md": "_md_1anoj_18", "lg": "_lg_1anoj_23", "xl": "_xl_1anoj_28" };
112
-
113
- // src/Avatar/Avatar.tsx
114
- import { jsx } from "react/jsx-runtime";
115
- var Avatar = ({
116
- src,
117
- accessibilityLabel,
118
- size = "md"
119
- }) => {
120
- return /* @__PURE__ */ jsx(
121
- "img",
122
- {
123
- alt: accessibilityLabel,
124
- src,
125
- className: (0, import_classnames.default)(Avatar_module_default.avatar, Avatar_module_default[size])
126
- }
127
- );
128
- };
129
- var Avatar_default = Avatar;
130
-
131
- // src/Typography/Typography.tsx
132
- var import_classnames2 = __toESM(require_classnames());
133
-
134
- // css-module:./Typography.module.css#css-module
135
- var Typography_module_default = { "typography": "_typography_1vnry_1", "size100": "_size100_1vnry_8", "size200": "_size200_1vnry_12", "size300": "_size300_1vnry_16", "size500": "_size500_1vnry_20", "size600": "_size600_1vnry_24", "size700": "_size700_1vnry_28", "size800": "_size800_1vnry_32", "center": "_center_1vnry_37", "forceLeft": "_forceLeft_1vnry_41", "forceRight": "_forceRight_1vnry_45", "start": "_start_1vnry_49", "end": "_end_1vnry_53", "bold": "_bold_1vnry_58", "regular": "_regular_1vnry_62", "interactive": "_interactive_1vnry_66", "semiBold": "_semiBold_1vnry_70", "heavy": "_heavy_1vnry_74", "underline": "_underline_1vnry_78", "inline": "_inline_1vnry_82", "uppercase": "_uppercase_1vnry_86", "lineClamp": "_lineClamp_1vnry_90" };
136
-
137
- // css-module:../colors/colors.module.css#css-module
138
- var colors_module_default = { "inheritColor": "_inheritColor_11l4y_2", "destructive700Color": "_destructive700Color_11l4y_6", "gray700Color": "_gray700Color_11l4y_10", "gray900Color": "_gray900Color_11l4y_14", "primary700Color": "_primary700Color_11l4y_18", "success700Color": "_success700Color_11l4y_22", "whiteColor": "_whiteColor_11l4y_26", "blackBackgroundColor": "_blackBackgroundColor_11l4y_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_11l4y_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_11l4y_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_11l4y_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_11l4y_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_11l4y_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_11l4y_55", "gray10BackgroundColor": "_gray10BackgroundColor_11l4y_59", "gray30BackgroundColor": "_gray30BackgroundColor_11l4y_63", "gray60BackgroundColor": "_gray60BackgroundColor_11l4y_67", "gray80BackgroundColor": "_gray80BackgroundColor_11l4y_71", "gray100BackgroundColor": "_gray100BackgroundColor_11l4y_75", "gray200BackgroundColor": "_gray200BackgroundColor_11l4y_79", "gray300BackgroundColor": "_gray300BackgroundColor_11l4y_83", "gray700BackgroundColor": "_gray700BackgroundColor_11l4y_87", "gray800BackgroundColor": "_gray800BackgroundColor_11l4y_91", "gray900BackgroundColor": "_gray900BackgroundColor_11l4y_95", "orange100BackgroundColor": "_orange100BackgroundColor_11l4y_99", "orange200BackgroundColor": "_orange200BackgroundColor_11l4y_103", "orange300BackgroundColor": "_orange300BackgroundColor_11l4y_107", "orange700BackgroundColor": "_orange700BackgroundColor_11l4y_111", "orange800BackgroundColor": "_orange800BackgroundColor_11l4y_115", "orange900BackgroundColor": "_orange900BackgroundColor_11l4y_119", "primary100BackgroundColor": "_primary100BackgroundColor_11l4y_123", "primary200BackgroundColor": "_primary200BackgroundColor_11l4y_127", "primary300BackgroundColor": "_primary300BackgroundColor_11l4y_131", "primary700BackgroundColor": "_primary700BackgroundColor_11l4y_135", "primary800BackgroundColor": "_primary800BackgroundColor_11l4y_139", "primary900BackgroundColor": "_primary900BackgroundColor_11l4y_143", "success100BackgroundColor": "_success100BackgroundColor_11l4y_147", "success200BackgroundColor": "_success200BackgroundColor_11l4y_151", "success300BackgroundColor": "_success300BackgroundColor_11l4y_155", "success700BackgroundColor": "_success700BackgroundColor_11l4y_159", "success800BackgroundColor": "_success800BackgroundColor_11l4y_163", "success900BackgroundColor": "_success900BackgroundColor_11l4y_167", "purple100BackgroundColor": "_purple100BackgroundColor_11l4y_171", "purple200BackgroundColor": "_purple200BackgroundColor_11l4y_175", "purple300BackgroundColor": "_purple300BackgroundColor_11l4y_179", "purple700BackgroundColor": "_purple700BackgroundColor_11l4y_183", "purple800BackgroundColor": "_purple800BackgroundColor_11l4y_187", "purple900BackgroundColor": "_purple900BackgroundColor_11l4y_191", "whiteBackgroundColor": "_whiteBackgroundColor_11l4y_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_11l4y_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_11l4y_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_11l4y_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_11l4y_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_11l4y_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_11l4y_219" };
139
-
140
- // src/Typography/Typography.tsx
141
- import { jsx as jsx2 } from "react/jsx-runtime";
142
- function textColor(color) {
143
- switch (color) {
144
- case "gray700":
145
- return colors_module_default.gray700Color;
146
- case "white":
147
- return colors_module_default.whiteColor;
148
- case "inherit":
149
- return colors_module_default.inheritColor;
150
- case "primary":
151
- return colors_module_default.primary700Color;
152
- case "destructive-primary":
153
- return colors_module_default.destructive700Color;
154
- case "success":
155
- return colors_module_default.success700Color;
156
- default:
157
- return colors_module_default.gray900Color;
158
- }
159
- }
160
- var Typography = ({
161
- align = "start",
162
- as = "div",
163
- children,
164
- color = "gray900",
165
- "data-testid": dataTestId,
166
- inline = false,
167
- lineClamp = void 0,
168
- size = 200,
169
- tooltip,
170
- transform = "none",
171
- underline = false,
172
- weight = "regular"
173
- }) => {
174
- const Tag = as;
175
- return /* @__PURE__ */ jsx2(
176
- Tag,
177
- {
178
- className: (0, import_classnames2.default)(
179
- Typography_module_default.typography,
180
- Typography_module_default[align],
181
- Typography_module_default[weight],
182
- textColor(color),
183
- inline && Typography_module_default.inline,
184
- Typography_module_default[`size${size}`],
185
- transform === "uppercase" && Typography_module_default.uppercase,
186
- underline && Typography_module_default.underline,
187
- lineClamp != null && Typography_module_default.lineClamp
188
- ),
189
- "data-testid": dataTestId,
190
- style: {
191
- WebkitLineClamp: lineClamp
192
- },
193
- title: tooltip,
194
- children
195
- }
196
- );
197
- };
198
- var Typography_default = Typography;
199
-
200
- // src/Box/Box.tsx
201
- var import_classnames3 = __toESM(require_classnames());
202
-
203
- // css-module:./Box.module.css#css-module
204
- var Box_module_default = { "box": "_box_bg9pe_1", "flexnone": "_flexnone_bg9pe_5", "flexgrow": "_flexgrow_bg9pe_9", "flexWrap": "_flexWrap_bg9pe_13", "alignItemscenter": "_alignItemscenter_bg9pe_18", "alignItemsstart": "_alignItemsstart_bg9pe_22", "alignItemsend": "_alignItemsend_bg9pe_26", "alignItemsstretch": "_alignItemsstretch_bg9pe_30", "alignItemsbaseline": "_alignItemsbaseline_bg9pe_34", "alignItemscenterSmall": "_alignItemscenterSmall_bg9pe_40", "alignItemsstartSmall": "_alignItemsstartSmall_bg9pe_44", "alignItemsendSmall": "_alignItemsendSmall_bg9pe_48", "alignItemsstretchSmall": "_alignItemsstretchSmall_bg9pe_52", "alignItemsbaselineSmall": "_alignItemsbaselineSmall_bg9pe_56", "alignItemscenterLarge": "_alignItemscenterLarge_bg9pe_63", "alignItemsstartLarge": "_alignItemsstartLarge_bg9pe_67", "alignItemsendLarge": "_alignItemsendLarge_bg9pe_71", "alignItemsstretchLarge": "_alignItemsstretchLarge_bg9pe_75", "alignItemsbaselineLarge": "_alignItemsbaselineLarge_bg9pe_79", "alignSelfcenter": "_alignSelfcenter_bg9pe_85", "alignSelfstart": "_alignSelfstart_bg9pe_89", "alignSelfend": "_alignSelfend_bg9pe_93", "alignSelfstretch": "_alignSelfstretch_bg9pe_97", "alignSelfbaseline": "_alignSelfbaseline_bg9pe_101", "alignSelfauto": "_alignSelfauto_bg9pe_105", "block": "_block_bg9pe_110", "flex": "_flex_bg9pe_5", "inlineBlock": "_inlineBlock_bg9pe_118", "none": "_none_bg9pe_122", "visuallyHidden": "_visuallyHidden_bg9pe_126", "blockSmall": "_blockSmall_bg9pe_140", "flexSmall": "_flexSmall_bg9pe_144", "inlineBlockSmall": "_inlineBlockSmall_bg9pe_148", "noneSmall": "_noneSmall_bg9pe_152", "visuallyHiddenSmall": "_visuallyHiddenSmall_bg9pe_156", "blockLarge": "_blockLarge_bg9pe_171", "flexLarge": "_flexLarge_bg9pe_175", "inlineBlockLarge": "_inlineBlockLarge_bg9pe_179", "noneLarge": "_noneLarge_bg9pe_183", "visuallyHiddenLarge": "_visuallyHiddenLarge_bg9pe_187", "column": "_column_bg9pe_201", "row": "_row_bg9pe_205", "columnSmall": "_columnSmall_bg9pe_211", "rowSmall": "_rowSmall_bg9pe_215", "columnLarge": "_columnLarge_bg9pe_222", "rowLarge": "_rowLarge_bg9pe_226", "gap0": "_gap0_bg9pe_232", "gap1": "_gap1_bg9pe_236", "gap2": "_gap2_bg9pe_240", "gap3": "_gap3_bg9pe_244", "gap4": "_gap4_bg9pe_248", "gap5": "_gap5_bg9pe_252", "gap6": "_gap6_bg9pe_256", "gap7": "_gap7_bg9pe_260", "gap8": "_gap8_bg9pe_264", "gap9": "_gap9_bg9pe_268", "gap10": "_gap10_bg9pe_272", "gap11": "_gap11_bg9pe_276", "gap12": "_gap12_bg9pe_280", "justifyContentcenter": "_justifyContentcenter_bg9pe_285", "justifyContentstart": "_justifyContentstart_bg9pe_289", "justifyContentend": "_justifyContentend_bg9pe_293", "justifyContentbetween": "_justifyContentbetween_bg9pe_297", "justifyContentaround": "_justifyContentaround_bg9pe_301", "justifyContentevenly": "_justifyContentevenly_bg9pe_305", "justifyContentcenterSmall": "_justifyContentcenterSmall_bg9pe_311", "justifyContentstartSmall": "_justifyContentstartSmall_bg9pe_315", "justifyContentendSmall": "_justifyContentendSmall_bg9pe_319", "justifyContentbetweenSmall": "_justifyContentbetweenSmall_bg9pe_323", "justifyContentaroundSmall": "_justifyContentaroundSmall_bg9pe_327", "justifyContentevenlySmall": "_justifyContentevenlySmall_bg9pe_331", "justifyContentcenterLarge": "_justifyContentcenterLarge_bg9pe_338", "justifyContentstartLarge": "_justifyContentstartLarge_bg9pe_342", "justifyContentendLarge": "_justifyContentendLarge_bg9pe_346", "justifyContentbetweenLarge": "_justifyContentbetweenLarge_bg9pe_350", "justifyContentaroundLarge": "_justifyContentaroundLarge_bg9pe_354", "justifyContentevenlyLarge": "_justifyContentevenlyLarge_bg9pe_358", "overflowvisible": "_overflowvisible_bg9pe_364", "overflowhidden": "_overflowhidden_bg9pe_368", "overflowscroll": "_overflowscroll_bg9pe_372", "overflowauto": "_overflowauto_bg9pe_376", "overflowinherit": "_overflowinherit_bg9pe_380", "overflowinitial": "_overflowinitial_bg9pe_384", "overflowXvisible": "_overflowXvisible_bg9pe_388", "overflowXhidden": "_overflowXhidden_bg9pe_392", "overflowXscroll": "_overflowXscroll_bg9pe_396", "overflowXauto": "_overflowXauto_bg9pe_400", "overflowXinherit": "_overflowXinherit_bg9pe_404", "overflowXinitial": "_overflowXinitial_bg9pe_408", "overflowYvisible": "_overflowYvisible_bg9pe_412", "overflowYhidden": "_overflowYhidden_bg9pe_416", "overflowYscroll": "_overflowYscroll_bg9pe_420", "overflowYauto": "_overflowYauto_bg9pe_424", "overflowYinherit": "_overflowYinherit_bg9pe_428", "overflowYinitial": "_overflowYinitial_bg9pe_432", "absolute": "_absolute_bg9pe_437", "fixed": "_fixed_bg9pe_441", "relative": "_relative_bg9pe_445", "sticky": "_sticky_bg9pe_449" };
205
-
206
- // css-module:./margin.module.css#css-module
207
- var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "marginBottom-11": "_marginBottom-11_1whn1_6", "marginBottom-10": "_marginBottom-10_1whn1_10", "marginBottom-9": "_marginBottom-9_1whn1_14", "marginBottom-8": "_marginBottom-8_1whn1_18", "marginBottom-7": "_marginBottom-7_1whn1_22", "marginBottom-6": "_marginBottom-6_1whn1_26", "marginBottom-5": "_marginBottom-5_1whn1_30", "marginBottom-4": "_marginBottom-4_1whn1_34", "marginBottom-3": "_marginBottom-3_1whn1_38", "marginBottom-2": "_marginBottom-2_1whn1_42", "marginBottom-1": "_marginBottom-1_1whn1_2", "marginBottom0": "_marginBottom0_1whn1_50", "marginBottom1": "_marginBottom1_1whn1_54", "marginBottom2": "_marginBottom2_1whn1_58", "marginBottom3": "_marginBottom3_1whn1_62", "marginBottom4": "_marginBottom4_1whn1_66", "marginBottom5": "_marginBottom5_1whn1_70", "marginBottom6": "_marginBottom6_1whn1_74", "marginBottom7": "_marginBottom7_1whn1_78", "marginBottom8": "_marginBottom8_1whn1_82", "marginBottom9": "_marginBottom9_1whn1_86", "marginBottom10": "_marginBottom10_1whn1_90", "marginBottom11": "_marginBottom11_1whn1_94", "marginBottom12": "_marginBottom12_1whn1_98", "marginBottomauto": "_marginBottomauto_1whn1_102", "marginEnd-12": "_marginEnd-12_1whn1_107", "marginEnd-11": "_marginEnd-11_1whn1_111", "marginEnd-10": "_marginEnd-10_1whn1_115", "marginEnd-9": "_marginEnd-9_1whn1_119", "marginEnd-8": "_marginEnd-8_1whn1_123", "marginEnd-7": "_marginEnd-7_1whn1_127", "marginEnd-6": "_marginEnd-6_1whn1_131", "marginEnd-5": "_marginEnd-5_1whn1_135", "marginEnd-4": "_marginEnd-4_1whn1_139", "marginEnd-3": "_marginEnd-3_1whn1_143", "marginEnd-2": "_marginEnd-2_1whn1_147", "marginEnd-1": "_marginEnd-1_1whn1_107", "marginEnd0": "_marginEnd0_1whn1_155", "marginEnd1": "_marginEnd1_1whn1_159", "marginEnd2": "_marginEnd2_1whn1_163", "marginEnd3": "_marginEnd3_1whn1_167", "marginEnd4": "_marginEnd4_1whn1_171", "marginEnd5": "_marginEnd5_1whn1_175", "marginEnd6": "_marginEnd6_1whn1_179", "marginEnd7": "_marginEnd7_1whn1_183", "marginEnd8": "_marginEnd8_1whn1_187", "marginEnd9": "_marginEnd9_1whn1_191", "marginEnd10": "_marginEnd10_1whn1_195", "marginEnd11": "_marginEnd11_1whn1_199", "marginEnd12": "_marginEnd12_1whn1_203", "marginEndauto": "_marginEndauto_1whn1_207", "marginStart-12": "_marginStart-12_1whn1_212", "marginStart-11": "_marginStart-11_1whn1_216", "marginStart-10": "_marginStart-10_1whn1_220", "marginStart-9": "_marginStart-9_1whn1_224", "marginStart-8": "_marginStart-8_1whn1_228", "marginStart-7": "_marginStart-7_1whn1_232", "marginStart-6": "_marginStart-6_1whn1_236", "marginStart-5": "_marginStart-5_1whn1_240", "marginStart-4": "_marginStart-4_1whn1_244", "marginStart-3": "_marginStart-3_1whn1_248", "marginStart-2": "_marginStart-2_1whn1_252", "marginStart-1": "_marginStart-1_1whn1_212", "marginStart0": "_marginStart0_1whn1_260", "marginStart1": "_marginStart1_1whn1_264", "marginStart2": "_marginStart2_1whn1_268", "marginStart3": "_marginStart3_1whn1_272", "marginStart4": "_marginStart4_1whn1_276", "marginStart5": "_marginStart5_1whn1_280", "marginStart6": "_marginStart6_1whn1_284", "marginStart7": "_marginStart7_1whn1_288", "marginStart8": "_marginStart8_1whn1_292", "marginStart9": "_marginStart9_1whn1_296", "marginStart10": "_marginStart10_1whn1_300", "marginStart11": "_marginStart11_1whn1_304", "marginStart12": "_marginStart12_1whn1_308", "marginStartauto": "_marginStartauto_1whn1_312", "marginTop-12": "_marginTop-12_1whn1_317", "marginTop-11": "_marginTop-11_1whn1_321", "marginTop-10": "_marginTop-10_1whn1_325", "marginTop-9": "_marginTop-9_1whn1_329", "marginTop-8": "_marginTop-8_1whn1_333", "marginTop-7": "_marginTop-7_1whn1_337", "marginTop-6": "_marginTop-6_1whn1_341", "marginTop-5": "_marginTop-5_1whn1_345", "marginTop-4": "_marginTop-4_1whn1_349", "marginTop-3": "_marginTop-3_1whn1_353", "marginTop-2": "_marginTop-2_1whn1_357", "marginTop-1": "_marginTop-1_1whn1_317", "marginTop0": "_marginTop0_1whn1_365", "marginTop1": "_marginTop1_1whn1_369", "marginTop2": "_marginTop2_1whn1_373", "marginTop3": "_marginTop3_1whn1_377", "marginTop4": "_marginTop4_1whn1_381", "marginTop5": "_marginTop5_1whn1_385", "marginTop6": "_marginTop6_1whn1_389", "marginTop7": "_marginTop7_1whn1_393", "marginTop8": "_marginTop8_1whn1_397", "marginTop9": "_marginTop9_1whn1_401", "marginTop10": "_marginTop10_1whn1_405", "marginTop11": "_marginTop11_1whn1_409", "marginTop12": "_marginTop12_1whn1_413", "marginTopauto": "_marginTopauto_1whn1_417", "marginBottom-12Small": "_marginBottom-12Small_1whn1_423", "marginBottom-11Small": "_marginBottom-11Small_1whn1_427", "marginBottom-10Small": "_marginBottom-10Small_1whn1_431", "marginBottom-9Small": "_marginBottom-9Small_1whn1_435", "marginBottom-8Small": "_marginBottom-8Small_1whn1_439", "marginBottom-7Small": "_marginBottom-7Small_1whn1_443", "marginBottom-6Small": "_marginBottom-6Small_1whn1_447", "marginBottom-5Small": "_marginBottom-5Small_1whn1_451", "marginBottom-4Small": "_marginBottom-4Small_1whn1_455", "marginBottom-3Small": "_marginBottom-3Small_1whn1_459", "marginBottom-2Small": "_marginBottom-2Small_1whn1_463", "marginBottom-1Small": "_marginBottom-1Small_1whn1_467", "marginBottom0Small": "_marginBottom0Small_1whn1_471", "marginBottom1Small": "_marginBottom1Small_1whn1_475", "marginBottom2Small": "_marginBottom2Small_1whn1_479", "marginBottom3Small": "_marginBottom3Small_1whn1_483", "marginBottom4Small": "_marginBottom4Small_1whn1_487", "marginBottom5Small": "_marginBottom5Small_1whn1_491", "marginBottom6Small": "_marginBottom6Small_1whn1_495", "marginBottom7Small": "_marginBottom7Small_1whn1_499", "marginBottom8Small": "_marginBottom8Small_1whn1_503", "marginBottom9Small": "_marginBottom9Small_1whn1_507", "marginBottom10Small": "_marginBottom10Small_1whn1_511", "marginBottom11Small": "_marginBottom11Small_1whn1_515", "marginBottom12Small": "_marginBottom12Small_1whn1_519", "marginBottomautoSmall": "_marginBottomautoSmall_1whn1_523", "marginEnd-12Small": "_marginEnd-12Small_1whn1_527", "marginEnd-11Small": "_marginEnd-11Small_1whn1_531", "marginEnd-10Small": "_marginEnd-10Small_1whn1_535", "marginEnd-9Small": "_marginEnd-9Small_1whn1_539", "marginEnd-8Small": "_marginEnd-8Small_1whn1_543", "marginEnd-7Small": "_marginEnd-7Small_1whn1_547", "marginEnd-6Small": "_marginEnd-6Small_1whn1_551", "marginEnd-5Small": "_marginEnd-5Small_1whn1_555", "marginEnd-4Small": "_marginEnd-4Small_1whn1_559", "marginEnd-3Small": "_marginEnd-3Small_1whn1_563", "marginEnd-2Small": "_marginEnd-2Small_1whn1_567", "marginEnd-1Small": "_marginEnd-1Small_1whn1_571", "marginEnd0Small": "_marginEnd0Small_1whn1_575", "marginEnd1Small": "_marginEnd1Small_1whn1_579", "marginEnd2Small": "_marginEnd2Small_1whn1_583", "marginEnd3Small": "_marginEnd3Small_1whn1_587", "marginEnd4Small": "_marginEnd4Small_1whn1_591", "marginEnd5Small": "_marginEnd5Small_1whn1_595", "marginEnd6Small": "_marginEnd6Small_1whn1_599", "marginEnd7Small": "_marginEnd7Small_1whn1_603", "marginEnd8Small": "_marginEnd8Small_1whn1_607", "marginEnd9Small": "_marginEnd9Small_1whn1_611", "marginEnd10Small": "_marginEnd10Small_1whn1_615", "marginEnd11Small": "_marginEnd11Small_1whn1_619", "marginEnd12Small": "_marginEnd12Small_1whn1_623", "marginEndautoSmall": "_marginEndautoSmall_1whn1_627", "marginStart-12Small": "_marginStart-12Small_1whn1_631", "marginStart-11Small": "_marginStart-11Small_1whn1_635", "marginStart-10Small": "_marginStart-10Small_1whn1_639", "marginStart-9Small": "_marginStart-9Small_1whn1_643", "marginStart-8Small": "_marginStart-8Small_1whn1_647", "marginStart-7Small": "_marginStart-7Small_1whn1_651", "marginStart-6Small": "_marginStart-6Small_1whn1_655", "marginStart-5Small": "_marginStart-5Small_1whn1_659", "marginStart-4Small": "_marginStart-4Small_1whn1_663", "marginStart-3Small": "_marginStart-3Small_1whn1_667", "marginStart-2Small": "_marginStart-2Small_1whn1_671", "marginStart-1Small": "_marginStart-1Small_1whn1_675", "marginStart0Small": "_marginStart0Small_1whn1_679", "marginStart1Small": "_marginStart1Small_1whn1_683", "marginStart2Small": "_marginStart2Small_1whn1_687", "marginStart3Small": "_marginStart3Small_1whn1_691", "marginStart4Small": "_marginStart4Small_1whn1_695", "marginStart5Small": "_marginStart5Small_1whn1_699", "marginStart6Small": "_marginStart6Small_1whn1_703", "marginStart7Small": "_marginStart7Small_1whn1_707", "marginStart8Small": "_marginStart8Small_1whn1_711", "marginStart9Small": "_marginStart9Small_1whn1_715", "marginStart10Small": "_marginStart10Small_1whn1_719", "marginStart11Small": "_marginStart11Small_1whn1_723", "marginStart12Small": "_marginStart12Small_1whn1_727", "marginStartautoSmall": "_marginStartautoSmall_1whn1_731", "marginTop-12Small": "_marginTop-12Small_1whn1_735", "marginTop-11Small": "_marginTop-11Small_1whn1_739", "marginTop-10Small": "_marginTop-10Small_1whn1_743", "marginTop-9Small": "_marginTop-9Small_1whn1_747", "marginTop-8Small": "_marginTop-8Small_1whn1_751", "marginTop-7Small": "_marginTop-7Small_1whn1_755", "marginTop-6Small": "_marginTop-6Small_1whn1_759", "marginTop-5Small": "_marginTop-5Small_1whn1_763", "marginTop-4Small": "_marginTop-4Small_1whn1_767", "marginTop-3Small": "_marginTop-3Small_1whn1_771", "marginTop-2Small": "_marginTop-2Small_1whn1_775", "marginTop-1Small": "_marginTop-1Small_1whn1_779", "marginTop0Small": "_marginTop0Small_1whn1_783", "marginTop1Small": "_marginTop1Small_1whn1_787", "marginTop2Small": "_marginTop2Small_1whn1_791", "marginTop3Small": "_marginTop3Small_1whn1_795", "marginTop4Small": "_marginTop4Small_1whn1_799", "marginTop5Small": "_marginTop5Small_1whn1_803", "marginTop6Small": "_marginTop6Small_1whn1_807", "marginTop7Small": "_marginTop7Small_1whn1_811", "marginTop8Small": "_marginTop8Small_1whn1_815", "marginTop9Small": "_marginTop9Small_1whn1_819", "marginTop10Small": "_marginTop10Small_1whn1_823", "marginTop11Small": "_marginTop11Small_1whn1_827", "marginTop12Small": "_marginTop12Small_1whn1_831", "marginTopautoSmall": "_marginTopautoSmall_1whn1_835", "marginBottom-12Large": "_marginBottom-12Large_1whn1_842", "marginBottom-11Large": "_marginBottom-11Large_1whn1_846", "marginBottom-10Large": "_marginBottom-10Large_1whn1_850", "marginBottom-9Large": "_marginBottom-9Large_1whn1_854", "marginBottom-8Large": "_marginBottom-8Large_1whn1_858", "marginBottom-7Large": "_marginBottom-7Large_1whn1_862", "marginBottom-6Large": "_marginBottom-6Large_1whn1_866", "marginBottom-5Large": "_marginBottom-5Large_1whn1_870", "marginBottom-4Large": "_marginBottom-4Large_1whn1_874", "marginBottom-3Large": "_marginBottom-3Large_1whn1_878", "marginBottom-2Large": "_marginBottom-2Large_1whn1_882", "marginBottom-1Large": "_marginBottom-1Large_1whn1_886", "marginBottom0Large": "_marginBottom0Large_1whn1_890", "marginBottom1Large": "_marginBottom1Large_1whn1_894", "marginBottom2Large": "_marginBottom2Large_1whn1_898", "marginBottom3Large": "_marginBottom3Large_1whn1_902", "marginBottom4Large": "_marginBottom4Large_1whn1_906", "marginBottom5Large": "_marginBottom5Large_1whn1_910", "marginBottom6Large": "_marginBottom6Large_1whn1_914", "marginBottom7Large": "_marginBottom7Large_1whn1_918", "marginBottom8Large": "_marginBottom8Large_1whn1_922", "marginBottom9Large": "_marginBottom9Large_1whn1_926", "marginBottom10Large": "_marginBottom10Large_1whn1_930", "marginBottom11Large": "_marginBottom11Large_1whn1_934", "marginBottom12Large": "_marginBottom12Large_1whn1_938", "marginBottomautoLarge": "_marginBottomautoLarge_1whn1_942", "marginEnd-12Large": "_marginEnd-12Large_1whn1_946", "marginEnd-11Large": "_marginEnd-11Large_1whn1_950", "marginEnd-10Large": "_marginEnd-10Large_1whn1_954", "marginEnd-9Large": "_marginEnd-9Large_1whn1_958", "marginEnd-8Large": "_marginEnd-8Large_1whn1_962", "marginEnd-7Large": "_marginEnd-7Large_1whn1_966", "marginEnd-6Large": "_marginEnd-6Large_1whn1_970", "marginEnd-5Large": "_marginEnd-5Large_1whn1_974", "marginEnd-4Large": "_marginEnd-4Large_1whn1_978", "marginEnd-3Large": "_marginEnd-3Large_1whn1_982", "marginEnd-2Large": "_marginEnd-2Large_1whn1_986", "marginEnd-1Large": "_marginEnd-1Large_1whn1_990", "marginEnd0Large": "_marginEnd0Large_1whn1_994", "marginEnd1Large": "_marginEnd1Large_1whn1_998", "marginEnd2Large": "_marginEnd2Large_1whn1_1002", "marginEnd3Large": "_marginEnd3Large_1whn1_1006", "marginEnd4Large": "_marginEnd4Large_1whn1_1010", "marginEnd5Large": "_marginEnd5Large_1whn1_1014", "marginEnd6Large": "_marginEnd6Large_1whn1_1018", "marginEnd7Large": "_marginEnd7Large_1whn1_1022", "marginEnd8Large": "_marginEnd8Large_1whn1_1026", "marginEnd9Large": "_marginEnd9Large_1whn1_1030", "marginEnd10Large": "_marginEnd10Large_1whn1_1034", "marginEnd11Large": "_marginEnd11Large_1whn1_1038", "marginEnd12Large": "_marginEnd12Large_1whn1_1042", "marginEndautoLarge": "_marginEndautoLarge_1whn1_1046", "marginStart-12Large": "_marginStart-12Large_1whn1_1050", "marginStart-11Large": "_marginStart-11Large_1whn1_1054", "marginStart-10Large": "_marginStart-10Large_1whn1_1058", "marginStart-9Large": "_marginStart-9Large_1whn1_1062", "marginStart-8Large": "_marginStart-8Large_1whn1_1066", "marginStart-7Large": "_marginStart-7Large_1whn1_1070", "marginStart-6Large": "_marginStart-6Large_1whn1_1074", "marginStart-5Large": "_marginStart-5Large_1whn1_1078", "marginStart-4Large": "_marginStart-4Large_1whn1_1082", "marginStart-3Large": "_marginStart-3Large_1whn1_1086", "marginStart-2Large": "_marginStart-2Large_1whn1_1090", "marginStart-1Large": "_marginStart-1Large_1whn1_1094", "marginStart0Large": "_marginStart0Large_1whn1_1098", "marginStart1Large": "_marginStart1Large_1whn1_1102", "marginStart2Large": "_marginStart2Large_1whn1_1106", "marginStart3Large": "_marginStart3Large_1whn1_1110", "marginStart4Large": "_marginStart4Large_1whn1_1114", "marginStart5Large": "_marginStart5Large_1whn1_1118", "marginStart6Large": "_marginStart6Large_1whn1_1122", "marginStart7Large": "_marginStart7Large_1whn1_1126", "marginStart8Large": "_marginStart8Large_1whn1_1130", "marginStart9Large": "_marginStart9Large_1whn1_1134", "marginStart10Large": "_marginStart10Large_1whn1_1138", "marginStart11Large": "_marginStart11Large_1whn1_1142", "marginStart12Large": "_marginStart12Large_1whn1_1146", "marginStartautoLarge": "_marginStartautoLarge_1whn1_1150", "marginTop-12Large": "_marginTop-12Large_1whn1_1154", "marginTop-11Large": "_marginTop-11Large_1whn1_1158", "marginTop-10Large": "_marginTop-10Large_1whn1_1162", "marginTop-9Large": "_marginTop-9Large_1whn1_1166", "marginTop-8Large": "_marginTop-8Large_1whn1_1170", "marginTop-7Large": "_marginTop-7Large_1whn1_1174", "marginTop-6Large": "_marginTop-6Large_1whn1_1178", "marginTop-5Large": "_marginTop-5Large_1whn1_1182", "marginTop-4Large": "_marginTop-4Large_1whn1_1186", "marginTop-3Large": "_marginTop-3Large_1whn1_1190", "marginTop-2Large": "_marginTop-2Large_1whn1_1194", "marginTop-1Large": "_marginTop-1Large_1whn1_1198", "marginTop0Large": "_marginTop0Large_1whn1_1202", "marginTop1Large": "_marginTop1Large_1whn1_1206", "marginTop2Large": "_marginTop2Large_1whn1_1210", "marginTop3Large": "_marginTop3Large_1whn1_1214", "marginTop4Large": "_marginTop4Large_1whn1_1218", "marginTop5Large": "_marginTop5Large_1whn1_1222", "marginTop6Large": "_marginTop6Large_1whn1_1226", "marginTop7Large": "_marginTop7Large_1whn1_1230", "marginTop8Large": "_marginTop8Large_1whn1_1234", "marginTop9Large": "_marginTop9Large_1whn1_1238", "marginTop10Large": "_marginTop10Large_1whn1_1242", "marginTop11Large": "_marginTop11Large_1whn1_1246", "marginTop12Large": "_marginTop12Large_1whn1_1250", "marginTopautoLarge": "_marginTopautoLarge_1whn1_1254" };
208
-
209
- // css-module:./padding.module.css#css-module
210
- var padding_module_default = { "paddingX0": "_paddingX0_1aqye_2", "paddingX1": "_paddingX1_1aqye_7", "paddingX2": "_paddingX2_1aqye_12", "paddingX3": "_paddingX3_1aqye_17", "paddingX4": "_paddingX4_1aqye_22", "paddingX5": "_paddingX5_1aqye_27", "paddingX6": "_paddingX6_1aqye_32", "paddingX7": "_paddingX7_1aqye_37", "paddingX8": "_paddingX8_1aqye_42", "paddingX9": "_paddingX9_1aqye_47", "paddingX10": "_paddingX10_1aqye_52", "paddingX11": "_paddingX11_1aqye_57", "paddingX12": "_paddingX12_1aqye_62", "paddingY0": "_paddingY0_1aqye_67", "paddingY1": "_paddingY1_1aqye_72", "paddingY2": "_paddingY2_1aqye_77", "paddingY3": "_paddingY3_1aqye_82", "paddingY4": "_paddingY4_1aqye_87", "paddingY5": "_paddingY5_1aqye_92", "paddingY6": "_paddingY6_1aqye_97", "paddingY7": "_paddingY7_1aqye_102", "paddingY8": "_paddingY8_1aqye_107", "paddingY9": "_paddingY9_1aqye_112", "paddingY10": "_paddingY10_1aqye_117", "paddingY11": "_paddingY11_1aqye_122", "paddingY12": "_paddingY12_1aqye_127", "paddingX0Small": "_paddingX0Small_1aqye_134", "paddingX1Small": "_paddingX1Small_1aqye_139", "paddingX2Small": "_paddingX2Small_1aqye_144", "paddingX3Small": "_paddingX3Small_1aqye_149", "paddingX4Small": "_paddingX4Small_1aqye_154", "paddingX5Small": "_paddingX5Small_1aqye_159", "paddingX6Small": "_paddingX6Small_1aqye_164", "paddingX7Small": "_paddingX7Small_1aqye_169", "paddingX8Small": "_paddingX8Small_1aqye_174", "paddingX9Small": "_paddingX9Small_1aqye_179", "paddingX10Small": "_paddingX10Small_1aqye_184", "paddingX11Small": "_paddingX11Small_1aqye_189", "paddingX12Small": "_paddingX12Small_1aqye_194", "paddingY0Small": "_paddingY0Small_1aqye_199", "paddingY1Small": "_paddingY1Small_1aqye_204", "paddingY2Small": "_paddingY2Small_1aqye_209", "paddingY3Small": "_paddingY3Small_1aqye_214", "paddingY4Small": "_paddingY4Small_1aqye_219", "paddingY5Small": "_paddingY5Small_1aqye_224", "paddingY6Small": "_paddingY6Small_1aqye_229", "paddingY7Small": "_paddingY7Small_1aqye_234", "paddingY8Small": "_paddingY8Small_1aqye_239", "paddingY9Small": "_paddingY9Small_1aqye_244", "paddingY10Small": "_paddingY10Small_1aqye_249", "paddingY11Small": "_paddingY11Small_1aqye_254", "paddingY12Small": "_paddingY12Small_1aqye_259", "paddingX0Large": "_paddingX0Large_1aqye_267", "paddingX1Large": "_paddingX1Large_1aqye_272", "paddingX2Large": "_paddingX2Large_1aqye_277", "paddingX3Large": "_paddingX3Large_1aqye_282", "paddingX4Large": "_paddingX4Large_1aqye_287", "paddingX5Large": "_paddingX5Large_1aqye_292", "paddingX6Large": "_paddingX6Large_1aqye_297", "paddingX7Large": "_paddingX7Large_1aqye_302", "paddingX8Large": "_paddingX8Large_1aqye_307", "paddingX9Large": "_paddingX9Large_1aqye_312", "paddingX10Large": "_paddingX10Large_1aqye_317", "paddingX11Large": "_paddingX11Large_1aqye_322", "paddingX12Large": "_paddingX12Large_1aqye_327", "paddingY0Large": "_paddingY0Large_1aqye_332", "paddingY1Large": "_paddingY1Large_1aqye_337", "paddingY2Large": "_paddingY2Large_1aqye_342", "paddingY3Large": "_paddingY3Large_1aqye_347", "paddingY4Large": "_paddingY4Large_1aqye_352", "paddingY5Large": "_paddingY5Large_1aqye_357", "paddingY6Large": "_paddingY6Large_1aqye_362", "paddingY7Large": "_paddingY7Large_1aqye_367", "paddingY8Large": "_paddingY8Large_1aqye_372", "paddingY9Large": "_paddingY9Large_1aqye_377", "paddingY10Large": "_paddingY10Large_1aqye_382", "paddingY11Large": "_paddingY11Large_1aqye_387", "paddingY12Large": "_paddingY12Large_1aqye_392" };
211
-
212
- // css-module:../rounding.module.css#css-module
213
- var rounding_module_default = { "roundingsm": "_roundingsm_1bo6p_2", "roundingmd": "_roundingmd_1bo6p_6", "roundinglg": "_roundinglg_1bo6p_10", "roundingxl": "_roundingxl_1bo6p_14", "roundingfull": "_roundingfull_1bo6p_18" };
214
-
215
- // src/Box/Box.tsx
216
- import { forwardRef } from "react";
217
- import { jsx as jsx3 } from "react/jsx-runtime";
218
- var Box = forwardRef(function Box2(props, ref) {
219
- var _c;
220
- const _a = props, { as: BoxElement = "div", children } = _a, boxProps = __objRest(_a, ["as", "children"]);
221
- const _b = boxProps, {
222
- alignItems: alignItems,
223
- smAlignItems,
224
- lgAlignItems,
225
- alignSelf,
226
- backgroundColor: backgroundColor2,
227
- direction,
228
- smDirection,
229
- lgDirection,
230
- display,
231
- smDisplay,
232
- lgDisplay,
233
- flex,
234
- flexWrap,
235
- gap: gap2,
236
- justifyContent,
237
- smJustifyContent,
238
- lgJustifyContent,
239
- margin: margin,
240
- marginBottom,
241
- marginEnd,
242
- marginStart,
243
- marginTop,
244
- smMargin,
245
- smMarginBottom,
246
- smMarginEnd,
247
- smMarginStart,
248
- smMarginTop,
249
- lgMargin,
250
- lgMarginBottom,
251
- lgMarginEnd,
252
- lgMarginStart,
253
- lgMarginTop,
254
- overflow: overflow,
255
- overflowX,
256
- overflowY,
257
- padding: padding,
258
- paddingX,
259
- paddingY,
260
- smPadding,
261
- smPaddingX,
262
- smPaddingY,
263
- lgPadding,
264
- lgPaddingX,
265
- lgPaddingY,
266
- position,
267
- rounding,
268
- dangerouslySetInlineStyle: dangerouslySetInlineStyle,
269
- height,
270
- maxHeight,
271
- maxWidth,
272
- minHeight,
273
- minWidth,
274
- width
275
- } = _b, maybePassThroughProps = __objRest(_b, [
276
- // Classname
277
- "alignItems",
278
- "smAlignItems",
279
- "lgAlignItems",
280
- "alignSelf",
281
- "backgroundColor",
282
- "direction",
283
- "smDirection",
284
- "lgDirection",
285
- "display",
286
- "smDisplay",
287
- "lgDisplay",
288
- "flex",
289
- "flexWrap",
290
- "gap",
291
- "justifyContent",
292
- "smJustifyContent",
293
- "lgJustifyContent",
294
- // Margin
295
- "margin",
296
- "marginBottom",
297
- "marginEnd",
298
- "marginStart",
299
- "marginTop",
300
- "smMargin",
301
- "smMarginBottom",
302
- "smMarginEnd",
303
- "smMarginStart",
304
- "smMarginTop",
305
- "lgMargin",
306
- "lgMarginBottom",
307
- "lgMarginEnd",
308
- "lgMarginStart",
309
- "lgMarginTop",
310
- // Overflow
311
- "overflow",
312
- "overflowX",
313
- "overflowY",
314
- // Padding
315
- "padding",
316
- "paddingX",
317
- "paddingY",
318
- "smPadding",
319
- "smPaddingX",
320
- "smPaddingY",
321
- "lgPadding",
322
- "lgPaddingX",
323
- "lgPaddingY",
324
- "position",
325
- "rounding",
326
- // Style
327
- "dangerouslySetInlineStyle",
328
- "height",
329
- "maxHeight",
330
- "maxWidth",
331
- "minHeight",
332
- "minWidth",
333
- "width"
334
- ]);
335
- const parsedProps = {
336
- className: (0, import_classnames3.default)(
337
- Box_module_default.box,
338
- alignItems && Box_module_default[`alignItems${alignItems}`],
339
- smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
340
- lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
341
- alignSelf && Box_module_default[`alignSelf${alignSelf}`],
342
- backgroundColor2 && colors_module_default[`${backgroundColor2}BackgroundColor`],
343
- direction && Box_module_default[direction],
344
- smDirection && Box_module_default[`${smDirection}Small`],
345
- lgDirection && Box_module_default[`${lgDirection}Large`],
346
- display && Box_module_default[display],
347
- smDisplay && Box_module_default[`${smDisplay}Small`],
348
- lgDisplay && Box_module_default[`${lgDisplay}Large`],
349
- flex && (flex === "none" || flex === "grow") && Box_module_default[`flex${flex}`],
350
- flexWrap && Box_module_default.flexWrap,
351
- gap2 != null && Box_module_default[`gap${gap2}`],
352
- margin != null && !marginBottom && margin_module_default[`marginBottom${margin}`],
353
- margin != null && !marginEnd && margin_module_default[`marginEnd${margin}`],
354
- margin != null && !marginStart && margin_module_default[`marginStart${margin}`],
355
- margin != null && !marginTop && margin_module_default[`marginTop${margin}`],
356
- marginBottom != null && margin_module_default[`marginBottom${marginBottom}`],
357
- marginEnd != null && margin_module_default[`marginEnd${marginEnd}`],
358
- marginStart != null && margin_module_default[`marginStart${marginStart}`],
359
- marginTop != null && margin_module_default[`marginTop${marginTop}`],
360
- smMargin != null && !smMarginBottom && margin_module_default[`marginBottom${smMargin}Small`],
361
- smMargin != null && !smMarginEnd && margin_module_default[`marginEnd${smMargin}Small`],
362
- smMargin != null && !smMarginStart && margin_module_default[`marginStart${smMargin}Small`],
363
- smMargin != null && !smMarginTop && margin_module_default[`marginTop${smMargin}Small`],
364
- smMarginBottom != null && margin_module_default[`marginBottom${smMarginBottom}Small`],
365
- smMarginEnd != null && margin_module_default[`marginEnd${smMarginEnd}Small`],
366
- smMarginStart != null && margin_module_default[`marginStart${smMarginStart}Small`],
367
- smMarginTop != null && margin_module_default[`marginTop${smMarginTop}Small`],
368
- lgMargin != null && !lgMarginBottom && margin_module_default[`marginBottom${lgMargin}Large`],
369
- lgMargin != null && !lgMarginEnd && margin_module_default[`marginEnd${lgMargin}Large`],
370
- lgMargin != null && !lgMarginStart && margin_module_default[`marginStart${lgMargin}Large`],
371
- lgMargin != null && !lgMarginTop && margin_module_default[`marginTop${lgMargin}Large`],
372
- lgMarginBottom != null && margin_module_default[`marginBottom${lgMarginBottom}Large`],
373
- lgMarginEnd != null && margin_module_default[`marginEnd${lgMarginEnd}Large`],
374
- lgMarginStart != null && margin_module_default[`marginStart${lgMarginStart}Large`],
375
- lgMarginTop != null && margin_module_default[`marginTop${lgMarginTop}Large`],
376
- padding != null && !paddingX && padding_module_default[`paddingX${padding}`],
377
- padding != null && !paddingY && padding_module_default[`paddingY${padding}`],
378
- paddingX != null && padding_module_default[`paddingX${paddingX}`],
379
- paddingY != null && padding_module_default[`paddingY${paddingY}`],
380
- smPadding != null && !smPaddingX && padding_module_default[`paddingX${smPadding}Small`],
381
- smPadding != null && !smPaddingY && padding_module_default[`paddingY${smPadding}Small`],
382
- smPaddingX != null && padding_module_default[`paddingX${smPaddingX}Small`],
383
- smPaddingY != null && padding_module_default[`paddingY${smPaddingY}Small`],
384
- lgPadding != null && !lgPaddingX && padding_module_default[`paddingX${lgPadding}Large`],
385
- lgPadding != null && !lgPaddingX && padding_module_default[`paddingY${lgPadding}Large`],
386
- lgPaddingX != null && padding_module_default[`paddingX${lgPaddingX}Large`],
387
- lgPaddingY != null && padding_module_default[`paddingY${lgPaddingY}Large`],
388
- justifyContent && Box_module_default[`justifyContent${justifyContent}`],
389
- smJustifyContent && Box_module_default[`justifyContent${smJustifyContent}Small`],
390
- lgJustifyContent && Box_module_default[`justifyContent${lgJustifyContent}Large`],
391
- position && position !== "static" && Box_module_default[position],
392
- rounding && rounding !== "none" && rounding_module_default[`rounding${rounding}`],
393
- overflow && Box_module_default[`overflow${overflow}`],
394
- overflowX && Box_module_default[`overflowX${overflowX}`],
395
- overflowY && Box_module_default[`overflowY${overflowY}`]
396
- ),
397
- style: __spreadValues({
398
- height,
399
- maxHeight,
400
- maxWidth,
401
- minHeight,
402
- minWidth,
403
- width
404
- }, (_c = dangerouslySetInlineStyle == null ? void 0 : dangerouslySetInlineStyle.__style) != null ? _c : {})
405
- };
406
- const passthroughProps = Object.entries(maybePassThroughProps).reduce((acc, [key]) => {
407
- if (key === "id" || key === "role" || key.startsWith("aria-") || key.startsWith("data-testid")) {
408
- acc[key] = maybePassThroughProps[key];
409
- }
410
- return acc;
411
- }, {});
412
- return /* @__PURE__ */ jsx3(BoxElement, __spreadProps(__spreadValues(__spreadValues({}, parsedProps), passthroughProps), { ref, children }));
413
- });
414
- var Box_default = Box;
415
-
416
- // css-module:./Badge.module.css#css-module
417
- var Badge_module_default = { "icon": "_icon_1g9xb_1" };
418
-
419
- // src/Badge/Badge.tsx
420
- import { jsx as jsx4, jsxs } from "react/jsx-runtime";
421
- var textColorForBackgroundColor = (color) => {
422
- switch (color) {
423
- case "gray200":
424
- case "yellow700":
425
- return "gray900";
426
- default:
427
- return "white";
428
- }
429
- };
430
- var Badge = ({
431
- icon: Icon,
432
- text,
433
- color = "primary700"
434
- }) => /* @__PURE__ */ jsx4(
435
- Box_default,
436
- {
437
- display: "inlineBlock",
438
- paddingX: 2,
439
- paddingY: 1,
440
- rounding: "full",
441
- backgroundColor: color,
442
- children: /* @__PURE__ */ jsx4(Typography_default, { color: textColorForBackgroundColor(color), size: 100, children: /* @__PURE__ */ jsxs(Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
443
- Icon && /* @__PURE__ */ jsx4(Icon, { className: Badge_module_default.icon }),
444
- /* @__PURE__ */ jsx4(
445
- Typography_default,
446
- {
447
- color: textColorForBackgroundColor(color),
448
- size: 100,
449
- weight: "bold",
450
- children: text
451
- }
452
- )
453
- ] }) })
454
- }
455
- );
456
- var Badge_default = Badge;
457
-
458
- // src/Button/Button.tsx
459
- var import_classnames4 = __toESM(require_classnames());
460
- import { forwardRef as forwardRef2 } from "react";
461
-
462
- // css-module:./colors.module.css#css-module
463
- var colors_module_default2 = { "inheritColor": "_inheritColor_11l4y_2", "destructive700Color": "_destructive700Color_11l4y_6", "gray700Color": "_gray700Color_11l4y_10", "gray900Color": "_gray900Color_11l4y_14", "primary700Color": "_primary700Color_11l4y_18", "success700Color": "_success700Color_11l4y_22", "whiteColor": "_whiteColor_11l4y_26", "blackBackgroundColor": "_blackBackgroundColor_11l4y_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_11l4y_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_11l4y_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_11l4y_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_11l4y_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_11l4y_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_11l4y_55", "gray10BackgroundColor": "_gray10BackgroundColor_11l4y_59", "gray30BackgroundColor": "_gray30BackgroundColor_11l4y_63", "gray60BackgroundColor": "_gray60BackgroundColor_11l4y_67", "gray80BackgroundColor": "_gray80BackgroundColor_11l4y_71", "gray100BackgroundColor": "_gray100BackgroundColor_11l4y_75", "gray200BackgroundColor": "_gray200BackgroundColor_11l4y_79", "gray300BackgroundColor": "_gray300BackgroundColor_11l4y_83", "gray700BackgroundColor": "_gray700BackgroundColor_11l4y_87", "gray800BackgroundColor": "_gray800BackgroundColor_11l4y_91", "gray900BackgroundColor": "_gray900BackgroundColor_11l4y_95", "orange100BackgroundColor": "_orange100BackgroundColor_11l4y_99", "orange200BackgroundColor": "_orange200BackgroundColor_11l4y_103", "orange300BackgroundColor": "_orange300BackgroundColor_11l4y_107", "orange700BackgroundColor": "_orange700BackgroundColor_11l4y_111", "orange800BackgroundColor": "_orange800BackgroundColor_11l4y_115", "orange900BackgroundColor": "_orange900BackgroundColor_11l4y_119", "primary100BackgroundColor": "_primary100BackgroundColor_11l4y_123", "primary200BackgroundColor": "_primary200BackgroundColor_11l4y_127", "primary300BackgroundColor": "_primary300BackgroundColor_11l4y_131", "primary700BackgroundColor": "_primary700BackgroundColor_11l4y_135", "primary800BackgroundColor": "_primary800BackgroundColor_11l4y_139", "primary900BackgroundColor": "_primary900BackgroundColor_11l4y_143", "success100BackgroundColor": "_success100BackgroundColor_11l4y_147", "success200BackgroundColor": "_success200BackgroundColor_11l4y_151", "success300BackgroundColor": "_success300BackgroundColor_11l4y_155", "success700BackgroundColor": "_success700BackgroundColor_11l4y_159", "success800BackgroundColor": "_success800BackgroundColor_11l4y_163", "success900BackgroundColor": "_success900BackgroundColor_11l4y_167", "purple100BackgroundColor": "_purple100BackgroundColor_11l4y_171", "purple200BackgroundColor": "_purple200BackgroundColor_11l4y_175", "purple300BackgroundColor": "_purple300BackgroundColor_11l4y_179", "purple700BackgroundColor": "_purple700BackgroundColor_11l4y_183", "purple800BackgroundColor": "_purple800BackgroundColor_11l4y_187", "purple900BackgroundColor": "_purple900BackgroundColor_11l4y_191", "whiteBackgroundColor": "_whiteBackgroundColor_11l4y_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_11l4y_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_11l4y_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_11l4y_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_11l4y_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_11l4y_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_11l4y_219" };
464
-
465
- // src/colors/backgroundColor.ts
466
- function backgroundColor(color) {
467
- switch (color) {
468
- case "secondary":
469
- return colors_module_default2.primary100BackgroundColor;
470
- case "destructive-primary":
471
- return colors_module_default2.destructive700BackgroundColor;
472
- case "destructive-secondary":
473
- return colors_module_default2.destructive100BackgroundColor;
474
- case "success":
475
- return colors_module_default2.success700BackgroundColor;
476
- case "tertiary":
477
- case "destructive-tertiary":
478
- return colors_module_default2.whiteBackgroundColor;
479
- case "branded":
480
- return colors_module_default2.yellow700BackgroundColor;
481
- case "inverse":
482
- return colors_module_default2.gray60BackgroundColor;
483
- default:
484
- return colors_module_default2.primary700BackgroundColor;
485
- }
486
- }
487
-
488
- // src/colors/foregroundColor.ts
489
- function foregroundColor(color) {
490
- switch (color) {
491
- case "secondary":
492
- case "tertiary":
493
- return colors_module_default2.primary700Color;
494
- case "destructive-secondary":
495
- case "destructive-tertiary":
496
- return colors_module_default2.destructive700Color;
497
- case "branded":
498
- return colors_module_default2.gray900Color;
499
- case "inverse":
500
- return colors_module_default2.whiteColor;
501
- default:
502
- return colors_module_default2.whiteColor;
503
- }
504
- }
505
-
506
- // src/colors/foregroundTypographyColor.ts
507
- function foregroundTypographyColor(color) {
508
- switch (color) {
509
- case "secondary":
510
- case "tertiary":
511
- return "primary";
512
- case "destructive-secondary":
513
- case "destructive-tertiary":
514
- return "destructive-primary";
515
- case "branded":
516
- return "gray900";
517
- case "inverse":
518
- return "white";
519
- default:
520
- return "white";
521
- }
522
- }
523
-
524
- // css-module:../Button.module.css#css-module
525
- var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
526
-
527
- // src/Button/constants/iconSize.ts
528
- var iconSize = {
529
- ["sm"]: Button_module_default.smIcon,
530
- ["md"]: Button_module_default.mdIcon,
531
- ["lg"]: Button_module_default.lgIcon
532
- };
533
- var iconSize_default = iconSize;
534
-
535
- // src/Button/constants/textVariant.ts
536
- var textVariant = {
537
- ["sm"]: 100,
538
- ["md"]: 200,
539
- ["lg"]: 300
540
- };
541
- var textVariant_default = textVariant;
542
-
543
- // src/Button/constants/loadingIconSize.ts
544
- var loadingIconSize = {
545
- ["sm"]: 16,
546
- ["md"]: 20,
547
- ["lg"]: 24
548
- };
549
- var loadingIconSize_default = loadingIconSize;
550
-
551
- // css-module:./Button.module.css#css-module
552
- var Button_module_default2 = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
553
-
554
- // src/useIsHydrated.tsx
555
- import { useEffect, useState } from "react";
556
- function useIsHydrated() {
557
- const [isHydrated, setIsHydrated] = useState(false);
558
- useEffect(() => {
559
- setIsHydrated(true);
560
- }, []);
561
- return isHydrated;
562
- }
563
-
564
- // src/Button/Button.tsx
565
- import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
566
- var Button = forwardRef2(
567
- ({
568
- "data-testid": dataTestId,
569
- text,
570
- loadingText,
571
- color = "primary",
572
- size = "md",
573
- accessibilityLabel,
574
- disabled = false,
575
- loading = false,
576
- fullWidth = false,
577
- startIcon: StartIcon,
578
- endIcon: EndIcon,
579
- onClick,
580
- tooltip,
581
- type = "button"
582
- }, ref) => {
583
- const isHydrated = useIsHydrated();
584
- return /* @__PURE__ */ jsxs2(
585
- "button",
586
- {
587
- "data-testid": dataTestId,
588
- ref,
589
- "aria-label": accessibilityLabel,
590
- type,
591
- title: tooltip,
592
- disabled: !isHydrated || disabled || loading,
593
- onClick,
594
- className: (0, import_classnames4.default)(
595
- Button_module_default2.button,
596
- foregroundColor(color),
597
- backgroundColor(color),
598
- Button_module_default2[size],
599
- {
600
- [Button_module_default2.fullWidth]: fullWidth,
601
- [Button_module_default2.buttonGap]: size === "lg" || size === "md",
602
- [Button_module_default2.secondaryBorder]: color === "secondary",
603
- [Button_module_default2.secondaryDestructiveBorder]: color === "destructive-secondary"
604
- }
605
- ),
606
- children: [
607
- !loading && StartIcon && /* @__PURE__ */ jsx5(StartIcon, { className: (0, import_classnames4.default)(Button_module_default2.icon, iconSize_default[size]) }),
608
- (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx5(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx5(
609
- Typography_default,
610
- {
611
- size: textVariant_default[size],
612
- color: foregroundTypographyColor(color),
613
- children: /* @__PURE__ */ jsx5("span", { style: { fontWeight: 500 }, children: loading ? loadingText : text })
614
- }
615
- ) }),
616
- !loading && EndIcon && /* @__PURE__ */ jsx5(EndIcon, { className: (0, import_classnames4.default)(Button_module_default2.icon, iconSize_default[size]) }),
617
- loading && /* @__PURE__ */ jsx5(
618
- "svg",
619
- {
620
- className: (0, import_classnames4.default)(Button_module_default2.loading, foregroundColor(color)),
621
- viewBox: "22 22 44 44",
622
- width: loadingIconSize_default[size],
623
- height: loadingIconSize_default[size],
624
- children: /* @__PURE__ */ jsx5(
625
- "circle",
626
- {
627
- className: Button_module_default2.loadingCircle,
628
- cx: "44",
629
- cy: "44",
630
- r: "20.2",
631
- fill: "none",
632
- strokeWidth: "3.6"
633
- }
634
- )
635
- }
636
- )
637
- ]
638
- }
639
- );
640
- }
641
- );
642
- Button.displayName = "Button";
643
- var Button_default = Button;
644
-
645
- // css-module:./ButtonGroup.module.css#css-module
646
- var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_1f9x9_1", "horizontal": "_horizontal_1f9x9_5", "vertical": "_vertical_1f9x9_9", "smallGap": "_smallGap_1f9x9_13", "mediumGap": "_mediumGap_1f9x9_17", "largeGap": "_largeGap_1f9x9_21" };
647
-
648
- // src/ButtonGroup/ButtonGroup.tsx
649
- var import_classnames5 = __toESM(require_classnames());
650
- import { jsx as jsx6 } from "react/jsx-runtime";
651
- var gap = {
652
- ["sm"]: ButtonGroup_module_default.smallGap,
653
- ["md"]: ButtonGroup_module_default.mediumGap,
654
- ["lg"]: ButtonGroup_module_default.largeGap
655
- };
656
- var ButtonGroup = ({
657
- orientation = "horizontal",
658
- size = "md",
659
- children
660
- }) => {
661
- const classnames4 = (0, import_classnames5.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
662
- [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
663
- [ButtonGroup_module_default.vertical]: orientation === "vertical"
664
- });
665
- return /* @__PURE__ */ jsx6("div", { className: classnames4, children });
666
- };
667
- var ButtonGroup_default = ButtonGroup;
668
-
669
- // src/Card/Card.tsx
670
- import { jsx as jsx7 } from "react/jsx-runtime";
671
- function Card({
672
- children,
673
- size,
674
- "data-testid": dataTestId
675
- }) {
676
- const sizeWidth2 = {
677
- sm: 352,
678
- lg: 744
679
- };
680
- return /* @__PURE__ */ jsx7(
681
- Box_default,
682
- {
683
- rounding: "lg",
684
- padding: 5,
685
- smPadding: 7,
686
- lgPadding: 7,
687
- maxWidth: size && sizeWidth2[size],
688
- width: "100%",
689
- backgroundColor: "white",
690
- "data-testid": dataTestId,
691
- children
692
- }
693
- );
694
- }
695
-
696
- // src/Checkbox/Checkbox.tsx
697
- var import_classnames6 = __toESM(require_classnames());
698
- import { useState as useState3 } from "react";
699
-
700
- // src/useFocusVisible.tsx
701
- import { useState as useState2, useEffect as useEffect2 } from "react";
702
- var hasSetupGlobalListeners = false;
703
- var currentModality = null;
704
- var changeHandlers = /* @__PURE__ */ new Set();
705
- var hasEventBeforeFocus = false;
706
- var isMac = (
707
- // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
708
- typeof window !== "undefined" && window.navigator != null ? (
709
- // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
710
- /^Mac/.test(window.navigator.platform)
711
- ) : false
712
- );
713
- function isValidKey(e) {
714
- return !(e.metaKey || !isMac && e.altKey || e.ctrlKey);
715
- }
716
- function triggerChangeHandlers(modality, e) {
717
- changeHandlers.forEach((handler) => {
718
- handler(modality, e);
719
- });
720
- }
721
- function handleKeyboardEvent(e) {
722
- hasEventBeforeFocus = true;
723
- if (isValidKey(e)) {
724
- currentModality = "keyboard";
725
- triggerChangeHandlers("keyboard", e);
726
- }
727
- }
728
- function handlePointerEvent(e) {
729
- currentModality = "pointer";
730
- if (e.type === "mousedown" || e.type === "pointerdown") {
731
- hasEventBeforeFocus = true;
732
- triggerChangeHandlers("pointer", e);
733
- }
734
- }
735
- function handleFocusEvent(e) {
736
- if (e.target === window || e.target === document) {
737
- return;
738
- }
739
- if (!hasEventBeforeFocus) {
740
- currentModality = "keyboard";
741
- triggerChangeHandlers("keyboard", e);
742
- }
743
- hasEventBeforeFocus = false;
744
- }
745
- function handleWindowBlur() {
746
- hasEventBeforeFocus = false;
747
- }
748
- function isFocusVisible() {
749
- return currentModality !== "pointer";
750
- }
751
- function setupGlobalFocusEvents() {
752
- if (typeof window === "undefined" || hasSetupGlobalListeners) {
753
- return;
754
- }
755
- const { focus } = HTMLElement.prototype;
756
- HTMLElement.prototype.focus = function focusElement2(...args) {
757
- hasEventBeforeFocus = true;
758
- focus.apply(this, args);
759
- };
760
- document.addEventListener("keydown", handleKeyboardEvent, true);
761
- document.addEventListener("keyup", handleKeyboardEvent, true);
762
- window.addEventListener("focus", handleFocusEvent, true);
763
- window.addEventListener("blur", handleWindowBlur, false);
764
- if (typeof PointerEvent !== "undefined") {
765
- document.addEventListener("pointerdown", handlePointerEvent, true);
766
- document.addEventListener("pointermove", handlePointerEvent, true);
767
- document.addEventListener("pointerup", handlePointerEvent, true);
768
- } else {
769
- document.addEventListener("mousedown", handlePointerEvent, true);
770
- document.addEventListener("mousemove", handlePointerEvent, true);
771
- document.addEventListener("mouseup", handlePointerEvent, true);
772
- }
773
- hasSetupGlobalListeners = true;
774
- }
775
- function useFocusVisible() {
776
- setupGlobalFocusEvents();
777
- const [isFocusVisibleState, setFocusVisible] = useState2(isFocusVisible());
778
- useEffect2(() => {
779
- const handler = () => {
780
- setFocusVisible(isFocusVisible());
781
- };
782
- changeHandlers.add(handler);
783
- return () => {
784
- changeHandlers.delete(handler);
785
- };
786
- }, []);
787
- return { isFocusVisible: isFocusVisibleState };
788
- }
789
-
790
- // css-module:./Checkbox.module.css#css-module
791
- var Checkbox_module_default = { "mainContainer": "_mainContainer_an7al_1", "inputOverlay": "_inputOverlay_an7al_9", "checkbox": "_checkbox_an7al_17", "disabled": "_disabled_an7al_25", "cursorDisabled": "_cursorDisabled_an7al_29", "cursorEnabled": "_cursorEnabled_an7al_33", "uncheckedBox": "_uncheckedBox_an7al_37", "uncheckedBorder": "_uncheckedBorder_an7al_41", "uncheckedErrorBorder": "_uncheckedErrorBorder_an7al_45", "checkedBox": "_checkedBox_an7al_49", "checkedNonError": "_checkedNonError_an7al_53", "checkedError": "_checkedError_an7al_57", "sm": "_sm_an7al_61", "md": "_md_an7al_67" };
792
-
793
- // css-module:../Focus.module.css#css-module
794
- var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
795
-
796
- // src/Checkbox/Checkbox.tsx
797
- import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
798
- var typographySize = {
799
- sm: 100,
800
- md: 200
801
- };
802
- var iconWidth = {
803
- sm: 12,
804
- md: 20
805
- };
806
- var Checkbox = ({
807
- checked = false,
808
- "data-testid": dataTestId,
809
- disabled: disabledProp = false,
810
- size = "md",
811
- label,
812
- error = false,
813
- onChange
814
- }) => {
815
- const isHydrated = useIsHydrated();
816
- const disabled = !isHydrated || disabledProp;
817
- const [isFocused, setIsFocused] = useState3(false);
818
- const { isFocusVisible: isFocusVisible2 } = useFocusVisible();
819
- const checkboxStyling = (0, import_classnames6.default)(Checkbox_module_default.checkbox, Checkbox_module_default[size]);
820
- const uncheckedStyling = (0, import_classnames6.default)(checkboxStyling, Checkbox_module_default.uncheckedBox, {
821
- [Checkbox_module_default.uncheckedBorder]: !error,
822
- [Checkbox_module_default.uncheckedErrorBorder]: error,
823
- [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2
824
- });
825
- const checkedStyling = (0, import_classnames6.default)(checkboxStyling, Checkbox_module_default.checkedBox, {
826
- [Checkbox_module_default.checkedNonError]: !error,
827
- [Checkbox_module_default.checkedError]: error,
828
- [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2
829
- });
830
- return /* @__PURE__ */ jsxs3(
831
- "label",
832
- {
833
- className: (0, import_classnames6.default)(
834
- Checkbox_module_default.mainContainer,
835
- Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
836
- {
837
- [Checkbox_module_default.disabled]: disabled
838
- }
839
- ),
840
- children: [
841
- /* @__PURE__ */ jsx8("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx8("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx8(
842
- "path",
843
- {
844
- fill: "#fff",
845
- d: "m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z"
846
- }
847
- ) }) }),
848
- /* @__PURE__ */ jsx8(
849
- "input",
850
- {
851
- "data-testid": dataTestId,
852
- type: "checkbox",
853
- className: (0, import_classnames6.default)(
854
- Checkbox_module_default.inputOverlay,
855
- Checkbox_module_default[size],
856
- Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`]
857
- ),
858
- checked,
859
- onChange,
860
- disabled,
861
- onFocus: () => {
862
- setIsFocused(true);
863
- },
864
- onBlur: () => {
865
- setIsFocused(false);
866
- }
867
- }
868
- ),
869
- /* @__PURE__ */ jsx8(
870
- Typography_default,
871
- {
872
- size: typographySize[size],
873
- color: error ? "destructive-primary" : "gray800",
874
- children: label
875
- }
876
- )
877
- ]
878
- }
879
- );
880
- };
881
- var Checkbox_default = Checkbox;
882
-
883
- // src/Chip/Chip.tsx
884
- var import_classnames7 = __toESM(require_classnames());
885
- import { forwardRef as forwardRef3 } from "react";
886
-
887
- // css-module:./Chip.module.css#css-module
888
- var Chip_module_default = { "chip": "_chip_nvvgx_1", "disabled": "_disabled_nvvgx_12", "selectedChip": "_selectedChip_nvvgx_17", "icon": "_icon_nvvgx_22", "selectedIcon": "_selectedIcon_nvvgx_30", "sm": "_sm_nvvgx_34", "lg": "_lg_nvvgx_40" };
889
-
890
- // src/Chip/Chip.tsx
891
- import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
892
- var Chip = forwardRef3(
893
- ({
894
- selected = false,
895
- "data-testid": dataTestId,
896
- size = "sm",
897
- text,
898
- onChange,
899
- icon: Icon
900
- }, ref) => {
901
- const isHydrated = useIsHydrated();
902
- const disabled = !isHydrated;
903
- const chipStyles = (0, import_classnames7.default)(Chip_module_default.chip, Chip_module_default[size], {
904
- [Chip_module_default.selectedChip]: selected,
905
- [Chip_module_default.disabled]: disabled
906
- });
907
- const iconStyles = (0, import_classnames7.default)(Chip_module_default.icon, {
908
- [Chip_module_default.selectedIcon]: selected
909
- });
910
- const typographySize2 = {
911
- ["sm"]: 200,
912
- ["lg"]: 300
913
- };
914
- return /* @__PURE__ */ jsxs4(
915
- "button",
916
- {
917
- className: chipStyles,
918
- disabled,
919
- "data-testid": dataTestId,
920
- ref,
921
- type: "button",
922
- "aria-pressed": selected,
923
- onClick: onChange,
924
- children: [
925
- Icon && /* @__PURE__ */ jsx9(Icon, { className: iconStyles }),
926
- /* @__PURE__ */ jsx9(Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ jsx9(
927
- Typography_default,
928
- {
929
- size: typographySize2[size],
930
- color: selected ? "white" : "gray900",
931
- children: text
932
- }
933
- ) })
934
- ]
935
- }
936
- );
937
- }
938
- );
939
- Chip.displayName = "Chip";
940
- var Chip_default = Chip;
941
-
942
- // css-module:./Divider.module.css#css-module
943
- var Divider_module_default = { "divider": "_divider_ra8vz_1" };
944
-
945
- // src/Divider/Divider.tsx
946
- import { jsx as jsx10 } from "react/jsx-runtime";
947
- function Divider() {
948
- return /* @__PURE__ */ jsx10("hr", { className: Divider_module_default.divider });
949
- }
950
- Divider.displayName = "Divider";
951
-
952
- // src/Heading/Heading.tsx
953
- import { jsx as jsx11 } from "react/jsx-runtime";
954
- var Heading = ({
955
- align = "start",
956
- as = "h1",
957
- children,
958
- color = "gray900",
959
- "data-testid": dataTestId,
960
- lineClamp,
961
- size = 500
962
- }) => {
963
- const weight = [700, 800].includes(size) ? "heavy" : "bold";
964
- return /* @__PURE__ */ jsx11(
965
- Typography_default,
966
- {
967
- align,
968
- as,
969
- color,
970
- "data-testid": dataTestId,
971
- lineClamp,
972
- size,
973
- weight,
974
- children
975
- }
976
- );
977
- };
978
- var Heading_default = Heading;
979
-
980
- // src/IconButton/IconButton.tsx
981
- var import_classnames8 = __toESM(require_classnames());
982
- import { forwardRef as forwardRef4 } from "react";
983
-
984
- // css-module:./IconButton.module.css#css-module
985
- var IconButton_module_default = { "iconButton": "_iconButton_4e8qe_1", "sm": "_sm_4e8qe_46", "md": "_md_4e8qe_51", "lg": "_lg_4e8qe_56", "smIcon": "_smIcon_4e8qe_61", "mdIcon": "_mdIcon_4e8qe_68", "lgIcon": "_lgIcon_4e8qe_75", "secondaryBorder": "_secondaryBorder_4e8qe_82", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_4e8qe_86" };
986
-
987
- // src/IconButton/IconButton.tsx
988
- import { jsx as jsx12 } from "react/jsx-runtime";
989
- var iconSize2 = {
990
- ["sm"]: IconButton_module_default.smIcon,
991
- ["md"]: IconButton_module_default.mdIcon,
992
- ["lg"]: IconButton_module_default.lgIcon
993
- };
994
- var IconButton = forwardRef4(
995
- ({
996
- accessibilityLabel,
997
- color = "primary",
998
- "data-testid": dataTestId,
999
- disabled = false,
1000
- icon: Icon,
1001
- size = "md",
1002
- tooltip,
1003
- onClick
1004
- }, ref) => {
1005
- const isHydrated = useIsHydrated();
1006
- return /* @__PURE__ */ jsx12(
1007
- "button",
1008
- {
1009
- "aria-label": accessibilityLabel,
1010
- "data-testid": dataTestId,
1011
- type: "button",
1012
- title: tooltip,
1013
- disabled: !isHydrated || disabled,
1014
- onClick,
1015
- className: (0, import_classnames8.default)(
1016
- IconButton_module_default.iconButton,
1017
- foregroundColor(color),
1018
- backgroundColor(color),
1019
- IconButton_module_default[size],
1020
- {
1021
- [IconButton_module_default.secondaryBorder]: color === "secondary",
1022
- [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
1023
- }
1024
- ),
1025
- ref,
1026
- children: /* @__PURE__ */ jsx12(Icon, { className: iconSize2[size] })
1027
- }
1028
- );
1029
- }
1030
- );
1031
- IconButton.displayName = "IconButton";
1032
- var IconButton_default = IconButton;
1033
-
1034
- // src/LinkButton/LinkButton.tsx
1035
- var import_classnames9 = __toESM(require_classnames());
1036
- import { forwardRef as forwardRef5 } from "react";
1037
-
1038
- // css-module:../Button/Button.module.css#css-module
1039
- var Button_module_default3 = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
1040
-
1041
- // css-module:./LinkButton.module.css#css-module
1042
- var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
1043
-
1044
- // src/LinkButton/LinkButton.tsx
1045
- import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
1046
- var LinkButton = forwardRef5(
1047
- ({
1048
- text,
1049
- href,
1050
- target,
1051
- rel,
1052
- "data-testid": dataTestId,
1053
- color = "primary",
1054
- size = "md",
1055
- fullWidth = false,
1056
- startIcon: StartIcon,
1057
- endIcon: EndIcon,
1058
- onClick
1059
- }, ref) => {
1060
- return /* @__PURE__ */ jsxs5(
1061
- "a",
1062
- {
1063
- href,
1064
- "data-testid": dataTestId,
1065
- target,
1066
- ref,
1067
- rel,
1068
- className: (0, import_classnames9.default)(
1069
- LinkButton_module_default.linkButton,
1070
- Button_module_default3.button,
1071
- foregroundColor(color),
1072
- backgroundColor(color),
1073
- Button_module_default3[size],
1074
- {
1075
- [Button_module_default3.fullWidth]: fullWidth,
1076
- [LinkButton_module_default.fitContent]: !fullWidth,
1077
- [Button_module_default3.buttonGap]: size === "lg" || size === "md",
1078
- [Button_module_default3.secondaryBorder]: color === "secondary",
1079
- [Button_module_default3.secondaryDestructiveBorder]: color === "destructive-secondary"
1080
- }
1081
- ),
1082
- onClick,
1083
- children: [
1084
- StartIcon && /* @__PURE__ */ jsx13(
1085
- StartIcon,
1086
- {
1087
- className: (0, import_classnames9.default)(Button_module_default3.icon, iconSize_default[size])
1088
- }
1089
- ),
1090
- /* @__PURE__ */ jsx13(
1091
- Typography_default,
1092
- {
1093
- color: foregroundTypographyColor(color),
1094
- size: textVariant_default[size],
1095
- children: /* @__PURE__ */ jsx13("span", { style: { fontWeight: 500 }, children: text })
1096
- }
1097
- ),
1098
- EndIcon && /* @__PURE__ */ jsx13(EndIcon, { className: (0, import_classnames9.default)(Button_module_default3.icon, iconSize_default[size]) })
1099
- ]
1100
- }
1101
- );
1102
- }
1103
- );
1104
- LinkButton.displayName = "LinkButton";
1105
- var LinkButton_default = LinkButton;
1106
-
1107
- // src/Modal/Modal.tsx
1108
- var import_classnames10 = __toESM(require_classnames());
1109
-
1110
- // src/Modal/FocusTrap.tsx
1111
- import { useEffect as useEffect3, useRef } from "react";
1112
- import { jsx as jsx14 } from "react/jsx-runtime";
1113
- function queryFocusableAll(el) {
1114
- const selector = [
1115
- "a[href]",
1116
- "area[href]",
1117
- "input:not([disabled])",
1118
- "select:not([disabled])",
1119
- "textarea:not([disabled])",
1120
- "button:not([disabled])",
1121
- "iframe",
1122
- "object",
1123
- "embed",
1124
- '[tabindex="-1"]',
1125
- '[tabindex="0"]',
1126
- "[contenteditable]",
1127
- "audio[controls]",
1128
- "video[controls]",
1129
- "summary"
1130
- ].join(",");
1131
- return el.querySelectorAll(selector);
1132
- }
1133
- var focusElement = (el) => {
1134
- if (typeof el.focus === "function") {
1135
- el.focus();
1136
- }
1137
- };
1138
- function FocusTrap({
1139
- children
1140
- }) {
1141
- const elRef = useRef(null);
1142
- const previouslyFocusedElRef = useRef(null);
1143
- useEffect3(() => {
1144
- const { current: element } = elRef;
1145
- const focusFirstChild = () => {
1146
- const withinIframe = window !== window.parent;
1147
- if (element && !withinIframe) {
1148
- focusElement(queryFocusableAll(element)[0]);
1149
- }
1150
- };
1151
- const handleFocus = (event) => {
1152
- if (!element || event.target instanceof Node && element.contains(event.target)) {
1153
- return;
1154
- }
1155
- if (event.target instanceof Element && event.target.closest('[data-testid="syntax-focus-trap"]') !== null) {
1156
- return;
1157
- }
1158
- event.stopPropagation();
1159
- event.preventDefault();
1160
- focusFirstChild();
1161
- };
1162
- previouslyFocusedElRef.current = document.activeElement;
1163
- focusFirstChild();
1164
- document.addEventListener("focus", handleFocus, true);
1165
- return function cleanup() {
1166
- const { current: previouslyFocusedEl } = previouslyFocusedElRef;
1167
- document.removeEventListener("focus", handleFocus, true);
1168
- if (previouslyFocusedEl) {
1169
- focusElement(previouslyFocusedEl);
1170
- }
1171
- };
1172
- }, [elRef, previouslyFocusedElRef]);
1173
- return /* @__PURE__ */ jsx14("div", { "data-testid": "syntax-focus-trap", ref: elRef, children });
1174
- }
1175
-
1176
- // src/Modal/StopScroll.tsx
1177
- import { useEffect as useEffect4 } from "react";
1178
- function StopScroll(props) {
1179
- useEffect4(() => {
1180
- const originalStyle = window.getComputedStyle(document.body).overflow;
1181
- document.body.style.overflow = "hidden";
1182
- return () => {
1183
- document.body.style.overflow = originalStyle;
1184
- };
1185
- }, []);
1186
- return props.children;
1187
- }
1188
-
1189
- // src/Modal/Layer.tsx
1190
- import { createPortal } from "react-dom";
1191
- import { jsx as jsx15 } from "react/jsx-runtime";
1192
- function Layer({
1193
- children,
1194
- zIndex = 1
1195
- }) {
1196
- return typeof document !== "undefined" ? createPortal(
1197
- /* @__PURE__ */ jsx15(
1198
- Box_default,
1199
- {
1200
- "data-testid": "syntax-layer",
1201
- position: "fixed",
1202
- dangerouslySetInlineStyle: {
1203
- __style: { zIndex, inset: 0 }
1204
- },
1205
- children
1206
- }
1207
- ),
1208
- document.body
1209
- ) : null;
1210
- }
1211
-
1212
- // css-module:./Modal.module.css#css-module
1213
- var Modal_module_default = { "backdrop": "_backdrop_30t3h_1", "closeButton": "_closeButton_30t3h_12", "closeButtonWithImage": "_closeButtonWithImage_30t3h_32" };
1214
-
1215
- // src/Modal/Modal.tsx
1216
- import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
1217
- function XIcon({ color = "#000" }) {
1218
- return /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: color, children: /* @__PURE__ */ jsx16(
1219
- "path",
1220
- {
1221
- fill: "inherit",
1222
- d: "M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z"
1223
- }
1224
- ) });
1225
- }
1226
- var sizeWidth = {
1227
- sm: 400,
1228
- lg: 600
1229
- };
1230
- function Modal({
1231
- header,
1232
- children,
1233
- image,
1234
- onDismiss,
1235
- footer,
1236
- accessibilityCloseLabel = "close modal",
1237
- size = "sm",
1238
- zIndex = 1,
1239
- "data-testid": dataTestId
1240
- }) {
1241
- return /* @__PURE__ */ jsx16(Layer, { zIndex, children: /* @__PURE__ */ jsx16(StopScroll, { children: /* @__PURE__ */ jsx16(FocusTrap, { children: /* @__PURE__ */ jsx16(
1242
- "div",
1243
- {
1244
- className: Modal_module_default.backdrop,
1245
- role: "presentation",
1246
- onClick: (e) => e.target === e.currentTarget && onDismiss(),
1247
- onKeyDown: (e) => e.key === "Escape" && onDismiss(),
1248
- children: /* @__PURE__ */ jsxs6(
1249
- Box_default,
1250
- {
1251
- "data-testid": dataTestId,
1252
- backgroundColor: "white",
1253
- rounding: "xl",
1254
- display: "flex",
1255
- direction: "column",
1256
- minWidth: 240,
1257
- maxWidth: sizeWidth[size],
1258
- width: "100%",
1259
- dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
1260
- children: [
1261
- /* @__PURE__ */ jsx16(Box_default, { position: "relative", children: /* @__PURE__ */ jsx16(
1262
- "button",
1263
- {
1264
- "aria-label": accessibilityCloseLabel,
1265
- type: "button",
1266
- className: (0, import_classnames10.default)(Modal_module_default.closeButton, {
1267
- [Modal_module_default.closeButtonWithImage]: !!image
1268
- }),
1269
- onClick: onDismiss,
1270
- children: /* @__PURE__ */ jsx16(XIcon, { color: image ? "#fff" : "#000" })
1271
- }
1272
- ) }),
1273
- image && /* @__PURE__ */ jsx16(Box_default, { maxHeight: 200, children: image }),
1274
- /* @__PURE__ */ jsxs6(Box_default, { display: "flex", gap: 3, direction: "column", padding: 9, children: [
1275
- /* @__PURE__ */ jsx16(Heading_default, { as: "h1", size: 500, children: header }),
1276
- /* @__PURE__ */ jsx16(Box_default, { marginBottom: 4, children }),
1277
- footer && /* @__PURE__ */ jsx16(
1278
- Box_default,
1279
- {
1280
- display: "flex",
1281
- direction: "column",
1282
- gap: 3,
1283
- smDirection: "row",
1284
- smJustifyContent: "end",
1285
- lgDirection: "row",
1286
- lgJustifyContent: "end",
1287
- children: footer
1288
- }
1289
- )
1290
- ] })
1291
- ]
1292
- }
1293
- )
1294
- }
1295
- ) }) }) });
1296
- }
1297
- Modal.displayName = "Modal";
1298
-
1299
- // src/RadioButton/RadioButton.tsx
1300
- var import_classnames11 = __toESM(require_classnames());
1301
- import { useState as useState4 } from "react";
1302
-
1303
- // css-module:./RadioButton.module.css#css-module
1304
- var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_6h2zg_1", "disabled": "_disabled_6h2zg_9", "cursorDisabled": "_cursorDisabled_6h2zg_13", "cursorEnabled": "_cursorEnabled_6h2zg_17", "smBase": "_smBase_6h2zg_21", "mdBase": "_mdBase_6h2zg_25", "radioStyleOverride": "_radioStyleOverride_6h2zg_29", "smOverride": "_smOverride_6h2zg_34", "mdOverride": "_mdOverride_6h2zg_39", "background": "_background_6h2zg_44", "sm": "_sm_6h2zg_21", "md": "_md_6h2zg_25", "neutralBorder": "_neutralBorder_6h2zg_61", "smCheckedBorder": "_smCheckedBorder_6h2zg_65", "mdCheckedBorder": "_mdCheckedBorder_6h2zg_69", "errorBorderColor": "_errorBorderColor_6h2zg_73", "borderColor": "_borderColor_6h2zg_77" };
1305
-
1306
- // src/RadioButton/RadioButton.tsx
1307
- import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
1308
- var RadioButton = ({
1309
- checked = false,
1310
- "data-testid": dataTestId,
1311
- disabled: disabledProp = false,
1312
- error = false,
1313
- id,
1314
- label,
1315
- name,
1316
- onChange,
1317
- size = "md",
1318
- value
1319
- }) => {
1320
- const isHydrated = useIsHydrated();
1321
- const disabled = !isHydrated || disabledProp;
1322
- const [isFocused, setIsFocused] = useState4(false);
1323
- const { isFocusVisible: isFocusVisible2 } = useFocusVisible();
1324
- const sharedStyles = (0, import_classnames11.default)(RadioButton_module_default.background, RadioButton_module_default[size], {
1325
- [RadioButton_module_default.errorBorderColor]: error,
1326
- [RadioButton_module_default.borderColor]: !error,
1327
- [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2
1328
- });
1329
- return /* @__PURE__ */ jsxs7(
1330
- "label",
1331
- {
1332
- className: (0, import_classnames11.default)(
1333
- RadioButton_module_default.radioBaseContainer,
1334
- RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
1335
- {
1336
- [RadioButton_module_default.disabled]: disabled,
1337
- [RadioButton_module_default.smBase]: size === "sm",
1338
- [RadioButton_module_default.mdBase]: size === "md"
1339
- }
1340
- ),
1341
- children: [
1342
- checked ? /* @__PURE__ */ jsx17(
1343
- "div",
1344
- {
1345
- className: (0, import_classnames11.default)(sharedStyles, {
1346
- [RadioButton_module_default.mdCheckedBorder]: size === "md",
1347
- [RadioButton_module_default.smCheckedBorder]: size === "sm"
1348
- })
1349
- }
1350
- ) : /* @__PURE__ */ jsx17("div", { className: (0, import_classnames11.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
1351
- /* @__PURE__ */ jsx17(
1352
- "input",
1353
- {
1354
- "data-testid": dataTestId,
1355
- type: "radio",
1356
- id,
1357
- name,
1358
- className: (0, import_classnames11.default)(
1359
- RadioButton_module_default.radioStyleOverride,
1360
- RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
1361
- {
1362
- [RadioButton_module_default.smOverride]: size === "sm",
1363
- [RadioButton_module_default.mdOverride]: size === "md"
1364
- }
1365
- ),
1366
- checked,
1367
- onChange,
1368
- disabled,
1369
- value,
1370
- onFocus: () => {
1371
- setIsFocused(true);
1372
- },
1373
- onBlur: () => {
1374
- setIsFocused(false);
1375
- }
1376
- }
1377
- ),
1378
- label && /* @__PURE__ */ jsx17(
1379
- Typography_default,
1380
- {
1381
- size: size === "md" ? 200 : 100,
1382
- color: error ? "destructive-primary" : "gray800",
1383
- children: label
1384
- }
1385
- )
1386
- ]
1387
- }
1388
- );
1389
- };
1390
- var RadioButton_default = RadioButton;
1391
-
1392
- // src/SelectList/SelectList.tsx
1393
- var import_classnames12 = __toESM(require_classnames());
1394
1
  import {
1395
- useId,
1396
- useState as useState5
1397
- } from "react";
1398
-
1399
- // ../syntax-design-tokens/dist/js/index.js
1400
- var ColorBaseDestructive700 = "#d32a4b";
1401
- var ColorBaseGray800 = "#353535";
1402
-
1403
- // css-module:./SelectList.module.css#css-module
1404
- var SelectList_module_default = { "selectContainer": "_selectContainer_3ifov_1", "opacityOverlay": "_opacityOverlay_3ifov_7", "outerTextContainer": "_outerTextContainer_3ifov_11", "selectWrapper": "_selectWrapper_3ifov_16", "selectBox": "_selectBox_3ifov_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_3ifov_37", "unselected": "_unselected_3ifov_42", "selected": "_selected_3ifov_46", "arrowIcon": "_arrowIcon_3ifov_50", "sm": "_sm_3ifov_64", "md": "_md_3ifov_70", "lg": "_lg_3ifov_76", "selectError": "_selectError_3ifov_82" };
1405
-
1406
- // src/SelectList/SelectOption.tsx
1407
- import { jsx as jsx18 } from "react/jsx-runtime";
1408
- var SelectOption = ({
1409
- "data-testid": dataTestId,
1410
- value,
1411
- label,
1412
- disabled = false
1413
- }) => /* @__PURE__ */ jsx18("option", { "data-testid": dataTestId, value, disabled, children: label });
1414
- var SelectOption_default = SelectOption;
1415
-
1416
- // src/SelectList/SelectList.tsx
1417
- import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
1418
- var iconSize3 = {
1419
- sm: 20,
1420
- md: 24,
1421
- lg: 24
1422
- };
1423
- function SelectList({
1424
- children,
1425
- "data-testid": dataTestId,
1426
- disabled: disabledProp = false,
1427
- errorText,
1428
- helperText,
1429
- id,
1430
- label,
1431
- onChange,
1432
- onClick,
1433
- placeholderText,
1434
- selectedValue = "",
1435
- size = "md"
1436
- }) {
1437
- const reactId = useId();
1438
- const isHydrated = useIsHydrated();
1439
- const disabled = !isHydrated || disabledProp;
1440
- const selectId = id != null ? id : reactId;
1441
- const { isFocusVisible: isFocusVisible2 } = useFocusVisible();
1442
- const [isFocused, setIsFocused] = useState5(false);
1443
- return /* @__PURE__ */ jsxs8(
1444
- "div",
1445
- {
1446
- className: (0, import_classnames12.default)(SelectList_module_default.selectContainer, {
1447
- [SelectList_module_default.opacityOverlay]: disabled
1448
- }),
1449
- children: [
1450
- label && /* @__PURE__ */ jsx19("label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx19(Typography_default, { size: 100, color: "gray700", children: label }) }),
1451
- /* @__PURE__ */ jsxs8("div", { className: SelectList_module_default.selectWrapper, children: [
1452
- /* @__PURE__ */ jsxs8(
1453
- "select",
1454
- {
1455
- id: selectId,
1456
- "data-testid": dataTestId,
1457
- disabled,
1458
- className: (0, import_classnames12.default)(SelectList_module_default.selectBox, SelectList_module_default[size], {
1459
- [SelectList_module_default.unselected]: !selectedValue && !errorText,
1460
- [SelectList_module_default.selected]: selectedValue && !errorText,
1461
- [SelectList_module_default.selectError]: errorText,
1462
- [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2,
1463
- // for focus keyboard
1464
- [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible2
1465
- // for focus mouse
1466
- }),
1467
- onChange,
1468
- onClick,
1469
- value: placeholderText && !selectedValue ? placeholderText : selectedValue,
1470
- onFocus: () => setIsFocused(true),
1471
- onBlur: () => setIsFocused(false),
1472
- children: [
1473
- placeholderText && /* @__PURE__ */ jsx19("option", { disabled: true, value: placeholderText, children: placeholderText }),
1474
- children
1475
- ]
1476
- }
1477
- ),
1478
- /* @__PURE__ */ jsx19("div", { className: SelectList_module_default.arrowIcon, children: /* @__PURE__ */ jsx19(
1479
- "svg",
1480
- {
1481
- focusable: "false",
1482
- "aria-hidden": "true",
1483
- viewBox: "0 0 24 24",
1484
- width: iconSize3[size],
1485
- children: /* @__PURE__ */ jsx19(
1486
- "path",
1487
- {
1488
- fill: errorText ? ColorBaseDestructive700 : ColorBaseGray800,
1489
- d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
1490
- }
1491
- )
1492
- }
1493
- ) })
1494
- ] }),
1495
- (helperText || errorText) && /* @__PURE__ */ jsx19("div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx19(
1496
- Typography_default,
1497
- {
1498
- size: 100,
1499
- color: errorText ? "destructive-primary" : "gray700",
1500
- children: errorText ? errorText : helperText
1501
- }
1502
- ) })
1503
- ]
1504
- }
1505
- );
1506
- }
1507
- SelectList.Option = SelectOption_default;
1508
-
1509
- // src/TapArea/TapArea.tsx
1510
- var import_classnames13 = __toESM(require_classnames());
1511
- import { forwardRef as forwardRef6, useReducer } from "react";
1512
-
1513
- // css-module:./TapArea.module.css#css-module
1514
- var TapArea_module_default = { "tapArea": "_tapArea_g6gkz_1", "fullWidth": "_fullWidth_g6gkz_5", "disabled": "_disabled_g6gkz_9", "enabled": "_enabled_g6gkz_16", "overlay": "_overlay_g6gkz_29", "hoveredOrFocussed": "_hoveredOrFocussed_g6gkz_39" };
1515
-
1516
- // src/TapArea/TapArea.tsx
1517
- import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
1518
- function reducer(state, action) {
1519
- switch (action.type) {
1520
- case "BLUR":
1521
- return __spreadProps(__spreadValues({}, state), { focussed: false });
1522
- case "FOCUS":
1523
- return __spreadProps(__spreadValues({}, state), { focussed: true });
1524
- case "MOUSE_ENTER":
1525
- return __spreadProps(__spreadValues({}, state), { hovered: true });
1526
- case "MOUSE_LEAVE":
1527
- return __spreadProps(__spreadValues({}, state), { hovered: false });
1528
- default:
1529
- return state;
1530
- }
1531
- }
1532
- var TapArea = forwardRef6(
1533
- ({
1534
- children,
1535
- accessibilityLabel,
1536
- "data-testid": dataTestId,
1537
- disabled: disabledProp = false,
1538
- fullWidth = true,
1539
- onClick,
1540
- rounding = "none",
1541
- tabIndex = 0
1542
- }, ref) => {
1543
- const isHydrated = useIsHydrated();
1544
- const disabled = !isHydrated || disabledProp;
1545
- const [{ hovered, focussed }, dispatch] = useReducer(reducer, {
1546
- hovered: false,
1547
- focussed: false
1548
- });
1549
- const handleClick = (event) => {
1550
- if (disabled) {
1551
- } else {
1552
- event.currentTarget.blur();
1553
- onClick(event);
1554
- }
1555
- };
1556
- const handleKeyDown = (event) => {
1557
- if (disabled)
1558
- return;
1559
- if (event.key === "Enter" || event.key === " " || event.key === "Space") {
1560
- event.preventDefault();
1561
- onClick(event);
1562
- }
1563
- };
1564
- const isHoveredOrFocussed = !disabled && (hovered || focussed);
1565
- return /* @__PURE__ */ jsxs9(
1566
- "div",
1567
- {
1568
- "aria-disabled": disabled,
1569
- "aria-label": accessibilityLabel,
1570
- className: (0, import_classnames13.default)(
1571
- TapArea_module_default.tapArea,
1572
- TapArea_module_default[`${disabled ? "disabled" : "enabled"}`],
1573
- fullWidth && TapArea_module_default.fullWidth,
1574
- isHoveredOrFocussed && TapArea_module_default.hoveredOrFocussed
1575
- ),
1576
- "data-testid": dataTestId,
1577
- onClick: handleClick,
1578
- onKeyDown: handleKeyDown,
1579
- onMouseEnter: () => dispatch({ type: "MOUSE_ENTER" }),
1580
- onMouseLeave: () => dispatch({ type: "MOUSE_LEAVE" }),
1581
- onFocus: () => dispatch({ type: "FOCUS" }),
1582
- onBlur: () => dispatch({ type: "BLUR" }),
1583
- ref,
1584
- role: "button",
1585
- tabIndex: disabled ? void 0 : tabIndex,
1586
- children: [
1587
- !disabled && (hovered || focussed) && /* @__PURE__ */ jsx20(
1588
- "div",
1589
- {
1590
- className: (0, import_classnames13.default)(
1591
- TapArea_module_default.overlay,
1592
- rounding !== "none" && rounding_module_default[`rounding${rounding}`]
1593
- )
1594
- }
1595
- ),
1596
- children
1597
- ]
1598
- }
1599
- );
1600
- }
1601
- );
1602
- TapArea.displayName = "TapArea";
1603
- var TapArea_default = TapArea;
1604
-
1605
- // src/TextField/TextField.tsx
1606
- var import_classnames14 = __toESM(require_classnames());
2
+ Avatar_default
3
+ } from "./__chunks/M6YFAP6P.mjs";
4
+ import {
5
+ Card
6
+ } from "./__chunks/MZEIZAZH.mjs";
7
+ import {
8
+ ButtonGroup_default
9
+ } from "./__chunks/HAZN2FCY.mjs";
10
+ import {
11
+ Button_default
12
+ } from "./__chunks/DVVFHZBW.mjs";
13
+ import "./__chunks/EKJ4XOIM.mjs";
14
+ import {
15
+ Badge_default
16
+ } from "./__chunks/BJXYKZMK.mjs";
17
+ import {
18
+ LinkButton_default
19
+ } from "./__chunks/CGGEM6XS.mjs";
20
+ import "./__chunks/AMBZXKUQ.mjs";
21
+ import "./__chunks/A7UVLRKG.mjs";
22
+ import {
23
+ IconButton_default
24
+ } from "./__chunks/5R6HCJP6.mjs";
25
+ import {
26
+ Divider
27
+ } from "./__chunks/SXTRSFG5.mjs";
28
+ import {
29
+ Chip_default
30
+ } from "./__chunks/RSU3GDHB.mjs";
31
+ import {
32
+ Checkbox_default
33
+ } from "./__chunks/BWTLHCW3.mjs";
34
+ import {
35
+ TextField
36
+ } from "./__chunks/RRE7PRE5.mjs";
37
+ import {
38
+ TapArea_default
39
+ } from "./__chunks/OQ26OWU4.mjs";
40
+ import {
41
+ SelectList
42
+ } from "./__chunks/WCEOAOUO.mjs";
43
+ import "./__chunks/GVNDZZAU.mjs";
44
+ import {
45
+ RadioButton_default
46
+ } from "./__chunks/LZSDWT4M.mjs";
47
+ import "./__chunks/WJDAVT5R.mjs";
48
+ import {
49
+ Modal
50
+ } from "./__chunks/CPBWDVD4.mjs";
51
+ import "./__chunks/RVT6EXR3.mjs";
52
+ import "./__chunks/PGVLU6C3.mjs";
53
+ import {
54
+ Heading_default
55
+ } from "./__chunks/MX7C572C.mjs";
56
+ import {
57
+ Box_default
58
+ } from "./__chunks/LKQ7PJ4S.mjs";
59
+ import "./__chunks/3PCHHAIY.mjs";
1607
60
  import {
1608
- useId as useId2
1609
- } from "react";
1610
-
1611
- // css-module:./TextField.module.css#css-module
1612
- var TextField_module_default = { "textfield": "_textfield_cltsv_1", "label": "_label_cltsv_21", "sm": "_sm_cltsv_25", "md": "_md_cltsv_30", "lg": "_lg_cltsv_35", "inputError": "_inputError_cltsv_40" };
1613
-
1614
- // src/TextField/TextField.tsx
1615
- import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
1616
- function TextField({
1617
- autoComplete,
1618
- "data-testid": dataTestId,
1619
- disabled: disabledProp = false,
1620
- errorText = "",
1621
- helperText = "",
1622
- id,
1623
- label,
1624
- onChange,
1625
- placeholder = "",
1626
- size = "md",
1627
- type = "text",
1628
- value = ""
1629
- }) {
1630
- const isHydrated = useIsHydrated();
1631
- const disabled = !isHydrated || disabledProp;
1632
- const reactId = useId2();
1633
- const inputId = id != null ? id : reactId;
1634
- return /* @__PURE__ */ jsxs10(
1635
- Box_default,
1636
- {
1637
- display: "flex",
1638
- direction: "column",
1639
- gap: 2,
1640
- width: "100%",
1641
- dangerouslySetInlineStyle: {
1642
- __style: {
1643
- opacity: disabled ? 0.5 : 1
1644
- }
1645
- },
1646
- children: [
1647
- label && /* @__PURE__ */ jsx21("label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ jsx21(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx21(Typography_default, { size: 100, color: "gray700", children: label }) }) }),
1648
- /* @__PURE__ */ jsx21(
1649
- "input",
1650
- {
1651
- autoComplete,
1652
- className: (0, import_classnames14.default)(TextField_module_default.textfield, TextField_module_default[size], {
1653
- [TextField_module_default.inputError]: errorText
1654
- }),
1655
- "data-testid": dataTestId,
1656
- disabled,
1657
- id: inputId,
1658
- type,
1659
- onChange,
1660
- placeholder,
1661
- value
1662
- }
1663
- ),
1664
- (helperText || errorText) && /* @__PURE__ */ jsx21(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx21(
1665
- Typography_default,
1666
- {
1667
- size: 100,
1668
- color: errorText ? "destructive-primary" : "gray700",
1669
- children: errorText || helperText
1670
- }
1671
- ) })
1672
- ]
1673
- }
1674
- );
1675
- }
61
+ Typography_default
62
+ } from "./__chunks/BCWLWS7W.mjs";
63
+ import "./__chunks/FWVHWU47.mjs";
64
+ import "./__chunks/UCMB6MFN.mjs";
65
+ import "./__chunks/XFKGXL73.mjs";
66
+ import "./__chunks/FCX7QDZS.mjs";
67
+ import "./__chunks/XN5AALLC.mjs";
68
+ import "./__chunks/Q2TIB7ZC.mjs";
69
+ import "./__chunks/R6CDK4GP.mjs";
70
+ import "./__chunks/JSEHOGL7.mjs";
71
+ import "./__chunks/IXDA4ZXP.mjs";
72
+ import "./__chunks/CUDAH5IW.mjs";
1676
73
  export {
1677
74
  Avatar_default as Avatar,
1678
75
  Badge_default as Badge,
@@ -1693,13 +90,4 @@ export {
1693
90
  TextField,
1694
91
  Typography_default as Typography
1695
92
  };
1696
- /*! Bundled license information:
1697
-
1698
- classnames/index.js:
1699
- (*!
1700
- Copyright (c) 2018 Jed Watson.
1701
- Licensed under the MIT License (MIT), see
1702
- http://jedwatson.github.io/classnames
1703
- *)
1704
- */
1705
93
  //# sourceMappingURL=index.mjs.map