@hopper-ui/components 1.7.0 → 1.8.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 (363) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +586 -313
  7. package/dist/alert/src/Alert.js +11 -10
  8. package/dist/alert/src/index.css +586 -313
  9. package/dist/alert/src/index.js +11 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +104 -104
  31. package/dist/buttons/src/Button.js +7 -6
  32. package/dist/buttons/src/ButtonContext.d.ts +1 -1
  33. package/dist/buttons/src/ButtonGroup.css +49 -49
  34. package/dist/buttons/src/ButtonGroup.js +1 -1
  35. package/dist/buttons/src/ClearButton.css +109 -109
  36. package/dist/buttons/src/ClearButton.js +2 -2
  37. package/dist/buttons/src/CloseButton.css +105 -105
  38. package/dist/buttons/src/CloseButton.js +8 -7
  39. package/dist/buttons/src/EmbeddedButton.css +109 -109
  40. package/dist/buttons/src/EmbeddedButton.js +1 -1
  41. package/dist/buttons/src/LinkButton.css +113 -113
  42. package/dist/buttons/src/LinkButton.js +5 -5
  43. package/dist/buttons/src/ToggleButton.css +630 -0
  44. package/dist/buttons/src/ToggleButton.d.ts +51 -0
  45. package/dist/buttons/src/ToggleButton.js +17 -0
  46. package/dist/buttons/src/ToggleButtonContext.d.ts +22 -0
  47. package/dist/buttons/src/ToggleButtonContext.js +2 -0
  48. package/dist/buttons/src/index.css +534 -261
  49. package/dist/buttons/src/index.d.ts +2 -0
  50. package/dist/buttons/src/index.js +14 -11
  51. package/dist/callout/src/Callout.css +546 -273
  52. package/dist/callout/src/Callout.js +9 -8
  53. package/dist/callout/src/CompactCallout.css +583 -310
  54. package/dist/callout/src/CompactCallout.js +9 -8
  55. package/dist/callout/src/index.css +595 -322
  56. package/dist/callout/src/index.js +11 -10
  57. package/dist/card/src/Card.css +41 -41
  58. package/dist/card/src/Card.js +1 -1
  59. package/dist/card/src/index.css +41 -41
  60. package/dist/card/src/index.js +1 -1
  61. package/dist/checkbox/src/Checkbox.css +57 -57
  62. package/dist/checkbox/src/Checkbox.js +5 -5
  63. package/dist/checkbox/src/CheckboxField.css +44 -44
  64. package/dist/checkbox/src/CheckboxField.js +3 -3
  65. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  66. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  67. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  68. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  69. package/dist/checkbox/src/index.css +109 -109
  70. package/dist/checkbox/src/index.js +13 -13
  71. package/dist/{chunk-3VZPTUVR.js → chunk-2AD6XN2R.js} +2 -2
  72. package/dist/{chunk-6T7TUF6N.js → chunk-3ETJUGAP.js} +3 -3
  73. package/dist/{chunk-X4IV4VLD.js → chunk-3OGBUJLO.js} +3 -3
  74. package/dist/{chunk-TQQMWXRK.js → chunk-3YYC7XZW.js} +3 -3
  75. package/dist/{chunk-DEFXMEBJ.js → chunk-57WEWZ4L.js} +2 -2
  76. package/dist/{chunk-JBTFYM4B.js → chunk-5F2LUFRN.js} +2 -2
  77. package/dist/{chunk-S5AHDRSE.js → chunk-5MNBACCS.js} +1 -1
  78. package/dist/{chunk-5H2DG3VF.js → chunk-72UDPGXN.js} +2 -2
  79. package/dist/{chunk-VBJVG2YA.js → chunk-76JOA74P.js} +5 -5
  80. package/dist/{chunk-OYPIU6JL.js → chunk-7K3TKE2R.js} +2 -2
  81. package/dist/{chunk-J6FKM7WM.js → chunk-7KXUKO5L.js} +1 -1
  82. package/dist/{chunk-PQVBUEXC.js → chunk-7WJAJGOX.js} +2 -2
  83. package/dist/{chunk-Z5WDAIAE.js → chunk-A5MNOCQ2.js} +2 -2
  84. package/dist/{chunk-FIY4TUYL.js → chunk-BD2ZOQJW.js} +1 -1
  85. package/dist/chunk-BYERWFG4.js +7 -0
  86. package/dist/{chunk-NAK42XEC.js → chunk-D3QAZ56J.js} +4 -4
  87. package/dist/{chunk-LACYHXY5.js → chunk-D7ICCQM5.js} +2 -2
  88. package/dist/{chunk-5ZP2KUGN.js → chunk-DB4Y2SXS.js} +11 -11
  89. package/dist/{chunk-G5GYOSK7.js → chunk-DGU5YZM5.js} +6 -6
  90. package/dist/{chunk-23WYVBUK.js → chunk-DOP43XH5.js} +2 -2
  91. package/dist/{chunk-QARGGDML.js → chunk-DSK6IH5M.js} +3 -3
  92. package/dist/{chunk-PDWWX5JI.js → chunk-E5RHW4IY.js} +3 -3
  93. package/dist/chunk-ESCEY6RN.js +137 -0
  94. package/dist/{chunk-YDNBMCQD.js → chunk-ETBPFG5Z.js} +1 -1
  95. package/dist/{chunk-QDN24QKG.js → chunk-EWP3IGMD.js} +1 -1
  96. package/dist/{chunk-J5FY5YAZ.js → chunk-F6VSINXC.js} +1 -1
  97. package/dist/{chunk-YZBOR2D4.js → chunk-FJUFE7XU.js} +6 -6
  98. package/dist/{chunk-2KFOOJ34.js → chunk-FORSJNLX.js} +8 -8
  99. package/dist/{chunk-ACG3BFJQ.js → chunk-FPHBQO6G.js} +1 -1
  100. package/dist/{chunk-DP4FHVJR.js → chunk-FSS4CZQI.js} +10 -10
  101. package/dist/{chunk-OABMTS4J.js → chunk-FXNQDM7U.js} +1 -1
  102. package/dist/{chunk-NFETZ57D.js → chunk-G5AQXKGI.js} +1 -1
  103. package/dist/{chunk-JVLK5INM.js → chunk-GDODCIB6.js} +3 -3
  104. package/dist/{chunk-AX3SYX3G.js → chunk-GHMBKUTU.js} +1 -1
  105. package/dist/{chunk-CT3S2ZJP.js → chunk-GVGOWUJG.js} +2 -2
  106. package/dist/{chunk-ULY62A7P.js → chunk-HF5YS5Z6.js} +3 -3
  107. package/dist/{chunk-CNG2EXC7.js → chunk-HL2I2YUG.js} +2 -2
  108. package/dist/chunk-HZTYQ5FQ.js +22 -0
  109. package/dist/{chunk-OS6JDQKO.js → chunk-I377K7IX.js} +2 -2
  110. package/dist/{chunk-LBXB3JFD.js → chunk-JASPC6XG.js} +5 -5
  111. package/dist/{chunk-OCK54JWW.js → chunk-JHAHLWQJ.js} +2 -2
  112. package/dist/{chunk-N7A4SDQA.js → chunk-JNV6W5JC.js} +12 -12
  113. package/dist/{chunk-NC7G3EHF.js → chunk-JQLKVLV7.js} +2 -2
  114. package/dist/{chunk-HQJZSCV7.js → chunk-K3GNQGLK.js} +1 -1
  115. package/dist/{chunk-XEMYAR47.js → chunk-KD5CC7J2.js} +1 -1
  116. package/dist/{chunk-UFR36PXP.js → chunk-KIXYAIPB.js} +2 -2
  117. package/dist/{chunk-JNJFX2LE.js → chunk-KN6OG3WN.js} +1 -1
  118. package/dist/{chunk-57RTMTQ7.js → chunk-KOLL65WL.js} +2 -2
  119. package/dist/{chunk-6Q6Q4HUH.js → chunk-L64YORM7.js} +5 -5
  120. package/dist/{chunk-2WU7UWOH.js → chunk-LO44K2EI.js} +2 -2
  121. package/dist/{chunk-V5PLUMR5.js → chunk-M64J2RXB.js} +3 -3
  122. package/dist/{chunk-I25B6DME.js → chunk-N6JCPZ5G.js} +2 -2
  123. package/dist/{chunk-CIQZIY5N.js → chunk-NGZNCS3G.js} +1 -1
  124. package/dist/{chunk-VSCRFXJ2.js → chunk-NNPOWTQ4.js} +5 -5
  125. package/dist/{chunk-AV7XDPXN.js → chunk-NRUHVUQY.js} +1 -1
  126. package/dist/{chunk-PJ2RHMZ3.js → chunk-PPBA6RPY.js} +2 -2
  127. package/dist/{chunk-V7OAPBQT.js → chunk-PWYDH3ZA.js} +1 -1
  128. package/dist/{chunk-HERQEWF5.js → chunk-Q252HANX.js} +2 -2
  129. package/dist/{chunk-67EK2P5M.js → chunk-Q4BKNDZD.js} +2 -2
  130. package/dist/{chunk-L7DSMPLQ.js → chunk-QCFV6G6K.js} +1 -1
  131. package/dist/{chunk-W2EX7F7K.js → chunk-QXTTPOP5.js} +1 -1
  132. package/dist/{chunk-DE74UTDH.js → chunk-QXZSPZWJ.js} +2 -2
  133. package/dist/{chunk-EDDYY4KO.js → chunk-RBUBE5ET.js} +1 -1
  134. package/dist/{chunk-G2IQWVGX.js → chunk-RM3WVAEZ.js} +1 -1
  135. package/dist/{chunk-EBXH6HHZ.js → chunk-RNGFFSNG.js} +8 -8
  136. package/dist/{chunk-UBBZ4LV5.js → chunk-SLK22PRQ.js} +7 -7
  137. package/dist/{chunk-IIBLQ2CB.js → chunk-TGQ4XIIL.js} +1 -1
  138. package/dist/{chunk-AC5FLJJL.js → chunk-TXETMX5H.js} +1 -1
  139. package/dist/{chunk-KKUSWUZC.js → chunk-UGZYYO3T.js} +1 -1
  140. package/dist/{chunk-5FXGGEA5.js → chunk-UH3WEXVR.js} +10 -19
  141. package/dist/{chunk-ZLL3VV5V.js → chunk-UPGCU4V3.js} +3 -3
  142. package/dist/{chunk-UBILZ2MS.js → chunk-URTTLQAC.js} +1 -1
  143. package/dist/{chunk-GR5QWFCA.js → chunk-VECFKZI5.js} +3 -3
  144. package/dist/{chunk-CC5SXS5R.js → chunk-VEXKMBM6.js} +1 -1
  145. package/dist/{chunk-LUCUQMMD.js → chunk-VFURXZPW.js} +2 -2
  146. package/dist/{chunk-LOFWD2GD.js → chunk-VQRXNT3Q.js} +2 -2
  147. package/dist/{chunk-WJE3JIRZ.js → chunk-VTHB4J4N.js} +2 -2
  148. package/dist/{chunk-2C4RHHUL.js → chunk-VUWTKMHT.js} +1 -1
  149. package/dist/{chunk-V7VDYDIQ.js → chunk-VX7TMQSF.js} +3 -3
  150. package/dist/{chunk-53QBBZR4.js → chunk-WEKPO5YP.js} +2 -2
  151. package/dist/{chunk-ZRYHXQDJ.js → chunk-WLNEXEEX.js} +1 -1
  152. package/dist/{chunk-QSCBTSIF.js → chunk-WOQOIB6V.js} +1 -1
  153. package/dist/{chunk-RIFW5PYW.js → chunk-X72OOA2X.js} +2 -2
  154. package/dist/{chunk-6G56A3XH.js → chunk-XQ3MES4Y.js} +8 -8
  155. package/dist/{chunk-LMH2XI5J.js → chunk-Y7ACQLH4.js} +1 -1
  156. package/dist/{chunk-YFQIN27E.js → chunk-YF4DILIQ.js} +1 -1
  157. package/dist/{chunk-3FHJOMUC.js → chunk-ZHEWPE46.js} +1 -1
  158. package/dist/{chunk-OINTMN5W.js → chunk-ZWCN6ASW.js} +2 -2
  159. package/dist/combobox/src/ComboBox.css +954 -681
  160. package/dist/combobox/src/ComboBox.js +20 -20
  161. package/dist/combobox/src/index.css +954 -681
  162. package/dist/combobox/src/index.js +20 -20
  163. package/dist/contextual-help/src/ContextualHelp.css +877 -604
  164. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  165. package/dist/contextual-help/src/index.css +877 -604
  166. package/dist/contextual-help/src/index.js +4 -4
  167. package/dist/disclosure/src/Disclosure.css +48 -48
  168. package/dist/disclosure/src/Disclosure.js +2 -2
  169. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  170. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  171. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  172. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  173. package/dist/disclosure/src/index.css +73 -73
  174. package/dist/disclosure/src/index.js +8 -8
  175. package/dist/divider/src/Divider.css +40 -40
  176. package/dist/divider/src/Divider.js +1 -1
  177. package/dist/divider/src/index.css +40 -40
  178. package/dist/divider/src/index.js +1 -1
  179. package/dist/error-message/src/ErrorMessage.css +40 -40
  180. package/dist/error-message/src/ErrorMessage.js +2 -2
  181. package/dist/error-message/src/index.css +40 -40
  182. package/dist/error-message/src/index.js +2 -2
  183. package/dist/form/src/Form.css +38 -38
  184. package/dist/form/src/Form.js +1 -1
  185. package/dist/form/src/index.css +38 -38
  186. package/dist/form/src/index.js +1 -1
  187. package/dist/header/src/Header.css +38 -38
  188. package/dist/header/src/index.css +38 -38
  189. package/dist/helper-message/src/HelperMessage.css +40 -40
  190. package/dist/helper-message/src/HelperMessage.js +2 -2
  191. package/dist/helper-message/src/index.css +40 -40
  192. package/dist/helper-message/src/index.js +2 -2
  193. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  194. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  195. package/dist/hopper-provider/src/index.css +39 -39
  196. package/dist/hopper-provider/src/index.js +1 -1
  197. package/dist/icon-list/src/IconList.css +39 -39
  198. package/dist/icon-list/src/IconList.js +1 -1
  199. package/dist/icon-list/src/index.css +39 -39
  200. package/dist/icon-list/src/index.js +1 -1
  201. package/dist/illustrated-message/src/IllustratedMessage.css +553 -280
  202. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  203. package/dist/illustrated-message/src/index.css +553 -280
  204. package/dist/illustrated-message/src/index.js +1 -1
  205. package/dist/image/src/Image.css +41 -41
  206. package/dist/image/src/Image.js +1 -1
  207. package/dist/image/src/SvgImage.css +39 -39
  208. package/dist/image/src/SvgImage.js +1 -1
  209. package/dist/image/src/index.css +42 -42
  210. package/dist/image/src/index.js +2 -2
  211. package/dist/index.css +1304 -1031
  212. package/dist/index.d.ts +3 -0
  213. package/dist/index.js +104 -101
  214. package/dist/inputs/src/Input.css +42 -42
  215. package/dist/inputs/src/Input.js +1 -1
  216. package/dist/inputs/src/InputGroup.css +44 -44
  217. package/dist/inputs/src/InputGroup.js +1 -1
  218. package/dist/inputs/src/NumberField.css +68 -68
  219. package/dist/inputs/src/NumberField.js +10 -10
  220. package/dist/inputs/src/PasswordField.css +554 -281
  221. package/dist/inputs/src/PasswordField.js +10 -10
  222. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  223. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  224. package/dist/inputs/src/SearchField.css +560 -287
  225. package/dist/inputs/src/SearchField.js +11 -11
  226. package/dist/inputs/src/TextArea.css +65 -65
  227. package/dist/inputs/src/TextArea.js +9 -9
  228. package/dist/inputs/src/TextField.css +558 -285
  229. package/dist/inputs/src/TextField.js +13 -13
  230. package/dist/inputs/src/index.css +606 -333
  231. package/dist/inputs/src/index.js +17 -17
  232. package/dist/layout/src/Content.css +38 -38
  233. package/dist/layout/src/Footer.css +38 -38
  234. package/dist/link/src/Link.css +77 -77
  235. package/dist/link/src/Link.js +3 -3
  236. package/dist/link/src/index.css +77 -77
  237. package/dist/link/src/index.js +3 -3
  238. package/dist/list-box/src/ListBox.css +312 -312
  239. package/dist/list-box/src/ListBox.js +7 -7
  240. package/dist/list-box/src/ListBoxItem.css +300 -300
  241. package/dist/list-box/src/ListBoxItem.js +6 -6
  242. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  243. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  244. package/dist/list-box/src/index.css +312 -312
  245. package/dist/list-box/src/index.js +7 -7
  246. package/dist/menu/src/Menu.css +879 -606
  247. package/dist/menu/src/Menu.js +3 -3
  248. package/dist/menu/src/MenuItem.css +117 -117
  249. package/dist/menu/src/MenuItem.js +2 -2
  250. package/dist/menu/src/MenuSection.css +40 -40
  251. package/dist/menu/src/MenuSection.js +1 -1
  252. package/dist/menu/src/index.css +904 -631
  253. package/dist/menu/src/index.js +6 -6
  254. package/dist/modal/src/BaseModal.css +53 -53
  255. package/dist/modal/src/BaseModal.js +1 -1
  256. package/dist/modal/src/CustomModal.css +54 -54
  257. package/dist/modal/src/CustomModal.js +2 -2
  258. package/dist/modal/src/Modal.css +576 -303
  259. package/dist/modal/src/Modal.js +10 -9
  260. package/dist/modal/src/index.css +577 -304
  261. package/dist/modal/src/index.js +12 -11
  262. package/dist/overlays/popover/src/Popover.css +871 -598
  263. package/dist/overlays/popover/src/Popover.js +2 -2
  264. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  265. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  266. package/dist/overlays/popover/src/index.css +874 -601
  267. package/dist/overlays/popover/src/index.js +3 -3
  268. package/dist/radio/src/DecorativeRadio.css +65 -65
  269. package/dist/radio/src/DecorativeRadio.js +3 -3
  270. package/dist/radio/src/Radio.css +57 -57
  271. package/dist/radio/src/Radio.js +3 -3
  272. package/dist/radio/src/RadioField.css +44 -44
  273. package/dist/radio/src/RadioField.js +2 -2
  274. package/dist/radio/src/RadioGroup.css +109 -109
  275. package/dist/radio/src/RadioGroup.js +7 -7
  276. package/dist/radio/src/index.css +109 -109
  277. package/dist/radio/src/index.js +12 -12
  278. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  279. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  280. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  281. package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
  282. package/dist/segmented-control/src/index.css +54 -54
  283. package/dist/segmented-control/src/index.js +4 -4
  284. package/dist/select/src/Select.css +898 -625
  285. package/dist/select/src/Select.js +18 -18
  286. package/dist/select/src/SelectValue.css +99 -99
  287. package/dist/select/src/SelectValue.js +2 -2
  288. package/dist/select/src/index.css +898 -625
  289. package/dist/select/src/index.js +18 -18
  290. package/dist/spinner/src/Spinner.css +48 -48
  291. package/dist/spinner/src/Spinner.js +2 -2
  292. package/dist/spinner/src/index.css +48 -48
  293. package/dist/spinner/src/index.js +2 -2
  294. package/dist/switch/src/Switch.css +54 -54
  295. package/dist/switch/src/Switch.js +3 -3
  296. package/dist/switch/src/SwitchField.css +44 -44
  297. package/dist/switch/src/SwitchField.js +2 -2
  298. package/dist/switch/src/index.css +60 -60
  299. package/dist/switch/src/index.js +4 -4
  300. package/dist/tabs/src/Tab.css +724 -451
  301. package/dist/tabs/src/Tab.js +2 -2
  302. package/dist/tabs/src/TabLine.css +40 -40
  303. package/dist/tabs/src/TabLine.js +1 -1
  304. package/dist/tabs/src/TabList.css +47 -47
  305. package/dist/tabs/src/TabList.js +2 -2
  306. package/dist/tabs/src/TabPanel.css +40 -40
  307. package/dist/tabs/src/TabPanel.js +1 -1
  308. package/dist/tabs/src/index.css +735 -462
  309. package/dist/tabs/src/index.js +5 -5
  310. package/dist/tag/src/Tag.css +702 -429
  311. package/dist/tag/src/Tag.js +8 -8
  312. package/dist/tag/src/TagGroup.css +48 -48
  313. package/dist/tag/src/TagGroup.js +7 -7
  314. package/dist/tag/src/index.css +712 -439
  315. package/dist/tag/src/index.js +13 -13
  316. package/dist/tile/src/Tile.css +47 -47
  317. package/dist/tile/src/Tile.js +2 -2
  318. package/dist/tile/src/TileGroup.css +39 -39
  319. package/dist/tile/src/TileGroup.js +1 -1
  320. package/dist/tile/src/index.css +48 -48
  321. package/dist/tile/src/index.js +3 -3
  322. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  323. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  324. package/dist/toggle-arrow/src/index.css +40 -40
  325. package/dist/toggle-arrow/src/index.js +1 -1
  326. package/dist/tooltip/src/Tooltip.css +48 -48
  327. package/dist/tooltip/src/Tooltip.js +3 -3
  328. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  329. package/dist/tooltip/src/TooltipTrigger.js +2 -2
  330. package/dist/tooltip/src/index.css +48 -48
  331. package/dist/tooltip/src/index.js +5 -5
  332. package/dist/typography/heading/src/Heading.css +38 -38
  333. package/dist/typography/heading/src/Heading.js +1 -1
  334. package/dist/typography/heading/src/index.css +38 -38
  335. package/dist/typography/heading/src/index.js +1 -1
  336. package/dist/typography/label/src/FieldLabel.css +38 -38
  337. package/dist/typography/label/src/FieldLabel.js +3 -3
  338. package/dist/typography/label/src/Label.css +38 -38
  339. package/dist/typography/label/src/Label.js +1 -1
  340. package/dist/typography/label/src/index.css +38 -38
  341. package/dist/typography/label/src/index.js +3 -3
  342. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  343. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  344. package/dist/typography/overline-text/src/index.css +38 -38
  345. package/dist/typography/overline-text/src/index.js +1 -1
  346. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  347. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  348. package/dist/typography/paragraph/src/index.css +38 -38
  349. package/dist/typography/paragraph/src/index.js +2 -2
  350. package/dist/typography/text/src/Text.css +38 -38
  351. package/dist/typography/text/src/Text.js +1 -1
  352. package/dist/typography/text/src/index.css +38 -38
  353. package/dist/typography/text/src/index.js +1 -1
  354. package/dist/utils/src/ClearSlots.css +38 -38
  355. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  356. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  357. package/dist/utils/src/index.css +38 -38
  358. package/dist/utils/src/index.d.ts +1 -0
  359. package/dist/utils/src/index.js +4 -3
  360. package/dist/utils/src/useProgressVisibility.d.ts +3 -0
  361. package/dist/utils/src/useProgressVisibility.js +2 -0
  362. package/package.json +2 -2
  363. package/dist/{chunk-DCO4XGBI.js → chunk-DAF2CRGN.js} +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___f8I5B {
2
+ .Heading-module__hop-Heading___EG00A {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___f8I5B) {
36
+ :where(.Heading-module__hop-Heading___EG00A) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___RO7T9) {
44
+ :where(.Heading-module__hop-Heading--xs___xNucC) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___u2TRR) {
50
+ :where(.Heading-module__hop-Heading--sm___05Byx) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___BFmdf) {
56
+ :where(.Heading-module__hop-Heading--md___7vlXO) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___hMrrH) {
62
+ :where(.Heading-module__hop-Heading--lg___-iM4S) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___gQz6L) {
68
+ :where(.Heading-module__hop-Heading--xl___YiFxf) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___9oHXD) {
74
+ :where(.Heading-module__hop-Heading--2xl___sLtGX) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
80
+ :where(.Heading-module__hop-Heading--3xl___L3BmC) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,14 +85,14 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___dgJtM {
88
+ .Label-module__hop-Label___x-D7q {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___dgJtM) {
95
+ :where(.Label-module__hop-Label___x-D7q) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
@@ -101,17 +101,17 @@
101
101
  }
102
102
 
103
103
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
- .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___VGoF6 {
105
105
  display: flex;
106
106
  gap: var(--hop-space-inset-xs);
107
107
  align-items: center;
108
108
  }
109
- .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
109
+ .FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
110
110
  padding-inline-start: var(--hop-space-20);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
114
+ :where(.OverlineText-module__hop-OverlineText___uqriG) {
115
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +135,26 @@
135
135
  text-transform: uppercase;
136
136
  letter-spacing: var(--letter-spacing);
137
137
  }
138
- .OverlineText-module__hop-OverlineText__text___-Cgyx {
138
+ .OverlineText-module__hop-OverlineText__text___QC4h8 {
139
139
  box-sizing: border-box;
140
140
  }
141
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
142
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
141
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before,
142
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
143
143
  content: "";
144
144
  display: block;
145
145
  box-sizing: border-box;
146
146
  inline-size: 0;
147
147
  block-size: 0;
148
148
  }
149
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
149
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before {
150
150
  margin-block-end: var(--bottom-offset);
151
151
  }
152
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
152
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
153
153
  margin-block-start: var(--top-offset);
154
154
  }
155
155
 
156
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___NFTCi {
157
+ .Text-module__hop-Text___TlqAw {
158
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +184,49 @@
184
184
  --hop-Text-inherit-size-font-weight: inherit;
185
185
  --hop-Text-inherit-size-line-height: inherit;
186
186
  }
187
- :where(.Text-module__hop-Text___NFTCi) {
187
+ :where(.Text-module__hop-Text___TlqAw) {
188
188
  font-family: var(--font-family);
189
189
  font-size: var(--font-size);
190
190
  font-weight: var(--font-weight);
191
191
  line-height: var(--line-height);
192
192
  }
193
- :where(.Text-module__hop-Text--xs___I0d0v) {
193
+ :where(.Text-module__hop-Text--xs___r7Jh2) {
194
194
  --font-size: var(--hop-Text-xs-font-size);
195
195
  --font-family: var(--hop-Text-xs-font-family);
196
196
  --font-weight: var(--hop-Text-xs-font-weight);
197
197
  --line-height: var(--hop-Text-xs-line-height);
198
198
  }
199
- :where(.Text-module__hop-Text--sm___33NDY) {
199
+ :where(.Text-module__hop-Text--sm___47IuM) {
200
200
  --font-size: var(--hop-Text-sm-font-size);
201
201
  --font-family: var(--hop-Text-sm-font-family);
202
202
  --font-weight: var(--hop-Text-sm-font-weight);
203
203
  --line-height: var(--hop-Text-sm-line-height);
204
204
  }
205
- :where(.Text-module__hop-Text--md___12lqb) {
205
+ :where(.Text-module__hop-Text--md___C2YwB) {
206
206
  --font-size: var(--hop-Text-md-font-size);
207
207
  --font-family: var(--hop-Text-md-font-family);
208
208
  --font-weight: var(--hop-Text-md-font-weight);
209
209
  --line-height: var(--hop-Text-md-line-height);
210
210
  }
211
- :where(.Text-module__hop-Text--lg___EIx-l) {
211
+ :where(.Text-module__hop-Text--lg___hfcIw) {
212
212
  --font-size: var(--hop-Text-lg-font-size);
213
213
  --font-family: var(--hop-Text-lg-font-family);
214
214
  --font-weight: var(--hop-Text-lg-font-weight);
215
215
  --line-height: var(--hop-Text-lg-line-height);
216
216
  }
217
- :where(.Text-module__hop-Text--xl___Hgsci) {
217
+ :where(.Text-module__hop-Text--xl___jSZWl) {
218
218
  --font-size: var(--hop-Text-xl-font-size);
219
219
  --font-family: var(--hop-Text-xl-font-family);
220
220
  --font-weight: var(--hop-Text-xl-font-weight);
221
221
  --line-height: var(--hop-Text-xl-line-height);
222
222
  }
223
- :where(.Text-module__hop-Text--2xl___bZva7) {
223
+ :where(.Text-module__hop-Text--2xl___3Q3EA) {
224
224
  --font-size: var(--hop-Text-2xl-font-size);
225
225
  --font-family: var(--hop-Text-2xl-font-family);
226
226
  --font-weight: var(--hop-Text-2xl-font-weight);
227
227
  --line-height: var(--hop-Text-2xl-line-height);
228
228
  }
229
- :where(.Text-module__hop-Text--inherit___D42Q3) {
229
+ :where(.Text-module__hop-Text--inherit___S3ePi) {
230
230
  --font-size: var(--hop-Text-inherit-size-font-size);
231
231
  --font-family: var(--hop-Text-inherit-size-font-family);
232
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___pDtiI {
237
+ .Paragraph-module__hop-Paragraph___HpT17 {
238
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,40 +246,40 @@
246
246
  margin-block-end: var(--margin-block-end);
247
247
  overflow-wrap: break-word;
248
248
  }
249
- .Paragraph-module__hop-Paragraph___pDtiI:last-child {
249
+ .Paragraph-module__hop-Paragraph___HpT17:last-child {
250
250
  --margin-block-end: 0;
251
251
  }
252
- .Paragraph-module__hop-Paragraph--xs___yzl-N {
252
+ .Paragraph-module__hop-Paragraph--xs___DXGDe {
253
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
254
  }
255
- .Paragraph-module__hop-Paragraph--sm___mssXe {
255
+ .Paragraph-module__hop-Paragraph--sm___qshKm {
256
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
257
  }
258
- .Paragraph-module__hop-Paragraph--md___Ujb4e {
258
+ .Paragraph-module__hop-Paragraph--md___UEgGX {
259
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
260
  }
261
- .Paragraph-module__hop-Paragraph--lg___fzVC0 {
261
+ .Paragraph-module__hop-Paragraph--lg___EvhSs {
262
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--xl___bF-Yd {
264
+ .Paragraph-module__hop-Paragraph--xl___X9E7u {
265
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--2xl___UuYkH {
267
+ .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
268
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--inherit___jW721 {
270
+ .Paragraph-module__hop-Paragraph--inherit___IZyrO {
271
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
272
  }
273
273
 
274
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
275
- .Form-module__hop-Form___7RaBZ {
275
+ .Form-module__hop-Form___uqGvw {
276
276
  display: flex;
277
277
  flex-direction: column;
278
278
  gap: var(--hop-space-stack-lg);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
282
- .IconList-module__hop-IconList___m2E3v {
282
+ .IconList-module__hop-IconList___TpK2G {
283
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
284
284
  display: flex;
285
285
  flex-wrap: wrap;
@@ -288,7 +288,7 @@
288
288
  }
289
289
 
290
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
291
- @keyframes Spinner-module__spin___pKwfA {
291
+ @keyframes Spinner-module__spin___Qq0VA {
292
292
  0% {
293
293
  transform: rotate(0deg);
294
294
  }
@@ -296,7 +296,7 @@
296
296
  transform: rotate(360deg);
297
297
  }
298
298
  }
299
- .Spinner-module__hop-Spinner___NL-2c {
299
+ .Spinner-module__hop-Spinner___q7lsB {
300
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
301
301
  --hop-Spinner-sm-wheel-size: 1rem;
302
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -304,7 +304,7 @@
304
304
  --hop-Spinner-track-width: 0.125rem;
305
305
  --hop-Spinner-track-opacity: 0.2;
306
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
307
- --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
308
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
309
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
310
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -315,19 +315,19 @@
315
315
  align-items: center;
316
316
  box-sizing: border-box;
317
317
  }
318
- .Spinner-module__hop-Spinner--sm___o8oor {
318
+ .Spinner-module__hop-Spinner--sm___jaKcR {
319
319
  --width: var(--hop-Spinner-sm-wheel-size);
320
320
  --height: var(--hop-Spinner-sm-wheel-size);
321
321
  }
322
- .Spinner-module__hop-Spinner--md___Z3T3P {
322
+ .Spinner-module__hop-Spinner--md___GNVfI {
323
323
  --width: var(--hop-Spinner-md-wheel-size);
324
324
  --height: var(--hop-Spinner-md-wheel-size);
325
325
  }
326
- .Spinner-module__hop-Spinner--lg___-2JJ5 {
326
+ .Spinner-module__hop-Spinner--lg___s54Hy {
327
327
  --width: var(--hop-Spinner-lg-wheel-size);
328
328
  --height: var(--hop-Spinner-lg-wheel-size);
329
329
  }
330
- .Spinner-module__hop-Spinner__track___-5qNx {
330
+ .Spinner-module__hop-Spinner__track___P2N1M {
331
331
  grid-area: spinner;
332
332
  box-sizing: border-box;
333
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -336,7 +336,7 @@
336
336
  border: var(--hop-Spinner-track-border);
337
337
  border-radius: var(--hop-Spinner-border-radius);
338
338
  }
339
- .Spinner-module__hop-Spinner__fill___ds519 {
339
+ .Spinner-module__hop-Spinner__fill___DA6KG {
340
340
  grid-area: spinner;
341
341
  box-sizing: border-box;
342
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -347,17 +347,17 @@
347
347
  animation: var(--hop-Spinner-fill-animation);
348
348
  }
349
349
  @media (prefers-reduced-motion: reduce) {
350
- .Spinner-module__hop-Spinner__fill___ds519 {
350
+ .Spinner-module__hop-Spinner__fill___DA6KG {
351
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
352
352
  }
353
353
  }
354
- .Spinner-module__hop-Spinner__label___aAqY5 {
354
+ .Spinner-module__hop-Spinner__label___7Vmlu {
355
355
  grid-area: label;
356
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
357
357
  }
358
358
 
359
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
360
- .Button-module__hop-Button___drz4z {
360
+ .Button-module__hop-Button___0Z1G- {
361
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
362
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
363
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -481,215 +481,215 @@
481
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
482
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
483
483
  }
484
- .Button-module__hop-Button--fluid___jF2LE {
484
+ .Button-module__hop-Button--fluid___ocE9B {
485
485
  --inline-size: 100%;
486
486
  }
487
- .Button-module__hop-Button--sm___yWI1w {
487
+ .Button-module__hop-Button--sm___Iin1k {
488
488
  --block-size: var(--hop-Button-sm-height);
489
489
  --padding: var(--hop-Button-sm-padding);
490
490
  }
491
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
492
492
  --padding: var(--hop-Button-ghost-sm-padding);
493
493
  }
494
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
494
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-md-padding);
496
496
  }
497
- .Button-module__hop-Button--icon-only___ZVI03 {
497
+ .Button-module__hop-Button--icon-only___aWeym {
498
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
499
499
  --padding: var(--hop-Button-icon-only-padding);
500
500
  aspect-ratio: 1;
501
501
  }
502
- .Button-module__hop-Button--primary___gQcR4 {
502
+ .Button-module__hop-Button--primary___3Qmg3 {
503
503
  --background-color: var(--hop-Button-primary-background-color);
504
504
  --color: var(--hop-Button-primary-color);
505
505
  --border: var(--hop-Button-primary-border);
506
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
507
507
  }
508
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
509
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
509
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
510
510
  --background-color: var(--hop-Button-primary-background-color-hover);
511
511
  --color: var(--hop-Button-primary-color-hover);
512
512
  --border: var(--hop-Button-primary-border-hover);
513
513
  }
514
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
514
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
515
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
516
516
  --color: var(--hop-Button-primary-color-pressed);
517
517
  --border: var(--hop-Button-primary-border-pressed);
518
518
  }
519
- .Button-module__hop-Button--secondary___iPATA {
519
+ .Button-module__hop-Button--secondary___u3qlM {
520
520
  --background-color: var(--hop-Button-secondary-background-color);
521
521
  --color: var(--hop-Button-secondary-color);
522
522
  --border: var(--hop-Button-secondary-border);
523
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
524
  }
525
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
526
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
526
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
527
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
528
528
  --color: var(--hop-Button-secondary-color-hover);
529
529
  --border: var(--hop-Button-secondary-border-hover);
530
530
  }
531
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
531
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
532
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
533
533
  --color: var(--hop-Button-secondary-color-pressed);
534
534
  --border: var(--hop-Button-secondary-border-pressed);
535
535
  }
536
- .Button-module__hop-Button--upsell___1odMt {
536
+ .Button-module__hop-Button--upsell___Wa1Kb {
537
537
  --background-color: var(--hop-Button-upsell-background-color);
538
538
  --color: var(--hop-Button-upsell-color);
539
539
  --border: var(--hop-Button-upsell-border);
540
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
541
541
  }
542
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
543
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
543
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
544
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
545
545
  --color: var(--hop-Button-upsell-color-hover);
546
546
  --border: var(--hop-Button-upsell-border-hover);
547
547
  }
548
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
548
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
549
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
550
550
  --color: var(--hop-Button-upsell-color-pressed);
551
551
  --border: var(--hop-Button-upsell-border-pressed);
552
552
  }
553
- .Button-module__hop-Button--danger___nvNVv {
553
+ .Button-module__hop-Button--danger___de-7T {
554
554
  --background-color: var(--hop-Button-danger-background-color);
555
555
  --color: var(--hop-Button-danger-color);
556
556
  --border: var(--hop-Button-danger-border);
557
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
558
558
  }
559
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
560
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
560
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
561
561
  --background-color: var(--hop-Button-danger-background-color-hover);
562
562
  --color: var(--hop-Button-danger-color-hover);
563
563
  --border: var(--hop-Button-danger-border-hover);
564
564
  }
565
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
565
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
566
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
567
567
  --color: var(--hop-Button-danger-color-pressed);
568
568
  --border: var(--hop-Button-danger-border-pressed);
569
569
  }
570
- .Button-module__hop-Button--ghost-primary___XUMG1 {
570
+ .Button-module__hop-Button--ghost-primary___f-GHo {
571
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
572
572
  --color: var(--hop-Button-ghost-primary-color);
573
573
  --border: var(--hop-Button-ghost-primary-border);
574
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
575
575
  }
576
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
577
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
578
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
579
579
  --color: var(--hop-Button-ghost-primary-color-hover);
580
580
  --border: var(--hop-Button-ghost-primary-border-hover);
581
581
  --text-underline: underline;
582
582
  }
583
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
584
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
585
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
586
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
587
587
  --text-underline: underline;
588
588
  }
589
- .Button-module__hop-Button--ghost-secondary___YirRd {
589
+ .Button-module__hop-Button--ghost-secondary___732dQ {
590
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
591
591
  --color: var(--hop-Button-ghost-secondary-color);
592
592
  --border: var(--hop-Button-ghost-secondary-border);
593
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
594
594
  }
595
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
596
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
597
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
600
  --text-underline: underline;
601
601
  }
602
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
603
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
604
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
605
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
606
606
  --text-underline: underline;
607
607
  }
608
- .Button-module__hop-Button--ghost-danger___J37kT {
608
+ .Button-module__hop-Button--ghost-danger___mXQFT {
609
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
610
610
  --color: var(--hop-Button-ghost-danger-color);
611
611
  --border: var(--hop-Button-ghost-danger-border);
612
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
613
613
  }
614
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
615
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
616
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
617
617
  --color: var(--hop-Button-ghost-danger-color-hover);
618
618
  --border: var(--hop-Button-ghost-danger-border-hover);
619
619
  --text-underline: underline;
620
620
  }
621
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
622
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
623
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
624
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
625
625
  --text-underline: underline;
626
626
  }
627
- .Button-module__hop-Button___drz4z[data-focus-visible] {
627
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
628
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
629
  }
630
- .Button-module__hop-Button___drz4z[data-disabled],
631
- .Button-module__hop-Button--loading___Vt2Li {
630
+ .Button-module__hop-Button___0Z1G-[data-disabled],
631
+ .Button-module__hop-Button--loading___3l487 {
632
632
  cursor: not-allowed;
633
633
  }
634
- .Button-module__hop-Button___drz4z[data-disabled] {
634
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
635
635
  --background-color: var(--hop-Button-background-color-disabled);
636
636
  --color: var(--hop-Button-color-disabled);
637
637
  --border: var(--hop-Button-border-disabled);
638
638
  }
639
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
640
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
641
641
  --color: var(--hop-Button-ghost-color-disabled);
642
642
  --border: var(--hop-Button-ghost-border-disabled);
643
643
  }
644
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
644
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
645
645
  --background-color: var(--hop-Button-primary-background-color);
646
646
  --color: var(--hop-Button-primary-color);
647
647
  --border: var(--hop-Button-primary-border);
648
648
  }
649
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
649
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
650
650
  --background-color: var(--hop-Button-secondary-background-color);
651
651
  --color: var(--hop-Button-secondary-color);
652
652
  --border: var(--hop-Button-secondary-border);
653
653
  }
654
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
654
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
655
655
  --background-color: var(--hop-Button-upsell-background-color);
656
656
  --color: var(--hop-Button-upsell-color);
657
657
  --border: var(--hop-Button-upsell-border);
658
658
  }
659
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
659
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
660
660
  --background-color: var(--hop-Button-danger-background-color);
661
661
  --color: var(--hop-Button-danger-color);
662
662
  --border: var(--hop-Button-danger-border);
663
663
  }
664
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
664
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
665
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
666
666
  --color: var(--hop-Button-ghost-primary-color);
667
667
  --border: var(--hop-Button-ghost-primary-border);
668
668
  --text-underline: none;
669
669
  }
670
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
670
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
671
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
672
672
  --color: var(--hop-Button-ghost-secondary-color);
673
673
  --border: var(--hop-Button-ghost-secondary-border);
674
674
  --text-underline: none;
675
675
  }
676
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
676
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
677
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
678
678
  --color: var(--hop-Button-ghost-danger-color);
679
679
  --border: var(--hop-Button-ghost-danger-border);
680
680
  --text-underline: none;
681
681
  }
682
- .Button-module__hop-Button__Spinner___qFcTX {
682
+ .Button-module__hop-Button__Spinner___Aydmf {
683
683
  position: absolute;
684
684
  color: var(--spinner-color);
685
685
  }
686
- .Button-module__hop-Button__icon___i0bX0,
687
- .Button-module__hop-Button__icon-list___h-l1l {
686
+ .Button-module__hop-Button__icon___3H1Sb,
687
+ .Button-module__hop-Button__icon-list___iWElA {
688
688
  flex: 0 0 auto;
689
689
  justify-self: end;
690
690
  order: 1;
691
691
  }
692
- .Button-module__hop-Button__text___gW1zi {
692
+ .Button-module__hop-Button__text___ZFtXo {
693
693
  user-select: none;
694
694
  overflow: visible;
695
695
  flex: 0 1 auto;
@@ -699,60 +699,60 @@
699
699
  text-underline-offset: 0.125rem;
700
700
  text-wrap: nowrap;
701
701
  }
702
- .Button-module__hop-Button__end-icon___H4Qu5,
703
- .Button-module__hop-Button__end-icon-list___k4l7m {
702
+ .Button-module__hop-Button__end-icon___nOaCX,
703
+ .Button-module__hop-Button__end-icon-list___ge2sI {
704
704
  flex: 0 0 auto;
705
705
  order: 3;
706
706
  }
707
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
708
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
707
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
708
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
709
709
  flex-wrap: nowrap;
710
710
  }
711
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
711
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
712
712
  opacity: 0;
713
713
  }
714
714
 
715
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
716
- .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
716
+ .ButtonGroup-module__hop-ButtonGroup___LQF3m {
717
717
  display: inline-flex;
718
718
  flex-wrap: nowrap;
719
719
  gap: var(--hop-space-inline-md);
720
720
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
722
722
  align-items: center;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
725
725
  flex-direction: column;
726
726
  gap: var(--hop-space-stack-md);
727
727
  justify-content: center;
728
728
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
730
730
  align-items: flex-start;
731
731
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
733
733
  align-items: center;
734
734
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
736
736
  align-items: flex-end;
737
737
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
739
739
  justify-content: flex-start;
740
740
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
742
742
  justify-content: center;
743
743
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
745
745
  justify-content: flex-end;
746
746
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
748
748
  flex-wrap: wrap;
749
749
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
751
751
  inline-size: 100%;
752
752
  }
753
753
 
754
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
755
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
756
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +916,7 @@
916
916
  outline: none;
917
917
  transition: color var(--transition);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
920
920
  content: "";
921
921
  position: absolute;
922
922
  inset-block-start: 50%;
@@ -929,284 +929,284 @@
929
929
  border-radius: var(--effect-border-radius);
930
930
  transition: background-color var(--transition);
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
933
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
936
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
937
  --block-size: var(--hop-EmbeddedButton-md-height);
938
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
939
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
941
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
943
  --focus-ring-offset: 0;
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
946
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
950
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
954
954
  --color: var(--hop-EmbeddedButton-neutral-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
958
958
  --color: var(--hop-EmbeddedButton-subdued-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
962
962
  --color: var(--hop-EmbeddedButton-progress-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
966
966
  --color: var(--hop-EmbeddedButton-positive-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
970
970
  --color: var(--hop-EmbeddedButton-caution-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
974
974
  --color: var(--hop-EmbeddedButton-negative-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
978
978
  --color: var(--hop-EmbeddedButton-option1-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
982
982
  --color: var(--hop-EmbeddedButton-option2-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
986
986
  --color: var(--hop-EmbeddedButton-option3-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
990
990
  --color: var(--hop-EmbeddedButton-option4-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
994
994
  --color: var(--hop-EmbeddedButton-option5-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
998
998
  --color: var(--hop-EmbeddedButton-option6-color);
999
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
1002
1002
  --color: var(--hop-EmbeddedButton-selected-color);
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
1004
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
1006
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
1007
  outline-offset: var(--focus-ring-offset);
1008
1008
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1010
1010
  cursor: not-allowed;
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1197
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1199
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1201
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1203
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1205
1205
  position: relative;
1206
1206
  }
1207
1207
 
1208
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1209
- button.CloseButton-module__hop-CloseButton___aWaMI {
1209
+ button.CloseButton-module__hop-CloseButton___i-yPG {
1210
1210
  --hop-CloseButton-margin-top: 0rem;
1211
1211
  --hop-CloseButton-padding: 0rem;
1212
1212
  --hop-CloseButton-width: fit-content;
@@ -1218,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1218
1218
  }
1219
1219
 
1220
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1221
- .Button-module__hop-Button___drz4z {
1221
+ .Button-module__hop-Button___0Z1G- {
1222
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1223
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1342,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1342
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1343
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1344
1344
  }
1345
- .Button-module__hop-Button--fluid___jF2LE {
1345
+ .Button-module__hop-Button--fluid___ocE9B {
1346
1346
  --inline-size: 100%;
1347
1347
  }
1348
- .Button-module__hop-Button--sm___yWI1w {
1348
+ .Button-module__hop-Button--sm___Iin1k {
1349
1349
  --block-size: var(--hop-Button-sm-height);
1350
1350
  --padding: var(--hop-Button-sm-padding);
1351
1351
  }
1352
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1353
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1354
1354
  }
1355
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1356
1356
  --padding: var(--hop-Button-ghost-md-padding);
1357
1357
  }
1358
- .Button-module__hop-Button--icon-only___ZVI03 {
1358
+ .Button-module__hop-Button--icon-only___aWeym {
1359
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1360
1360
  --padding: var(--hop-Button-icon-only-padding);
1361
1361
  aspect-ratio: 1;
1362
1362
  }
1363
- .Button-module__hop-Button--primary___gQcR4 {
1363
+ .Button-module__hop-Button--primary___3Qmg3 {
1364
1364
  --background-color: var(--hop-Button-primary-background-color);
1365
1365
  --color: var(--hop-Button-primary-color);
1366
1366
  --border: var(--hop-Button-primary-border);
1367
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1368
1368
  }
1369
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
1370
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1370
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1371
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1372
1372
  --color: var(--hop-Button-primary-color-hover);
1373
1373
  --border: var(--hop-Button-primary-border-hover);
1374
1374
  }
1375
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1375
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1376
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1377
1377
  --color: var(--hop-Button-primary-color-pressed);
1378
1378
  --border: var(--hop-Button-primary-border-pressed);
1379
1379
  }
1380
- .Button-module__hop-Button--secondary___iPATA {
1380
+ .Button-module__hop-Button--secondary___u3qlM {
1381
1381
  --background-color: var(--hop-Button-secondary-background-color);
1382
1382
  --color: var(--hop-Button-secondary-color);
1383
1383
  --border: var(--hop-Button-secondary-border);
1384
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1385
1385
  }
1386
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1387
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1387
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1388
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1389
1389
  --color: var(--hop-Button-secondary-color-hover);
1390
1390
  --border: var(--hop-Button-secondary-border-hover);
1391
1391
  }
1392
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1393
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1394
1394
  --color: var(--hop-Button-secondary-color-pressed);
1395
1395
  --border: var(--hop-Button-secondary-border-pressed);
1396
1396
  }
1397
- .Button-module__hop-Button--upsell___1odMt {
1397
+ .Button-module__hop-Button--upsell___Wa1Kb {
1398
1398
  --background-color: var(--hop-Button-upsell-background-color);
1399
1399
  --color: var(--hop-Button-upsell-color);
1400
1400
  --border: var(--hop-Button-upsell-border);
1401
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1402
1402
  }
1403
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1404
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1404
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1405
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1406
1406
  --color: var(--hop-Button-upsell-color-hover);
1407
1407
  --border: var(--hop-Button-upsell-border-hover);
1408
1408
  }
1409
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1410
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1411
1411
  --color: var(--hop-Button-upsell-color-pressed);
1412
1412
  --border: var(--hop-Button-upsell-border-pressed);
1413
1413
  }
1414
- .Button-module__hop-Button--danger___nvNVv {
1414
+ .Button-module__hop-Button--danger___de-7T {
1415
1415
  --background-color: var(--hop-Button-danger-background-color);
1416
1416
  --color: var(--hop-Button-danger-color);
1417
1417
  --border: var(--hop-Button-danger-border);
1418
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1419
1419
  }
1420
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1421
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
1421
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1422
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1423
1423
  --color: var(--hop-Button-danger-color-hover);
1424
1424
  --border: var(--hop-Button-danger-border-hover);
1425
1425
  }
1426
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1426
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
1427
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1428
1428
  --color: var(--hop-Button-danger-color-pressed);
1429
1429
  --border: var(--hop-Button-danger-border-pressed);
1430
1430
  }
1431
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1431
+ .Button-module__hop-Button--ghost-primary___f-GHo {
1432
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1433
1433
  --color: var(--hop-Button-ghost-primary-color);
1434
1434
  --border: var(--hop-Button-ghost-primary-border);
1435
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1436
1436
  }
1437
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1438
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1439
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1440
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1441
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1442
1442
  --text-underline: underline;
1443
1443
  }
1444
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1445
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1446
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1447
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1448
1448
  --text-underline: underline;
1449
1449
  }
1450
- .Button-module__hop-Button--ghost-secondary___YirRd {
1450
+ .Button-module__hop-Button--ghost-secondary___732dQ {
1451
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1452
1452
  --color: var(--hop-Button-ghost-secondary-color);
1453
1453
  --border: var(--hop-Button-ghost-secondary-border);
1454
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1455
1455
  }
1456
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1457
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1458
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1459
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1460
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1461
1461
  --text-underline: underline;
1462
1462
  }
1463
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1464
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1465
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1466
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1467
1467
  --text-underline: underline;
1468
1468
  }
1469
- .Button-module__hop-Button--ghost-danger___J37kT {
1469
+ .Button-module__hop-Button--ghost-danger___mXQFT {
1470
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1471
1471
  --color: var(--hop-Button-ghost-danger-color);
1472
1472
  --border: var(--hop-Button-ghost-danger-border);
1473
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1474
1474
  }
1475
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1476
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1477
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1478
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1479
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1480
1480
  --text-underline: underline;
1481
1481
  }
1482
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1483
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1484
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1485
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1486
1486
  --text-underline: underline;
1487
1487
  }
1488
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1488
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1489
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1490
1490
  }
1491
- .Button-module__hop-Button___drz4z[data-disabled],
1492
- .Button-module__hop-Button--loading___Vt2Li {
1491
+ .Button-module__hop-Button___0Z1G-[data-disabled],
1492
+ .Button-module__hop-Button--loading___3l487 {
1493
1493
  cursor: not-allowed;
1494
1494
  }
1495
- .Button-module__hop-Button___drz4z[data-disabled] {
1495
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
1496
1496
  --background-color: var(--hop-Button-background-color-disabled);
1497
1497
  --color: var(--hop-Button-color-disabled);
1498
1498
  --border: var(--hop-Button-border-disabled);
1499
1499
  }
1500
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1501
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1502
1502
  --color: var(--hop-Button-ghost-color-disabled);
1503
1503
  --border: var(--hop-Button-ghost-border-disabled);
1504
1504
  }
1505
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1505
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1506
1506
  --background-color: var(--hop-Button-primary-background-color);
1507
1507
  --color: var(--hop-Button-primary-color);
1508
1508
  --border: var(--hop-Button-primary-border);
1509
1509
  }
1510
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1510
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1511
1511
  --background-color: var(--hop-Button-secondary-background-color);
1512
1512
  --color: var(--hop-Button-secondary-color);
1513
1513
  --border: var(--hop-Button-secondary-border);
1514
1514
  }
1515
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1515
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1516
1516
  --background-color: var(--hop-Button-upsell-background-color);
1517
1517
  --color: var(--hop-Button-upsell-color);
1518
1518
  --border: var(--hop-Button-upsell-border);
1519
1519
  }
1520
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1520
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1521
1521
  --background-color: var(--hop-Button-danger-background-color);
1522
1522
  --color: var(--hop-Button-danger-color);
1523
1523
  --border: var(--hop-Button-danger-border);
1524
1524
  }
1525
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1525
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1526
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1527
1527
  --color: var(--hop-Button-ghost-primary-color);
1528
1528
  --border: var(--hop-Button-ghost-primary-border);
1529
1529
  --text-underline: none;
1530
1530
  }
1531
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1531
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1532
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1533
1533
  --color: var(--hop-Button-ghost-secondary-color);
1534
1534
  --border: var(--hop-Button-ghost-secondary-border);
1535
1535
  --text-underline: none;
1536
1536
  }
1537
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1537
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1538
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1539
1539
  --color: var(--hop-Button-ghost-danger-color);
1540
1540
  --border: var(--hop-Button-ghost-danger-border);
1541
1541
  --text-underline: none;
1542
1542
  }
1543
- .Button-module__hop-Button__Spinner___qFcTX {
1543
+ .Button-module__hop-Button__Spinner___Aydmf {
1544
1544
  position: absolute;
1545
1545
  color: var(--spinner-color);
1546
1546
  }
1547
- .Button-module__hop-Button__icon___i0bX0,
1548
- .Button-module__hop-Button__icon-list___h-l1l {
1547
+ .Button-module__hop-Button__icon___3H1Sb,
1548
+ .Button-module__hop-Button__icon-list___iWElA {
1549
1549
  flex: 0 0 auto;
1550
1550
  justify-self: end;
1551
1551
  order: 1;
1552
1552
  }
1553
- .Button-module__hop-Button__text___gW1zi {
1553
+ .Button-module__hop-Button__text___ZFtXo {
1554
1554
  user-select: none;
1555
1555
  overflow: visible;
1556
1556
  flex: 0 1 auto;
@@ -1560,57 +1560,330 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1560
1560
  text-underline-offset: 0.125rem;
1561
1561
  text-wrap: nowrap;
1562
1562
  }
1563
- .Button-module__hop-Button__end-icon___H4Qu5,
1564
- .Button-module__hop-Button__end-icon-list___k4l7m {
1563
+ .Button-module__hop-Button__end-icon___nOaCX,
1564
+ .Button-module__hop-Button__end-icon-list___ge2sI {
1565
1565
  flex: 0 0 auto;
1566
1566
  order: 3;
1567
1567
  }
1568
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1569
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1568
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1569
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1570
1570
  flex-wrap: nowrap;
1571
1571
  }
1572
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1572
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1573
1573
  opacity: 0;
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton___hlYkA {
1575
+ .LinkButton-module__hop-LinkButton___-WoGS {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1577
+ .LinkButton-module__hop-LinkButton--fluid___dxw2A {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1579
+ .LinkButton-module__hop-LinkButton--sm___OyTLF {
1580
1580
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
1582
1582
  }
1583
- .LinkButton-module__hop-LinkButton--primary___l-P07 {
1583
+ .LinkButton-module__hop-LinkButton--primary___GqNpo {
1584
1584
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___37NV- {
1585
+ .LinkButton-module__hop-LinkButton--secondary___Bekbp {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1587
+ .LinkButton-module__hop-LinkButton--upsell___SKX6u {
1588
1588
  }
1589
- .LinkButton-module__hop-LinkButton--danger___6bQIM {
1589
+ .LinkButton-module__hop-LinkButton--danger___qDii5 {
1590
1590
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
1592
1592
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton__icon___CjXqw,
1600
- .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1599
+ .LinkButton-module__hop-LinkButton__icon___agTeu,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
1601
1601
  }
1602
- .LinkButton-module__hop-LinkButton__text___PNN59 {
1602
+ .LinkButton-module__hop-LinkButton__text___pBNkq {
1603
1603
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1608
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1607
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
1608
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1609
1609
  flex-wrap: nowrap;
1610
1610
  }
1611
1611
 
1612
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
+ .ToggleButton-module__hop-ToggleButton___oE-c4 {
1614
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1615
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1616
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1617
+ --hop-ToggleButton-icon-only-column-gap: 0;
1618
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
1619
+ --hop-ToggleButton-border-size: var(--hop-space-10);
1620
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1621
+ --hop-ToggleButton-icon-only-padding: 0;
1622
+ --hop-ToggleButton-sm-height: 2rem;
1623
+ --hop-ToggleButton-md-height: 2.5rem;
1624
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1625
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1626
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1627
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1628
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1629
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1630
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1631
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1632
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1633
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1634
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1635
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1636
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1637
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1638
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1639
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1640
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1641
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1642
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1643
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1644
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1645
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1646
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1647
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1648
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1649
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1650
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1651
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1652
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1653
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1654
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1655
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1656
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1657
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1658
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1659
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1660
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1661
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1662
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1663
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1664
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1665
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1666
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1667
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1668
+ --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
1669
+ --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
1670
+ --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
1671
+ --hop-ToggleButton-tertiary-background-color: transparent;
1672
+ --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
1673
+ --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
1674
+ --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
1675
+ --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
1676
+ --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
1677
+ --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
1678
+ --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
1679
+ --hop-ToggleButton-tertiary-background-color-disabled: transparent;
1680
+ --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
1681
+ --inline-size: max-content;
1682
+ --block-size: var(--hop-ToggleButton-md-height);
1683
+ --background-color: var(--hop-primary-surface-strong);
1684
+ --color: var(--hop-primary-text-strong);
1685
+ --column-gap: var(--hop-ToggleButton-column-gap);
1686
+ --spinner: var(--hop-primary-icon-strong);
1687
+ --border: 0;
1688
+ --padding: var(--hop-ToggleButton-md-padding);
1689
+ --text-underline: none;
1690
+ cursor: pointer;
1691
+ position: relative;
1692
+ overflow: hidden;
1693
+ display: flex;
1694
+ column-gap: var(--column-gap);
1695
+ align-items: center;
1696
+ justify-content: center;
1697
+ box-sizing: border-box;
1698
+ inline-size: var(--inline-size);
1699
+ block-size: var(--block-size);
1700
+ padding: var(--padding);
1701
+ color: var(--color);
1702
+ text-decoration: none;
1703
+ white-space: nowrap;
1704
+ background-color: var(--background-color);
1705
+ border: var(--border);
1706
+ border-radius: var(--hop-ToggleButton-border-radius);
1707
+ outline: none;
1708
+ outline-offset: var(--hop-ToggleButton-outline-size);
1709
+ transition:
1710
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1711
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1712
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1713
+ }
1714
+ .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
1715
+ --inline-size: 100%;
1716
+ }
1717
+ .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
1718
+ --block-size: var(--hop-ToggleButton-sm-height);
1719
+ --padding: var(--hop-ToggleButton-sm-padding);
1720
+ }
1721
+ .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
1722
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1723
+ --padding: var(--hop-ToggleButton-icon-only-padding);
1724
+ aspect-ratio: 1;
1725
+ }
1726
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk {
1727
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1728
+ --color: var(--hop-ToggleButton-primary-color);
1729
+ --border: var(--hop-ToggleButton-primary-border);
1730
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1731
+ }
1732
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
1733
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
1734
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1735
+ --color: var(--hop-ToggleButton-primary-color-hover);
1736
+ --border: var(--hop-ToggleButton-primary-border-hover);
1737
+ }
1738
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
1739
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1740
+ --color: var(--hop-ToggleButton-primary-color-pressed);
1741
+ --border: var(--hop-ToggleButton-primary-border-pressed);
1742
+ }
1743
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
1744
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1745
+ --color: var(--hop-ToggleButton-primary-color-selected);
1746
+ --border: var(--hop-ToggleButton-primary-border-selected);
1747
+ }
1748
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1749
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1750
+ --color: var(--hop-ToggleButton-secondary-color);
1751
+ --border: var(--hop-ToggleButton-secondary-border);
1752
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1753
+ }
1754
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
1755
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
1756
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1757
+ --color: var(--hop-ToggleButton-secondary-color-hover);
1758
+ --border: var(--hop-ToggleButton-secondary-border-hover);
1759
+ }
1760
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
1761
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1762
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
1763
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
1764
+ }
1765
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
1766
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1767
+ --color: var(--hop-ToggleButton-secondary-color-selected);
1768
+ --border: var(--hop-ToggleButton-secondary-border-selected);
1769
+ }
1770
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1771
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1772
+ --color: var(--hop-ToggleButton-upsell-color);
1773
+ --border: var(--hop-ToggleButton-upsell-border);
1774
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1775
+ }
1776
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
1777
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
1778
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1779
+ --color: var(--hop-ToggleButton-upsell-color-hover);
1780
+ --border: var(--hop-ToggleButton-upsell-border-hover);
1781
+ }
1782
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
1783
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1784
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
1785
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
1786
+ }
1787
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
1788
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1789
+ --color: var(--hop-ToggleButton-upsell-color-selected);
1790
+ --border: var(--hop-ToggleButton-upsell-border-selected);
1791
+ }
1792
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1793
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1794
+ --color: var(--hop-ToggleButton-tertiary-color);
1795
+ --border: var(--hop-ToggleButton-tertiary-border);
1796
+ --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
1797
+ }
1798
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
1799
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
1800
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
1801
+ --color: var(--hop-ToggleButton-tertiary-color-hover);
1802
+ --border: var(--hop-ToggleButton-tertiary-border-hover);
1803
+ --text-underline: underline;
1804
+ }
1805
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
1806
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
1807
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
1808
+ --color: var(--hop-ToggleButton-tertiary-color-pressed);
1809
+ --border: var(--hop-ToggleButton-tertiary-border-pressed);
1810
+ }
1811
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
1812
+ --text-underline: underline;
1813
+ }
1814
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
1815
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1816
+ }
1817
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
1818
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
1819
+ cursor: not-allowed;
1820
+ }
1821
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
1822
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
1823
+ --color: var(--hop-ToggleButton-color-disabled);
1824
+ --border: var(--hop-ToggleButton-border-disabled);
1825
+ }
1826
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
1827
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
1828
+ --color: var(--hop-ToggleButton-tertiary-color-disabled);
1829
+ --border: var(--hop-ToggleButton-tertiary-border-disabled);
1830
+ }
1831
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
1832
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1833
+ --color: var(--hop-ToggleButton-primary-color);
1834
+ --border: var(--hop-ToggleButton-primary-border);
1835
+ }
1836
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1837
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1838
+ --color: var(--hop-ToggleButton-secondary-color);
1839
+ --border: var(--hop-ToggleButton-secondary-border);
1840
+ }
1841
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1842
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1843
+ --color: var(--hop-ToggleButton-upsell-color);
1844
+ --border: var(--hop-ToggleButton-upsell-border);
1845
+ }
1846
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1847
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1848
+ --color: var(--hop-ToggleButton-tertiary-color);
1849
+ --border: var(--hop-ToggleButton-tertiary-border);
1850
+ --text-underline: none;
1851
+ }
1852
+ .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
1853
+ position: absolute;
1854
+ color: var(--spinner-color);
1855
+ }
1856
+ .ToggleButton-module__hop-ToggleButton__icon___9MF68,
1857
+ .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
1858
+ flex: 0 0 auto;
1859
+ justify-self: end;
1860
+ order: 1;
1861
+ }
1862
+ .ToggleButton-module__hop-ToggleButton__text___dDxdD {
1863
+ user-select: none;
1864
+ overflow: visible;
1865
+ flex: 0 1 auto;
1866
+ order: 2;
1867
+ font-weight: var(--hop-font-weight-505);
1868
+ text-decoration: var(--text-underline);
1869
+ text-underline-offset: 0.125rem;
1870
+ text-wrap: nowrap;
1871
+ }
1872
+ .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
1873
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1874
+ flex: 0 0 auto;
1875
+ order: 3;
1876
+ }
1877
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
1878
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1879
+ flex-wrap: nowrap;
1880
+ }
1881
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
1882
+ opacity: 0;
1883
+ }
1884
+
1612
1885
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1613
- .HopperProvider-module__hop-HopperProvider___1mjTd {
1886
+ .HopperProvider-module__hop-HopperProvider___0oWjx {
1614
1887
  font-family: var(--hop-body-md-font-family);
1615
1888
  font-size: var(--hop-body-md-font-size);
1616
1889
  font-weight: var(--hop-body-md-font-weight);
@@ -1620,7 +1893,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1620
1893
  }
1621
1894
 
1622
1895
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1623
- .Link-module__hop-Link___n4WL9 {
1896
+ .Link-module__hop-Link___zN0GU {
1624
1897
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1625
1898
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1626
1899
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1680,130 +1953,130 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1680
1953
  outline: none;
1681
1954
  outline-offset: 0.125rem;
1682
1955
  }
1683
- :where(.Link-module__hop-Link___n4WL9) {
1956
+ :where(.Link-module__hop-Link___zN0GU) {
1684
1957
  font-family: var(--font-family);
1685
1958
  font-size: var(--font-size);
1686
1959
  font-weight: var(--font-weight);
1687
1960
  line-height: var(--line-height);
1688
1961
  }
1689
- :where(.Link-module__hop-Link--xs___kEypx) {
1962
+ :where(.Link-module__hop-Link--xs___ABclH) {
1690
1963
  --font-size: var(--hop-Link-xs-font-size);
1691
1964
  --font-family: var(--hop-Link-xs-font-family);
1692
1965
  --font-weight: var(--hop-Link-xs-font-weight);
1693
1966
  --line-height: var(--hop-Link-xs-line-height);
1694
1967
  }
1695
- :where(.Link-module__hop-Link--sm___oCoo0) {
1968
+ :where(.Link-module__hop-Link--sm___6euWI) {
1696
1969
  --font-size: var(--hop-Link-sm-font-size);
1697
1970
  --font-family: var(--hop-Link-sm-font-family);
1698
1971
  --font-weight: var(--hop-Link-sm-font-weight);
1699
1972
  --line-height: var(--hop-Link-sm-line-height);
1700
1973
  }
1701
- :where(.Link-module__hop-Link--md___4u0Jm) {
1974
+ :where(.Link-module__hop-Link--md___-4wx-) {
1702
1975
  --font-size: var(--hop-Link-md-font-size);
1703
1976
  --font-family: var(--hop-Link-md-font-family);
1704
1977
  --font-weight: var(--hop-Link-md-font-weight);
1705
1978
  --line-height: var(--hop-Link-md-line-height);
1706
1979
  }
1707
- :where(.Link-module__hop-Link--lg___nFVvq) {
1980
+ :where(.Link-module__hop-Link--lg___r5ujq) {
1708
1981
  --font-size: var(--hop-Link-lg-font-size);
1709
1982
  --font-family: var(--hop-Link-lg-font-family);
1710
1983
  --font-weight: var(--hop-Link-lg-font-weight);
1711
1984
  --line-height: var(--hop-Link-lg-line-height);
1712
1985
  }
1713
- :where(.Link-module__hop-Link--xl___yqMaS) {
1986
+ :where(.Link-module__hop-Link--xl___ntD7P) {
1714
1987
  --font-size: var(--hop-Link-xl-font-size);
1715
1988
  --font-family: var(--hop-Link-xl-font-family);
1716
1989
  --font-weight: var(--hop-Link-xl-font-weight);
1717
1990
  --line-height: var(--hop-Link-xl-line-height);
1718
1991
  }
1719
- :where(.Link-module__hop-Link--2xl___EgZxg) {
1992
+ :where(.Link-module__hop-Link--2xl___tluwP) {
1720
1993
  --font-size: var(--hop-Link-2xl-font-size);
1721
1994
  --font-family: var(--hop-Link-2xl-font-family);
1722
1995
  --font-weight: var(--hop-Link-2xl-font-weight);
1723
1996
  --line-height: var(--hop-Link-2xl-line-height);
1724
1997
  }
1725
- :where(.Link-module__hop-Link--inherit___Xpj78) {
1998
+ :where(.Link-module__hop-Link--inherit___RyQa4) {
1726
1999
  --font-size: var(--hop-Link-inherit-size-font-size);
1727
2000
  --font-family: var(--hop-Link-inherit-size-font-family);
1728
2001
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1729
2002
  --line-height: var(--hop-Link-inherit-size-line-height);
1730
2003
  }
1731
- .Link-module__hop-Link___n4WL9[data-focus-visible] {
2004
+ .Link-module__hop-Link___zN0GU[data-focus-visible] {
1732
2005
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1733
2006
  }
1734
- .Link-module__hop-Link___n4WL9[data-disabled] {
2007
+ .Link-module__hop-Link___zN0GU[data-disabled] {
1735
2008
  cursor: default;
1736
2009
  }
1737
- .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
2010
+ .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
1738
2011
  padding: var(--hop-Link-padding-standalone);
1739
2012
  }
1740
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
2013
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
1741
2014
  padding: var(--hop-Link-padding-standalone-xs);
1742
2015
  }
1743
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
2016
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
1744
2017
  padding: var(--hop-Link-padding-standalone-sm);
1745
2018
  }
1746
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
2019
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
1747
2020
  padding: var(--hop-Link-padding-standalone-md);
1748
2021
  }
1749
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
2022
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
1750
2023
  padding: var(--hop-Link-padding-standalone-lg);
1751
2024
  }
1752
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
2025
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
1753
2026
  padding: var(--hop-Link-padding-standalone-xl);
1754
2027
  }
1755
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
2028
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
1756
2029
  padding: var(--hop-Link-padding-standalone-2xl);
1757
2030
  }
1758
- .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
1759
- .Link-module__hop-Link--quiet___9GBMr[data-hovered],
1760
- .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
1761
- .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
2031
+ .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
2032
+ .Link-module__hop-Link--quiet___p89Vc[data-hovered],
2033
+ .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
2034
+ .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
1762
2035
  text-decoration: underline;
1763
2036
  }
1764
- .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
2037
+ .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
1765
2038
  text-decoration: underline;
1766
2039
  }
1767
- .Link-module__hop-Link--primary___YeNRh {
2040
+ .Link-module__hop-Link--primary___o0ags {
1768
2041
  color: var(--hop-Link-primary-text-color);
1769
2042
  }
1770
- .Link-module__hop-Link--primary___YeNRh[data-disabled] {
2043
+ .Link-module__hop-Link--primary___o0ags[data-disabled] {
1771
2044
  color: var(--hop-Link-primary-text-disabled-color);
1772
2045
  }
1773
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
1774
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
2046
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
2047
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
1775
2048
  color: var(--hop-Link-primary-text-hover-color);
1776
2049
  }
1777
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
2050
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
1778
2051
  color: var(--hop-Link-primary-text-pressed-color);
1779
2052
  }
1780
- .Link-module__hop-Link--secondary___0pBbc {
2053
+ .Link-module__hop-Link--secondary___jcpD5 {
1781
2054
  color: var(--hop-Link-neutral-text-color);
1782
2055
  }
1783
- .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
2056
+ .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
1784
2057
  color: var(--hop-Link-neutral-text-disabled-color);
1785
2058
  }
1786
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
1787
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
2059
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
2060
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
1788
2061
  color: var(--hop-Link-neutral-text-hover-color);
1789
2062
  }
1790
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
2063
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
1791
2064
  color: var(--hop-Link-neutral-text-pressed-color);
1792
2065
  }
1793
- .Link-module__hop-Link__icon___QFMUA,
1794
- .Link-module__hop-Link__icon-list___eQlWg {
2066
+ .Link-module__hop-Link__icon___N8Pvt,
2067
+ .Link-module__hop-Link__icon-list___jgYl- {
1795
2068
  order: 2;
1796
2069
  }
1797
- .Link-module__hop-Link__text___1mmQh {
2070
+ .Link-module__hop-Link__text___9BuwZ {
1798
2071
  order: 1;
1799
2072
  }
1800
- .Link-module__hop-Link__start-icon___Tury5,
1801
- .Link-module__hop-Link__start-icon-list___lkoEc {
2073
+ .Link-module__hop-Link__start-icon___GOMwu,
2074
+ .Link-module__hop-Link__start-icon-list___P72wB {
1802
2075
  order: 0;
1803
2076
  }
1804
2077
 
1805
2078
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1806
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
2079
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
1807
2080
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1808
2081
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1809
2082
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1834,46 +2107,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1834
2107
  background-color: var(--background-color);
1835
2108
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1836
2109
  }
1837
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
2110
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
1838
2111
  --size: var(--hop-RichIconAvatarImage-xs-size);
1839
2112
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1840
2113
  }
1841
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
2114
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
1842
2115
  --size: var(--hop-RichIconAvatarImage-sm-size);
1843
2116
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1844
2117
  }
1845
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
2118
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
1846
2119
  --size: var(--hop-RichIconAvatarImage-md-size);
1847
2120
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1848
2121
  }
1849
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
2122
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
1850
2123
  --size: var(--hop-RichIconAvatarImage-lg-size);
1851
2124
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1852
2125
  }
1853
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
2126
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
1854
2127
  --size: var(--hop-RichIconAvatarImage-xl-size);
1855
2128
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1856
2129
  }
1857
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
2130
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
1858
2131
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1859
2132
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1860
2133
  }
1861
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
2134
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
1862
2135
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1863
2136
  }
1864
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1865
2138
  position: relative;
1866
2139
  display: block;
1867
2140
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1868
2141
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1869
2142
  }
1870
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2143
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1871
2144
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1872
2145
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1873
2146
  }
1874
2147
 
1875
2148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1876
- .Avatar-module__hop-Avatar___Ihw-T {
2149
+ .Avatar-module__hop-Avatar___sOX9A {
1877
2150
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1878
2151
  --hop-Avatar-mix-blend-mode: normal;
1879
2152
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1918,67 +2191,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1918
2191
  background-color: var(--background-color, transparent);
1919
2192
  border-radius: var(--hop-Avatar-border-radius);
1920
2193
  }
1921
- .Avatar-module__hop-Avatar--xs___wUBE6 {
2194
+ .Avatar-module__hop-Avatar--xs___i1aUW {
1922
2195
  --size: var(--hop-Avatar-xs-size);
1923
2196
  }
1924
- .Avatar-module__hop-Avatar--sm___zFiEI {
2197
+ .Avatar-module__hop-Avatar--sm___nwUvL {
1925
2198
  --size: var(--hop-Avatar-sm-size);
1926
2199
  }
1927
- .Avatar-module__hop-Avatar--md___gGnf1 {
2200
+ .Avatar-module__hop-Avatar--md___uyw33 {
1928
2201
  --size: var(--hop-Avatar-md-size);
1929
2202
  }
1930
- .Avatar-module__hop-Avatar--lg___59OtB {
2203
+ .Avatar-module__hop-Avatar--lg___Mui78 {
1931
2204
  --size: var(--hop-Avatar-lg-size);
1932
2205
  }
1933
- .Avatar-module__hop-Avatar--xl___zCYTU {
2206
+ .Avatar-module__hop-Avatar--xl___hHaUG {
1934
2207
  --size: var(--hop-Avatar-xl-size);
1935
2208
  }
1936
- .Avatar-module__hop-Avatar--2xl___lpaAF {
2209
+ .Avatar-module__hop-Avatar--2xl___pqrQN {
1937
2210
  --size: var(--hop-Avatar-2xl-size);
1938
2211
  }
1939
- .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
2212
+ .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
1940
2213
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1941
2214
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1942
2215
  }
1943
- .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
2216
+ .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
1944
2217
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1945
2218
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1946
2219
  }
1947
- .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
2220
+ .Avatar-module__hop-Avatar--decorative-option3___vCyti {
1948
2221
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1949
2222
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1950
2223
  }
1951
- .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
2224
+ .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
1952
2225
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1953
2226
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1954
2227
  }
1955
- .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
2228
+ .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
1956
2229
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1957
2230
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1958
2231
  }
1959
- .Avatar-module__hop-Avatar--decorative-option6___jliDF {
2232
+ .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
1960
2233
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1961
2234
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1962
2235
  }
1963
- .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
2236
+ .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
1964
2237
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1965
2238
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1966
2239
  }
1967
- .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
2240
+ .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
1968
2241
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1969
2242
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1970
2243
  }
1971
- .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
2244
+ .Avatar-module__hop-Avatar--decorative-option9___en8-c {
1972
2245
  --background-color: var(--hop-Avatar-decorative-9-background-color);
1973
2246
  --text-color: var(--hop-Avatar-decorative-9-text-color);
1974
2247
  }
1975
- .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2248
+ .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
1976
2249
  --background-color: var(--hop-Avatar-background-color-disabled);
1977
2250
  --text-color: var(--hop-Avatar-text-color-disabled);
1978
2251
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1979
2252
  isolation: isolate;
1980
2253
  }
1981
- .Avatar-module__hop-Avatar__image___4XmMJ {
2254
+ .Avatar-module__hop-Avatar__image___aGfAg {
1982
2255
  position: relative;
1983
2256
  display: block;
1984
2257
  box-sizing: border-box;
@@ -1989,7 +2262,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1989
2262
  }
1990
2263
 
1991
2264
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
1992
- .Tooltip-module__hop-Tooltip___RIZp2 {
2265
+ .Tooltip-module__hop-Tooltip___nVbS- {
1993
2266
  --hop-Tooltip-max-inline-size: 20rem;
1994
2267
  --hop-Tooltip-slide-amount: 0.25rem;
1995
2268
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2016,29 +2289,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2016
2289
  border-radius: var(--hop-Tooltip-border-radius);
2017
2290
  box-shadow: var(--hop-Tooltip-box-shadow);
2018
2291
  }
2019
- .Tooltip-module__hop-Tooltip--top___LYimQ {
2292
+ .Tooltip-module__hop-Tooltip--top___0Picg {
2020
2293
  --origin-x: 0;
2021
2294
  --origin-y: var(--hop-Tooltip-slide-amount);
2022
2295
  }
2023
- .Tooltip-module__hop-Tooltip--right___U7MIG {
2296
+ .Tooltip-module__hop-Tooltip--right___J7XGb {
2024
2297
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2025
2298
  --origin-y: 0;
2026
2299
  }
2027
- .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2300
+ .Tooltip-module__hop-Tooltip--bottom___apr36 {
2028
2301
  --origin-x: 0;
2029
2302
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2030
2303
  }
2031
- .Tooltip-module__hop-Tooltip--left___qVC3o {
2304
+ .Tooltip-module__hop-Tooltip--left___98KWK {
2032
2305
  --origin-x: var(--hop-Tooltip-slide-amount);
2033
2306
  --origin-y: 0;
2034
2307
  }
2035
- .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2036
- animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2308
+ .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2309
+ animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2037
2310
  }
2038
- .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2039
- animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2311
+ .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2312
+ animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2040
2313
  }
2041
- @keyframes Tooltip-module__slide___-wv3b {
2314
+ @keyframes Tooltip-module__slide___COczJ {
2042
2315
  from {
2043
2316
  transform: translate(var(--origin-x), var(--origin-y));
2044
2317
  opacity: 0;
@@ -2050,44 +2323,44 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2050
2323
  }
2051
2324
 
2052
2325
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2053
- .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2326
+ .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2054
2327
  --hop-AvatarGroup-display: flex;
2055
2328
  --hop-AvatarGroup-align-items: center;
2056
2329
  display: var(--hop-AvatarGroup-display);
2057
2330
  align-items: var(--hop-AvatarGroup-align-items);
2058
2331
  }
2059
- .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2332
+ .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2060
2333
  flex-wrap: wrap;
2061
2334
  }
2062
- .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2335
+ .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2063
2336
  --gap: -0.125rem;
2064
2337
  }
2065
- .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2338
+ .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2066
2339
  --gap: -0.25rem;
2067
2340
  }
2068
- .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2341
+ .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2069
2342
  --gap: -0.5rem;
2070
2343
  }
2071
- .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2344
+ .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2072
2345
  --gap: -1rem;
2073
2346
  }
2074
- .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2347
+ .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2075
2348
  --gap: -1rem;
2076
2349
  }
2077
- .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2350
+ .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2078
2351
  --gap: -2rem;
2079
2352
  }
2080
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2353
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2081
2354
  margin-inline-start: var(--gap);
2082
2355
  transition: margin var(--hop-easing-duration-2);
2083
2356
  }
2084
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2357
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2085
2358
  margin-inline-start: 0;
2086
2359
  }
2087
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2360
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2088
2361
  margin-inline-start: 0;
2089
2362
  }
2090
- .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2363
+ .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2091
2364
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2092
2365
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2093
2366
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2099,7 +2372,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2099
2372
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2100
2373
  line-height: var(--hop-AvatarGroup-label-line-height);
2101
2374
  }
2102
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2375
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2103
2376
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2104
2377
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2105
2378
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2117,21 +2390,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2117
2390
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2118
2391
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2119
2392
  }
2120
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2393
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2121
2394
  margin-block-end: 0.25rem;
2122
2395
  }
2123
- .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2396
+ .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2124
2397
  justify-content: flex-start;
2125
2398
  }
2126
- .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2399
+ .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
2127
2400
  justify-content: flex-end;
2128
2401
  }
2129
- .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2402
+ .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
2130
2403
  justify-content: center;
2131
2404
  }
2132
2405
 
2133
2406
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2134
- .Badge-module__hop-Badge___A-Bla {
2407
+ .Badge-module__hop-Badge___zgMp1 {
2135
2408
  --hop-Badge-height: 1.5rem;
2136
2409
  --hop-Badge-width: max-content;
2137
2410
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2181,67 +2454,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2181
2454
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2182
2455
  border-radius: var(--border-radius);
2183
2456
  }
2184
- .Badge-module__hop-Badge--primary___E55Gz {
2457
+ .Badge-module__hop-Badge--primary___FtMRN {
2185
2458
  --background-color: var(--hop-Badge-primary-background-color);
2186
2459
  --text-color: var(--hop-Badge-primary-text-color);
2187
2460
  }
2188
- .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
2461
+ .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
2189
2462
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2190
2463
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2191
2464
  }
2192
- .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
2465
+ .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
2193
2466
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2194
2467
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2195
2468
  }
2196
- .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
2469
+ .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
2197
2470
  --background-color: var(--hop-Badge-primary-background-color-selected);
2198
2471
  --text-color: var(--hop-Badge-primary-text-color-selected);
2199
2472
  }
2200
- .Badge-module__hop-Badge--secondary___0bxAx {
2473
+ .Badge-module__hop-Badge--secondary___mIP5m {
2201
2474
  --background-color: var(--hop-Badge-secondary-background-color);
2202
2475
  --text-color: var(--hop-Badge-secondary-text-color);
2203
2476
  }
2204
- .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
2477
+ .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
2205
2478
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2206
2479
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2207
2480
  }
2208
- .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
2481
+ .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
2209
2482
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2210
2483
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2211
2484
  }
2212
- .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
2485
+ .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
2213
2486
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2214
2487
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2215
2488
  }
2216
- .Badge-module__hop-Badge--subdued___zdomT {
2489
+ .Badge-module__hop-Badge--subdued___8iY3E {
2217
2490
  --background-color: var(--hop-Badge-subdued-background-color);
2218
2491
  --text-color: var(--hop-Badge-subdued-text-color);
2219
2492
  }
2220
- .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
2493
+ .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
2221
2494
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2222
2495
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2223
2496
  }
2224
- .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
2497
+ .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
2225
2498
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2226
2499
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2227
2500
  }
2228
- .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
2501
+ .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
2229
2502
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2230
2503
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2231
2504
  }
2232
- .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
2505
+ .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
2233
2506
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2234
2507
  --height: var(--hop-Badge-indeterminate-height);
2235
2508
  --width: var(--hop-Badge-indeterminate-width);
2236
2509
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2237
2510
  }
2238
- .Badge-module__hop-Badge___A-Bla[data-disabled] {
2511
+ .Badge-module__hop-Badge___zgMp1[data-disabled] {
2239
2512
  --background-color: var(--hop-Badge-background-color-disabled);
2240
2513
  --text-color: var(--hop-Badge-text-color-disabled);
2241
2514
  }
2242
2515
 
2243
2516
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2244
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
2517
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j {
2245
2518
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2246
2519
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2247
2520
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2282,7 +2555,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2282
2555
  box-sizing: border-box;
2283
2556
  inline-size: max-content;
2284
2557
  }
2285
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
2558
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
2286
2559
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2287
2560
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2288
2561
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2290,11 +2563,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2290
2563
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2291
2564
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2292
2565
  }
2293
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
2566
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
2294
2567
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2295
2568
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2296
2569
  }
2297
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
2570
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
2298
2571
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2299
2572
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2300
2573
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2302,11 +2575,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2302
2575
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2303
2576
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2304
2577
  }
2305
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
2578
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
2306
2579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2307
2580
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2308
2581
  }
2309
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
2582
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
2310
2583
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2311
2584
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2312
2585
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2314,11 +2587,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2314
2587
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2315
2588
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2316
2589
  }
2317
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
2590
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
2318
2591
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2319
2592
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2320
2593
  }
2321
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
2594
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
2322
2595
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2323
2596
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2324
2597
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2326,11 +2599,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2326
2599
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2327
2600
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2328
2601
  }
2329
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
2602
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
2330
2603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2331
2604
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2332
2605
  }
2333
- .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
2606
+ .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
2334
2607
  position: absolute;
2335
2608
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2336
2609
  transform-origin: var(--badge-transform-origin);
@@ -2338,7 +2611,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2338
2611
  }
2339
2612
 
2340
2613
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2341
- .Checkbox-module__hop-Checkbox___RAOey {
2614
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2342
2615
  --hop-Checkbox-box-border-size: 0.0625rem;
2343
2616
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2344
2617
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2413,60 +2686,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2413
2686
  inline-size: max-content;
2414
2687
  max-inline-size: 100%;
2415
2688
  }
2416
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2689
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2417
2690
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2418
2691
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2419
2692
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2420
2693
  --text-color: var(--hop-Checkbox-text-color-focused);
2421
2694
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2422
2695
  }
2423
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2696
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2424
2697
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2425
2698
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2426
2699
  --text-color: var(--hop-Checkbox-text-color-hovered);
2427
2700
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2428
2701
  }
2429
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2702
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2430
2703
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2431
2704
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2432
2705
  --text-color: var(--hop-Checkbox-text-color-pressed);
2433
2706
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2434
2707
  }
2435
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2708
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2436
2709
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2437
2710
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2438
2711
  --check-display: var(--hop-Checkbox-check-display-selected);
2439
2712
  --text-color: var(--hop-Checkbox-text-color-selected);
2440
2713
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2441
2714
  }
2442
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2715
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2443
2716
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2444
2717
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2445
2718
  --check-color: var(--hop-Checkbox-check-color-invalid);
2446
2719
  --text-color: var(--hop-Checkbox-text-color-invalid);
2447
2720
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2448
2721
  }
2449
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2722
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2450
2723
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2451
2724
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2452
2725
  }
2453
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2726
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2454
2727
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2455
2728
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2456
2729
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2457
2730
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2458
2731
  }
2459
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2732
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2460
2733
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2461
2734
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2462
2735
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2463
2736
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2464
2737
  }
2465
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2738
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2466
2739
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2467
2740
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2468
2741
  }
2469
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2742
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2470
2743
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2471
2744
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2472
2745
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2474,25 +2747,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2474
2747
  --text-color: var(--hop-Checkbox-text-color-disabled);
2475
2748
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2476
2749
  }
2477
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
2750
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2478
2751
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2479
2752
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2480
2753
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2481
2754
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2482
2755
  }
2483
- .Checkbox-module__hop-Checkbox--md___GL7zO {
2756
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2484
2757
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2485
2758
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2486
2759
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2487
2760
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2488
2761
  }
2489
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2490
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2762
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
2763
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2491
2764
  flex: 0 0 auto;
2492
2765
  order: 3;
2493
2766
  color: var(--icon-color);
2494
2767
  }
2495
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
2768
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2496
2769
  display: flex;
2497
2770
  flex: 0 0 auto;
2498
2771
  align-items: center;
@@ -2508,11 +2781,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2508
2781
  outline-offset: 0.125rem;
2509
2782
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2510
2783
  }
2511
- .Checkbox-module__hop-Checkbox__check___QKTgI {
2784
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2512
2785
  display: var(--check-display);
2513
2786
  color: var(--check-color);
2514
2787
  }
2515
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2788
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2516
2789
  flex: 0 1 auto;
2517
2790
  order: 2;
2518
2791
  min-inline-size: 0;
@@ -2522,7 +2795,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2522
2795
  }
2523
2796
 
2524
2797
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2525
- .CheckboxField-module__hop-CheckboxField___5HYK9 {
2798
+ .CheckboxField-module__hop-CheckboxField___Moz-- {
2526
2799
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2527
2800
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2528
2801
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2541,28 +2814,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2541
2814
  inline-size: max-content;
2542
2815
  max-inline-size: 100%;
2543
2816
  }
2544
- .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
2817
+ .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
2545
2818
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2546
2819
  }
2547
- .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
2820
+ .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
2548
2821
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2549
2822
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2550
2823
  }
2551
- .CheckboxField-module__hop-CheckboxField--md___90C92 {
2824
+ .CheckboxField-module__hop-CheckboxField--md___0I29B {
2552
2825
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2553
2826
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2554
2827
  }
2555
- .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
2828
+ .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
2556
2829
  order: 2;
2557
2830
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2558
2831
  color: var(--description-color);
2559
2832
  }
2560
- .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
2833
+ .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
2561
2834
  order: 1;
2562
2835
  }
2563
2836
 
2564
2837
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2565
- .ErrorMessage-module__hop-ErrorMessage___XomeT {
2838
+ .ErrorMessage-module__hop-ErrorMessage___V-yBH {
2566
2839
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2567
2840
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2568
2841
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2579,13 +2852,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2579
2852
  line-height: var(--hop-ErrorMessage-line-height);
2580
2853
  color: var(--hop-ErrorMessage-color);
2581
2854
  }
2582
- .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2855
+ .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
2583
2856
  flex: 0 0 auto;
2584
2857
  align-self: flex-start;
2585
2858
  }
2586
2859
 
2587
2860
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2588
- .HelperMessage-module__hop-HelperMessage___QIP7E {
2861
+ .HelperMessage-module__hop-HelperMessage___eMQ7m {
2589
2862
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2590
2863
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2591
2864
  display: flex;
@@ -2594,13 +2867,13 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2594
2867
  box-sizing: border-box;
2595
2868
  color: var(--hop-HelperMessage-color);
2596
2869
  }
2597
- .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
2870
+ .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
2598
2871
  flex: 0 0 auto;
2599
2872
  align-self: flex-start;
2600
2873
  }
2601
2874
 
2602
2875
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2603
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
2876
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
2604
2877
  --hop-CheckboxGroup-align-items: flex-start;
2605
2878
  --hop-CheckboxGroup-justify-content: flex-start;
2606
2879
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2639,46 +2912,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2639
2912
  inline-size: max-content;
2640
2913
  max-inline-size: 100%;
2641
2914
  }
2642
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
2915
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
2643
2916
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2644
2917
  --list-border-radius: var(--hop-shape-rounded-md);
2645
2918
  }
2646
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2919
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2647
2920
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2648
2921
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2649
2922
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2650
2923
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2651
2924
  }
2652
- .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2925
+ .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2653
2926
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2654
2927
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2655
2928
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2656
2929
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2657
2930
  }
2658
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2931
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2659
2932
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2660
2933
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2661
2934
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2662
2935
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2663
2936
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2664
2937
  }
2665
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2938
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2666
2939
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2667
2940
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2668
2941
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2669
2942
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2670
2943
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2671
2944
  }
2672
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
2945
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
2673
2946
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2674
2947
  }
2675
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
2948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
2676
2949
  --flex-wrap: nowrap;
2677
2950
  }
2678
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
2951
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
2679
2952
  order: 1;
2680
2953
  }
2681
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
2954
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
2682
2955
  display: flex;
2683
2956
  flex-flow: var(--flex-direction) var(--flex-wrap);
2684
2957
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2689,7 +2962,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2689
2962
  border: var(--list-border, none);
2690
2963
  border-radius: var(--list-border-radius, 0);
2691
2964
  }
2692
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
2965
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
2693
2966
  position: relative;
2694
2967
  flex: 0 1 auto;
2695
2968
  align-content: start;
@@ -2697,28 +2970,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2697
2970
  min-inline-size: 0;
2698
2971
  padding: var(--checkbox-padding, 0);
2699
2972
  }
2700
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2973
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2701
2974
  content: "";
2702
2975
  position: absolute;
2703
2976
  display: block;
2704
2977
  }
2705
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2978
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2706
2979
  inset-block-start: 0;
2707
2980
  inset-inline: 0;
2708
2981
  border-block-start: var(--list-border, none);
2709
2982
  }
2710
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2983
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2711
2984
  inset-block: 0;
2712
2985
  inset-inline-start: 0;
2713
2986
  border-inline-start: var(--list-border, none);
2714
2987
  }
2715
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2716
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
2988
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
2989
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
2717
2990
  order: 3;
2718
2991
  }
2719
2992
 
2720
2993
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2721
- .Checkbox-module__hop-Checkbox___RAOey {
2994
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2722
2995
  --hop-Checkbox-box-border-size: 0.0625rem;
2723
2996
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2724
2997
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2793,60 +3066,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2793
3066
  inline-size: max-content;
2794
3067
  max-inline-size: 100%;
2795
3068
  }
2796
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3069
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2797
3070
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2798
3071
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2799
3072
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2800
3073
  --text-color: var(--hop-Checkbox-text-color-focused);
2801
3074
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2802
3075
  }
2803
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3076
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2804
3077
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2805
3078
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2806
3079
  --text-color: var(--hop-Checkbox-text-color-hovered);
2807
3080
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2808
3081
  }
2809
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3082
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2810
3083
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2811
3084
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2812
3085
  --text-color: var(--hop-Checkbox-text-color-pressed);
2813
3086
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2814
3087
  }
2815
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3088
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2816
3089
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2817
3090
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2818
3091
  --check-display: var(--hop-Checkbox-check-display-selected);
2819
3092
  --text-color: var(--hop-Checkbox-text-color-selected);
2820
3093
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2821
3094
  }
2822
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3095
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2823
3096
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2824
3097
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2825
3098
  --check-color: var(--hop-Checkbox-check-color-invalid);
2826
3099
  --text-color: var(--hop-Checkbox-text-color-invalid);
2827
3100
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2828
3101
  }
2829
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3102
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2830
3103
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2831
3104
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2832
3105
  }
2833
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3106
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2834
3107
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2835
3108
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2836
3109
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2837
3110
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2838
3111
  }
2839
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3112
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2840
3113
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2841
3114
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2842
3115
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2843
3116
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2844
3117
  }
2845
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3118
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2846
3119
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2847
3120
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2848
3121
  }
2849
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3122
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2850
3123
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2851
3124
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2852
3125
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2854,25 +3127,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2854
3127
  --text-color: var(--hop-Checkbox-text-color-disabled);
2855
3128
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2856
3129
  }
2857
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3130
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2858
3131
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2859
3132
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2860
3133
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2861
3134
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2862
3135
  }
2863
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3136
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2864
3137
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2865
3138
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2866
3139
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2867
3140
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2868
3141
  }
2869
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2870
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3142
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
3143
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2871
3144
  flex: 0 0 auto;
2872
3145
  order: 3;
2873
3146
  color: var(--icon-color);
2874
3147
  }
2875
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3148
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2876
3149
  display: flex;
2877
3150
  flex: 0 0 auto;
2878
3151
  align-items: center;
@@ -2888,11 +3161,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2888
3161
  outline-offset: 0.125rem;
2889
3162
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2890
3163
  }
2891
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3164
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2892
3165
  display: var(--check-display);
2893
3166
  color: var(--check-color);
2894
3167
  }
2895
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3168
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2896
3169
  flex: 0 1 auto;
2897
3170
  order: 2;
2898
3171
  min-inline-size: 0;
@@ -2900,24 +3173,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2900
3173
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2901
3174
  color: var(--text-color);
2902
3175
  }
2903
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
3176
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
2904
3177
  }
2905
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
3178
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
2906
3179
  }
2907
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
3180
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
2908
3181
  }
2909
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
2910
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
3182
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3183
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
2911
3184
  }
2912
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
3185
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
2913
3186
  }
2914
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
3187
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
2915
3188
  }
2916
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
3189
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
2917
3190
  }
2918
3191
 
2919
3192
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2920
- .Radio-module__hop-Radio___oBKRQ {
3193
+ .Radio-module__hop-Radio___H2CQS {
2921
3194
  --hop-Radio-box-border-size: 0.0625rem;
2922
3195
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2923
3196
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2991,60 +3264,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2991
3264
  inline-size: max-content;
2992
3265
  max-inline-size: 100%;
2993
3266
  }
2994
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3267
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
2995
3268
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2996
3269
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2997
3270
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2998
3271
  --text-color: var(--hop-Radio-text-color-focused);
2999
3272
  --icon-color: var(--hop-Radio-icon-color-focused);
3000
3273
  }
3001
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3274
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3002
3275
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3003
3276
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3004
3277
  --text-color: var(--hop-Radio-text-color-hovered);
3005
3278
  --icon-color: var(--hop-Radio-icon-color-hovered);
3006
3279
  }
3007
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3280
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3008
3281
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3009
3282
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3010
3283
  --text-color: var(--hop-Radio-text-color-pressed);
3011
3284
  --icon-color: var(--hop-Radio-icon-color-pressed);
3012
3285
  }
3013
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3286
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3014
3287
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3015
3288
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3016
3289
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3017
3290
  --text-color: var(--hop-Radio-text-color-selected);
3018
3291
  --icon-color: var(--hop-Radio-icon-color-selected);
3019
3292
  }
3020
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3293
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3021
3294
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3022
3295
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3023
3296
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3024
3297
  --text-color: var(--hop-Radio-text-color-invalid);
3025
3298
  --icon-color: var(--hop-Radio-icon-color-invalid);
3026
3299
  }
3027
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3300
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3028
3301
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3029
3302
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3030
3303
  }
3031
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3304
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3032
3305
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3033
3306
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3034
3307
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3035
3308
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3036
3309
  }
3037
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3310
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3038
3311
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3039
3312
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3040
3313
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3041
3314
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3042
3315
  }
3043
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3316
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3044
3317
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3045
3318
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3046
3319
  }
3047
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3320
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3048
3321
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3049
3322
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3050
3323
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3052,25 +3325,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3052
3325
  --text-color: var(--hop-Radio-text-color-disabled);
3053
3326
  --icon-color: var(--hop-Radio-icon-color-disabled);
3054
3327
  }
3055
- .Radio-module__hop-Radio--sm___C-Q1U {
3328
+ .Radio-module__hop-Radio--sm___wsMEb {
3056
3329
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3057
3330
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3058
3331
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3059
3332
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3060
3333
  }
3061
- .Radio-module__hop-Radio--md___8cI7H {
3334
+ .Radio-module__hop-Radio--md___Y9v6E {
3062
3335
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3063
3336
  --box-block-size: var(--hop-Radio-box-md-block-size);
3064
3337
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3065
3338
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3066
3339
  }
3067
- .Radio-module__hop-Radio__icon___Ai4EA,
3068
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3340
+ .Radio-module__hop-Radio__icon___AnsTY,
3341
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3069
3342
  flex: 0 0 auto;
3070
3343
  order: 3;
3071
3344
  color: var(--icon-color);
3072
3345
  }
3073
- .Radio-module__hop-Radio__box___gF3Ys {
3346
+ .Radio-module__hop-Radio__box___sb7RR {
3074
3347
  display: flex;
3075
3348
  flex: 0 0 auto;
3076
3349
  align-items: center;
@@ -3086,11 +3359,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3086
3359
  outline-offset: 0.125rem;
3087
3360
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3088
3361
  }
3089
- .Radio-module__hop-Radio__bullet___DLVyb {
3362
+ .Radio-module__hop-Radio__bullet___d4tcu {
3090
3363
  display: var(--bullet-display);
3091
3364
  color: var(--bullet-color);
3092
3365
  }
3093
- .Radio-module__hop-Radio__text___md8fJ {
3366
+ .Radio-module__hop-Radio__text___y2Kzb {
3094
3367
  flex: 0 1 auto;
3095
3368
  order: 2;
3096
3369
  min-inline-size: 0;
@@ -3098,24 +3371,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3098
3371
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3099
3372
  color: var(--text-color);
3100
3373
  }
3101
- .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3374
+ .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3102
3375
  }
3103
- .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3376
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3104
3377
  }
3105
- .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3378
+ .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3106
3379
  }
3107
- .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3108
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3380
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3381
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3109
3382
  }
3110
- .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3383
+ .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3111
3384
  }
3112
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3385
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3113
3386
  }
3114
- .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3387
+ .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3115
3388
  }
3116
3389
 
3117
3390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3118
- .Radio-module__hop-Radio___oBKRQ {
3391
+ .Radio-module__hop-Radio___H2CQS {
3119
3392
  --hop-Radio-box-border-size: 0.0625rem;
3120
3393
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3121
3394
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3189,60 +3462,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3189
3462
  inline-size: max-content;
3190
3463
  max-inline-size: 100%;
3191
3464
  }
3192
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3465
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3193
3466
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3194
3467
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3195
3468
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3196
3469
  --text-color: var(--hop-Radio-text-color-focused);
3197
3470
  --icon-color: var(--hop-Radio-icon-color-focused);
3198
3471
  }
3199
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3472
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3200
3473
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3201
3474
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3202
3475
  --text-color: var(--hop-Radio-text-color-hovered);
3203
3476
  --icon-color: var(--hop-Radio-icon-color-hovered);
3204
3477
  }
3205
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3478
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3206
3479
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3207
3480
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3208
3481
  --text-color: var(--hop-Radio-text-color-pressed);
3209
3482
  --icon-color: var(--hop-Radio-icon-color-pressed);
3210
3483
  }
3211
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3484
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3212
3485
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3213
3486
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3214
3487
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3215
3488
  --text-color: var(--hop-Radio-text-color-selected);
3216
3489
  --icon-color: var(--hop-Radio-icon-color-selected);
3217
3490
  }
3218
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3491
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3219
3492
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3220
3493
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3221
3494
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3222
3495
  --text-color: var(--hop-Radio-text-color-invalid);
3223
3496
  --icon-color: var(--hop-Radio-icon-color-invalid);
3224
3497
  }
3225
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3498
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3226
3499
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3227
3500
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3228
3501
  }
3229
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3502
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3230
3503
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3231
3504
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3232
3505
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3233
3506
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3234
3507
  }
3235
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3508
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3236
3509
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3237
3510
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3238
3511
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3239
3512
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3240
3513
  }
3241
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3514
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3242
3515
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3243
3516
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3244
3517
  }
3245
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3518
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3246
3519
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3247
3520
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3248
3521
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3250,25 +3523,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3250
3523
  --text-color: var(--hop-Radio-text-color-disabled);
3251
3524
  --icon-color: var(--hop-Radio-icon-color-disabled);
3252
3525
  }
3253
- .Radio-module__hop-Radio--sm___C-Q1U {
3526
+ .Radio-module__hop-Radio--sm___wsMEb {
3254
3527
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3255
3528
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3256
3529
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3257
3530
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3258
3531
  }
3259
- .Radio-module__hop-Radio--md___8cI7H {
3532
+ .Radio-module__hop-Radio--md___Y9v6E {
3260
3533
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3261
3534
  --box-block-size: var(--hop-Radio-box-md-block-size);
3262
3535
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3263
3536
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3264
3537
  }
3265
- .Radio-module__hop-Radio__icon___Ai4EA,
3266
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3538
+ .Radio-module__hop-Radio__icon___AnsTY,
3539
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3267
3540
  flex: 0 0 auto;
3268
3541
  order: 3;
3269
3542
  color: var(--icon-color);
3270
3543
  }
3271
- .Radio-module__hop-Radio__box___gF3Ys {
3544
+ .Radio-module__hop-Radio__box___sb7RR {
3272
3545
  display: flex;
3273
3546
  flex: 0 0 auto;
3274
3547
  align-items: center;
@@ -3284,11 +3557,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3284
3557
  outline-offset: 0.125rem;
3285
3558
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3286
3559
  }
3287
- .Radio-module__hop-Radio__bullet___DLVyb {
3560
+ .Radio-module__hop-Radio__bullet___d4tcu {
3288
3561
  display: var(--bullet-display);
3289
3562
  color: var(--bullet-color);
3290
3563
  }
3291
- .Radio-module__hop-Radio__text___md8fJ {
3564
+ .Radio-module__hop-Radio__text___y2Kzb {
3292
3565
  flex: 0 1 auto;
3293
3566
  order: 2;
3294
3567
  min-inline-size: 0;
@@ -3298,7 +3571,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3298
3571
  }
3299
3572
 
3300
3573
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3301
- .RadioField-module__hop-RadioField___RAV19 {
3574
+ .RadioField-module__hop-RadioField___Q4QIQ {
3302
3575
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3303
3576
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3304
3577
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3317,28 +3590,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3317
3590
  inline-size: max-content;
3318
3591
  max-inline-size: 100%;
3319
3592
  }
3320
- .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3593
+ .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3321
3594
  --description-color: var(--hop-RadioField-description-color-disabled);
3322
3595
  }
3323
- .RadioField-module__hop-RadioField--sm___Z2a5J {
3596
+ .RadioField-module__hop-RadioField--sm___VXiap {
3324
3597
  --row-gap: var(--hop-RadioField-sm-row-gap);
3325
3598
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3326
3599
  }
3327
- .RadioField-module__hop-RadioField--md___GeCMi {
3600
+ .RadioField-module__hop-RadioField--md___HW2CQ {
3328
3601
  --row-gap: var(--hop-RadioField-md-row-gap);
3329
3602
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3330
3603
  }
3331
- .RadioField-module__hop-RadioField__description___Y7cUM {
3604
+ .RadioField-module__hop-RadioField__description___ia1Zr {
3332
3605
  order: 2;
3333
3606
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3334
3607
  color: var(--description-color);
3335
3608
  }
3336
- .RadioField-module__hop-RadioField__radio___XYtjJ {
3609
+ .RadioField-module__hop-RadioField__radio___EivJe {
3337
3610
  order: 1;
3338
3611
  }
3339
3612
 
3340
3613
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3341
- .RadioGroup-module__hop-RadioGroup___ydYgr {
3614
+ .RadioGroup-module__hop-RadioGroup___GAhMc {
3342
3615
  --hop-RadioGroup-align-items: flex-start;
3343
3616
  --hop-RadioGroup-justify-content: flex-start;
3344
3617
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3378,46 +3651,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3378
3651
  inline-size: var(--inline-size);
3379
3652
  max-inline-size: 100%;
3380
3653
  }
3381
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3654
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
3382
3655
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3383
3656
  --list-border-radius: var(--hop-shape-rounded-md);
3384
3657
  }
3385
- .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3658
+ .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3386
3659
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3387
3660
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3388
3661
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3389
3662
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3390
3663
  }
3391
- .RadioGroup-module__hop-RadioGroup--md___mccGP {
3664
+ .RadioGroup-module__hop-RadioGroup--md___K9W8i {
3392
3665
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3393
3666
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3394
3667
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3395
3668
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3396
3669
  }
3397
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3670
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3398
3671
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3399
3672
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3400
3673
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3401
3674
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3402
3675
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3403
3676
  }
3404
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3677
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
3405
3678
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3406
3679
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3407
3680
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3408
3681
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3409
3682
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3410
3683
  }
3411
- .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3684
+ .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
3412
3685
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3413
3686
  }
3414
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3687
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
3415
3688
  --flex-wrap: nowrap;
3416
3689
  }
3417
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3690
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
3418
3691
  order: 1;
3419
3692
  }
3420
- .RadioGroup-module__hop-RadioGroup__list___DSncc {
3693
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
3421
3694
  display: flex;
3422
3695
  flex-flow: var(--flex-direction) var(--flex-wrap);
3423
3696
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3428,7 +3701,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3428
3701
  border: var(--list-border, none);
3429
3702
  border-radius: var(--list-border-radius, 0);
3430
3703
  }
3431
- .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3704
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
3432
3705
  position: relative;
3433
3706
  flex: 0 1 auto;
3434
3707
  align-content: start;
@@ -3436,28 +3709,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3436
3709
  min-inline-size: 0;
3437
3710
  padding: var(--radio-padding, 0);
3438
3711
  }
3439
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3712
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3440
3713
  content: "";
3441
3714
  position: absolute;
3442
3715
  display: block;
3443
3716
  }
3444
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3717
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3445
3718
  inset-block-start: 0;
3446
3719
  inset-inline: 0;
3447
3720
  border-block-start: var(--list-border, none);
3448
3721
  }
3449
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3722
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3450
3723
  inset-block: 0;
3451
3724
  inset-inline-start: 0;
3452
3725
  border-inline-start: var(--list-border, none);
3453
3726
  }
3454
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3455
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3727
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3728
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
3456
3729
  order: 3;
3457
3730
  }
3458
3731
 
3459
3732
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3460
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3733
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
3461
3734
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3462
3735
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3463
3736
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3483,7 +3756,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3483
3756
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3484
3757
  background-size: 400% 100%;
3485
3758
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3486
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
3759
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
3487
3760
  animation-duration: var(--animation-duration);
3488
3761
  animation-timing-function: ease-in-out;
3489
3762
  animation-fill-mode: forwards;
@@ -3492,19 +3765,19 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3492
3765
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3493
3766
  }
3494
3767
  }
3495
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
3768
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
3496
3769
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3497
3770
  }
3498
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
3771
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
3499
3772
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3500
3773
  }
3501
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
3774
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
3502
3775
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3503
3776
  }
3504
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
3777
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
3505
3778
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3506
3779
  }
3507
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
3780
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
3508
3781
  0% {
3509
3782
  background-position: 125% 50%;
3510
3783
  }
@@ -3514,7 +3787,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3514
3787
  }
3515
3788
 
3516
3789
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3517
- .ListBoxItem-module__hop-ListBoxItem___BJFwm {
3790
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN {
3518
3791
  --hop-ListBoxItem-background-color: transparent;
3519
3792
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3520
3793
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3611,129 +3884,129 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3611
3884
  outline: var(--outline);
3612
3885
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3613
3886
  }
3614
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
3887
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
3615
3888
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3616
3889
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3617
3890
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3618
3891
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3619
3892
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3620
3893
  }
3621
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
3894
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
3622
3895
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3623
3896
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3624
3897
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3625
3898
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3626
3899
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3627
3900
  }
3628
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
3901
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
3629
3902
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3630
3903
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3631
3904
  --min-height: var(--hop-ListBoxItem-md-min-height);
3632
3905
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3633
3906
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3634
3907
  }
3635
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
3908
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
3636
3909
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3637
3910
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3638
3911
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3639
3912
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3640
3913
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3641
3914
  }
3642
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
3915
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
3643
3916
  --cursor: pointer;
3644
3917
  }
3645
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
3918
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
3646
3919
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3647
3920
  }
3648
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3921
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3649
3922
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3650
3923
  }
3651
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3924
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3652
3925
  --checkmark-transition: none;
3653
3926
  }
3654
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
3927
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
3655
3928
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3656
3929
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3657
3930
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3658
3931
  --checkmark-opacity: 1;
3659
3932
  }
3660
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
3933
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
3661
3934
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3662
3935
  }
3663
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
3936
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
3664
3937
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3665
3938
  }
3666
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
3939
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
3667
3940
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3668
3941
  }
3669
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
3942
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
3670
3943
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3671
3944
  }
3672
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
3945
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
3673
3946
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3674
3947
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3675
3948
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3676
3949
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3677
3950
  }
3678
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
3951
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
3679
3952
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3680
3953
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3681
3954
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3682
3955
  }
3683
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
3956
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
3684
3957
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3685
3958
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3686
3959
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3687
3960
  }
3688
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
3961
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
3689
3962
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3690
3963
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3691
3964
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3692
3965
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3693
3966
  --cursor: not-allowed;
3694
3967
  }
3695
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
3968
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
3696
3969
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3697
3970
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3698
3971
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3699
3972
  }
3700
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
3973
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
3701
3974
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3702
3975
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3703
3976
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3704
3977
  }
3705
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
3978
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
3706
3979
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3707
3980
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3708
3981
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3709
3982
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3710
3983
  }
3711
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
3984
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
3712
3985
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3713
3986
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3714
3987
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3715
3988
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3716
3989
  }
3717
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
3990
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
3718
3991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3719
3992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3720
3993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3721
3994
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3722
3995
  }
3723
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
3996
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
3724
3997
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3725
3998
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3726
3999
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3727
4000
  }
3728
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
4001
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
3729
4002
  --row-gap: var(--hop-ListBoxItem-row-gap);
3730
4003
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3731
4004
  }
3732
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
4005
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
3733
4006
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3734
4007
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3735
4008
  }
3736
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
4009
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
3737
4010
  display: grid;
3738
4011
  grid-template-areas: var(--grid-template-areas);
3739
4012
  grid-template-columns: var(--grid-template-columns);
@@ -3745,33 +4018,33 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3745
4018
  padding-inline: var(--padding-inline);
3746
4019
  transition: grid-template-columns .3s ease-in-out;
3747
4020
  }
3748
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
4021
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
3749
4022
  grid-area: indicator;
3750
4023
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3751
4024
  color: var(--icon-color);
3752
4025
  opacity: var(--checkmark-opacity);
3753
4026
  transition: var(--checkmark-transition);
3754
4027
  }
3755
- .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
3756
- .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
4028
+ .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4029
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
3757
4030
  pointer-events: none;
3758
4031
  user-select: none;
3759
4032
  grid-area: indicator;
3760
4033
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3761
4034
  }
3762
- .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
4035
+ .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
3763
4036
  grid-area: avatar;
3764
4037
  margin-block: var(--avatar-margin-block, 0);
3765
4038
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3766
4039
  }
3767
- .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
3768
- .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
4040
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4041
+ .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
3769
4042
  grid-area: icon;
3770
4043
  flex: 0 0 auto;
3771
4044
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3772
4045
  color: var(--icon-color);
3773
4046
  }
3774
- .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
4047
+ .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
3775
4048
  overflow: hidden;
3776
4049
  grid-area: label;
3777
4050
  min-inline-size: 0;
@@ -3779,18 +4052,18 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3779
4052
  text-overflow: ellipsis;
3780
4053
  white-space: nowrap;
3781
4054
  }
3782
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
3783
- .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
4055
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4056
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
3784
4057
  grid-area: end-icon;
3785
4058
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3786
4059
  color: var(--icon-color);
3787
4060
  }
3788
- .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
4061
+ .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
3789
4062
  grid-area: badge;
3790
4063
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3791
4064
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3792
4065
  }
3793
- .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
4066
+ .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
3794
4067
  overflow: hidden;
3795
4068
  display: -webkit-box;
3796
4069
  grid-area: description;
@@ -3801,7 +4074,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3801
4074
  }
3802
4075
 
3803
4076
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3804
- .ListBox-module__hop-ListBox___lYzDi {
4077
+ .ListBox-module__hop-ListBox___PSbqU {
3805
4078
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3806
4079
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3807
4080
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3848,11 +4121,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3848
4121
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3849
4122
  border-radius: var(--hop-ListBox-border-radius);
3850
4123
  }
3851
- .ListBox-module__hop-ListBox--fluid___s8oHK {
4124
+ .ListBox-module__hop-ListBox--fluid___GX-qg {
3852
4125
  --max-width: var(--hop-ListBox-fluid-max-width);
3853
4126
  --width: var(--hop-ListBox-fluid-width);
3854
4127
  }
3855
- .ListBox-module__hop-ListBox__section___dSbP6 {
4128
+ .ListBox-module__hop-ListBox__section___bsYz4 {
3856
4129
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3857
4130
  margin-inline: var(--hop-ListBox-section-margin-inline);
3858
4131
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3860,21 +4133,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3860
4133
  border-block-start: var(--section-border-block-start);
3861
4134
  border-block-end: var(--section-border-block-end);
3862
4135
  }
3863
- .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
4136
+ .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
3864
4137
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3865
4138
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3866
4139
  }
3867
- .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
4140
+ .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
3868
4141
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3869
4142
  }
3870
- .ListBox-module__hop-ListBox__section___dSbP6:first-child {
4143
+ .ListBox-module__hop-ListBox__section___bsYz4:first-child {
3871
4144
  --section-padding-block-start: 0;
3872
4145
  }
3873
- .ListBox-module__hop-ListBox__section___dSbP6:last-child {
4146
+ .ListBox-module__hop-ListBox__section___bsYz4:last-child {
3874
4147
  --section-padding-block-end: 0;
3875
4148
  --section-border-block-end: 0;
3876
4149
  }
3877
- .ListBox-module__hop-ListBox__section-header___OPwVg {
4150
+ .ListBox-module__hop-ListBox__section-header___JA5vG {
3878
4151
  margin: 0;
3879
4152
  padding: var(--hop-ListBox-section-header-padding);
3880
4153
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3885,30 +4158,30 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3885
4158
  text-transform: var(--hop-ListBox-section-header-text-transform);
3886
4159
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3887
4160
  }
3888
- .ListBox-module__hop-ListBox__section-header___OPwVg::before,
3889
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4161
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4162
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3890
4163
  content: "";
3891
4164
  display: block;
3892
4165
  box-sizing: border-box;
3893
4166
  inline-size: 0;
3894
4167
  block-size: 0;
3895
4168
  }
3896
- .ListBox-module__hop-ListBox__section-header___OPwVg::before {
4169
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before {
3897
4170
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3898
4171
  }
3899
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4172
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3900
4173
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3901
4174
  }
3902
4175
 
3903
4176
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3904
- :where(.Popover-module__hop-Popover___26umq *) {
4177
+ :where(.Popover-module__hop-Popover___Tn-G9 *) {
3905
4178
  font-family: var(--font-family);
3906
4179
  font-size: var(--font-size);
3907
4180
  font-weight: var(--font-weight);
3908
4181
  line-height: var(--line-height);
3909
4182
  outline: none;
3910
4183
  }
3911
- .Popover-module__hop-Popover___26umq {
4184
+ .Popover-module__hop-Popover___Tn-G9 {
3912
4185
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3913
4186
  --hop-Popover-inline-width: 25rem;
3914
4187
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3921,22 +4194,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3921
4194
  inline-size: var(--width);
3922
4195
  max-inline-size: var(--max-width);
3923
4196
  }
3924
- .Popover-module__hop-Popover___26umq[data-trigger=Select] {
4197
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
3925
4198
  --width: var(--hop-Popover-dropdown-inline-width);
3926
4199
  }
3927
- .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
4200
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
3928
4201
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3929
4202
  }
3930
- .Popover-module__hop-Popover___26umq[data-auto-width] {
4203
+ .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
3931
4204
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3932
4205
  }
3933
- .Popover-module__hop-Popover___26umq[data-entering] {
3934
- animation: Popover-module__fade___Rb7-0 0.25s;
4206
+ .Popover-module__hop-Popover___Tn-G9[data-entering] {
4207
+ animation: Popover-module__fade___nUmvV 0.25s;
3935
4208
  }
3936
- .Popover-module__hop-Popover___26umq[data-exiting] {
3937
- animation: Popover-module__fade___Rb7-0 0.25s reverse;
4209
+ .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4210
+ animation: Popover-module__fade___nUmvV 0.25s reverse;
3938
4211
  }
3939
- @keyframes Popover-module__fade___Rb7-0 {
4212
+ @keyframes Popover-module__fade___nUmvV {
3940
4213
  from {
3941
4214
  opacity: 0;
3942
4215
  }
@@ -3944,14 +4217,14 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3944
4217
  opacity: 1;
3945
4218
  }
3946
4219
  }
3947
- .Popover-module__hop-Popover__wrapper___uZgAA {
4220
+ .Popover-module__hop-Popover__wrapper___606o6 {
3948
4221
  display: flex;
3949
4222
  flex: 1 1 auto;
3950
4223
  flex-direction: column;
3951
4224
  min-block-size: 0;
3952
4225
  }
3953
- .Popover-module__hop-Popover__dialog___GGJWK,
3954
- .Popover-module__hop-Popover__dropdown___jeauL {
4226
+ .Popover-module__hop-Popover__dialog___OKeOS,
4227
+ .Popover-module__hop-Popover__dropdown___GLwYO {
3955
4228
  --hop-Popover-background: var(--hop-neutral-surface);
3956
4229
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3957
4230
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3999,21 +4272,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3999
4272
  border-radius: var(--hop-Popover-border-radius);
4000
4273
  box-shadow: var(--hop-Popover-box-shadow);
4001
4274
  }
4002
- .Popover-module__hop-Popover__dropdown___jeauL {
4275
+ .Popover-module__hop-Popover__dropdown___GLwYO {
4003
4276
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4004
4277
  --footer-place-self: stretch;
4005
4278
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4006
4279
  --padding: var(--hop-Popover-dropdown-padding);
4007
4280
  overflow: hidden;
4008
4281
  }
4009
- .Popover-module__hop-Popover__dialog___GGJWK {
4282
+ .Popover-module__hop-Popover__dialog___OKeOS {
4010
4283
  --padding: var(--hop-Popover-dialog-padding);
4011
4284
  }
4012
- .Popover-module__hop-Popover__title___Rlj3j {
4285
+ .Popover-module__hop-Popover__title___Tu4KH {
4013
4286
  grid-area: header;
4014
4287
  color: var(--hop-Popover-color);
4015
4288
  }
4016
- .Popover-module__hop-Popover__content___xnLU- {
4289
+ .Popover-module__hop-Popover__content___t3KK5 {
4017
4290
  --font-size: var(--hop-Popover-content-font-size);
4018
4291
  --line-height: var(--hop-Popover-content-line-height);
4019
4292
  --font-family: var(--hop-Popover-content-font-family);
@@ -4024,12 +4297,12 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4024
4297
  padding: 0;
4025
4298
  color: var(--hop-Popover-content-color);
4026
4299
  }
4027
- .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4028
- .Popover-module__hop-Popover__content___xnLU- {
4300
+ .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4301
+ .Popover-module__hop-Popover__content___t3KK5 {
4029
4302
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4030
4303
  }
4031
4304
  }
4032
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4305
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4033
4306
  grid-area: content;
4034
4307
  inline-size: auto;
4035
4308
  min-inline-size: auto;
@@ -4037,7 +4310,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4037
4310
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4038
4311
  border: none;
4039
4312
  }
4040
- .Popover-module__hop-Popover__footer___0FFAg {
4313
+ .Popover-module__hop-Popover__footer___jo9Dl {
4041
4314
  --font-size: var(--hop-Popover-footer-font-size);
4042
4315
  --line-height: var(--hop-Popover-footer-line-height);
4043
4316
  grid-area: footer;
@@ -4045,22 +4318,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4045
4318
  margin: var(--footer-margin);
4046
4319
  color: var(--hop-Popover-color);
4047
4320
  }
4048
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4321
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4049
4322
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4050
4323
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4051
4324
  }
4052
- .Popover-module__hop-Popover__actions___22QyU,
4053
- .Popover-module__hop-Popover__action___1YRad {
4325
+ .Popover-module__hop-Popover__actions___dcbdB,
4326
+ .Popover-module__hop-Popover__action___6mpc0 {
4054
4327
  grid-area: action;
4055
4328
  justify-self: end;
4056
4329
  margin-block-start: var(--hop-Popover-row-gap);
4057
4330
  }
4058
- .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4331
+ .Popover-module__hop-Popover___Tn-G9:has(.Popover-module__hop-Popover__actions___dcbdB, .Popover-module__hop-Popover__action___6mpc0) .Popover-module__hop-Popover__footer___jo9Dl {
4059
4332
  margin-inline-end: var(--hop-Popover-column-gap);
4060
4333
  }
4061
4334
 
4062
4335
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4063
- .PopoverBase-module__hop-PopoverBase___31efu {
4336
+ .PopoverBase-module__hop-PopoverBase___R08eb {
4064
4337
  --hop-Popover-background: var(--hop-neutral-surface);
4065
4338
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4066
4339
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4090,17 +4363,17 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4090
4363
  box-shadow: var(--hop-Popover-box-shadow);
4091
4364
  transition: opacity var(--hop-easing-duration-2);
4092
4365
  }
4093
- .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4366
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-entering] {
4094
4367
  opacity: 0;
4095
4368
  }
4096
- .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4369
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-exiting] {
4097
4370
  pointer-events: none;
4098
4371
  opacity: 0;
4099
4372
  transition-timing-function: var(--hop-easing-productive);
4100
4373
  }
4101
4374
 
4102
4375
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/contextual-help/src/ContextualHelp.module.css/#css-module-data */
4103
- .ContextualHelp-module__hop-ContextualHelp___DzLJ0 {
4376
+ .ContextualHelp-module__hop-ContextualHelp___-cswK {
4104
4377
  --hop-ContextualHelp-block-size: fit-content;
4105
4378
  --hop-ContextualHelp-inline-size: fit-content;
4106
4379
  --hop-ContextualHelp-box-sizing: border-box;
@@ -4132,10 +4405,10 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4132
4405
  border-radius: var(--hop-ContextualHelp-border-radius);
4133
4406
  outline: var(--hop-ContextualHelp-outline);
4134
4407
  }
4135
- .ContextualHelp-module__hop-ContextualHelp___DzLJ0[data-focus-visible] {
4408
+ .ContextualHelp-module__hop-ContextualHelp___-cswK[data-focus-visible] {
4136
4409
  outline: var(--hop-ContextualHelp-outline-size) solid var(--hop-ContextualHelp-focus-ring-color);
4137
4410
  }
4138
- .ContextualHelp-module__hop-ContextualHelp__popover___rV7qC {
4411
+ .ContextualHelp-module__hop-ContextualHelp__popover___-vnF0 {
4139
4412
  --hop-ContextualHelp__popover-outline: none;
4140
4413
  --hop-ContextualHelp__popover-border: none;
4141
4414
  --hop-ContextualHelp__popover-max-inline-size: 20rem;