@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,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___7RaBZ {
88
+ .Form-module__hop-Form___uqGvw {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___dgJtM {
95
+ .Label-module__hop-Label___x-D7q {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___dgJtM) {
102
+ :where(.Label-module__hop-Label___x-D7q) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___VGoF6 {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
121
+ :where(.OverlineText-module__hop-OverlineText___uqriG) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___-Cgyx {
145
+ .OverlineText-module__hop-OverlineText__text___QC4h8 {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
148
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before,
149
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
156
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
159
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___NFTCi {
164
+ .Text-module__hop-Text___TlqAw {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___NFTCi) {
194
+ :where(.Text-module__hop-Text___TlqAw) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___I0d0v) {
200
+ :where(.Text-module__hop-Text--xs___r7Jh2) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___33NDY) {
206
+ :where(.Text-module__hop-Text--sm___47IuM) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___12lqb) {
212
+ :where(.Text-module__hop-Text--md___C2YwB) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___EIx-l) {
218
+ :where(.Text-module__hop-Text--lg___hfcIw) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___Hgsci) {
224
+ :where(.Text-module__hop-Text--xl___jSZWl) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___bZva7) {
230
+ :where(.Text-module__hop-Text--2xl___3Q3EA) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___D42Q3) {
236
+ :where(.Text-module__hop-Text--inherit___S3ePi) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___pDtiI {
244
+ .Paragraph-module__hop-Paragraph___HpT17 {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___pDtiI:last-child {
256
+ .Paragraph-module__hop-Paragraph___HpT17:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___yzl-N {
259
+ .Paragraph-module__hop-Paragraph--xs___DXGDe {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___mssXe {
262
+ .Paragraph-module__hop-Paragraph--sm___qshKm {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___Ujb4e {
265
+ .Paragraph-module__hop-Paragraph--md___UEgGX {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___fzVC0 {
268
+ .Paragraph-module__hop-Paragraph--lg___EvhSs {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___bF-Yd {
271
+ .Paragraph-module__hop-Paragraph--xl___X9E7u {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___UuYkH {
274
+ .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___jW721 {
277
+ .Paragraph-module__hop-Paragraph--inherit___IZyrO {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
282
- .Badge-module__hop-Badge___A-Bla {
282
+ .Badge-module__hop-Badge___zgMp1 {
283
283
  --hop-Badge-height: 1.5rem;
284
284
  --hop-Badge-width: max-content;
285
285
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -329,67 +329,67 @@
329
329
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
330
330
  border-radius: var(--border-radius);
331
331
  }
332
- .Badge-module__hop-Badge--primary___E55Gz {
332
+ .Badge-module__hop-Badge--primary___FtMRN {
333
333
  --background-color: var(--hop-Badge-primary-background-color);
334
334
  --text-color: var(--hop-Badge-primary-text-color);
335
335
  }
336
- .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
336
+ .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
337
337
  --background-color: var(--hop-Badge-primary-background-color-hovered);
338
338
  --text-color: var(--hop-Badge-primary-text-color-hovered);
339
339
  }
340
- .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
340
+ .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
341
341
  --background-color: var(--hop-Badge-primary-background-color-pressed);
342
342
  --text-color: var(--hop-Badge-primary-text-color-pressed);
343
343
  }
344
- .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
344
+ .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
345
345
  --background-color: var(--hop-Badge-primary-background-color-selected);
346
346
  --text-color: var(--hop-Badge-primary-text-color-selected);
347
347
  }
348
- .Badge-module__hop-Badge--secondary___0bxAx {
348
+ .Badge-module__hop-Badge--secondary___mIP5m {
349
349
  --background-color: var(--hop-Badge-secondary-background-color);
350
350
  --text-color: var(--hop-Badge-secondary-text-color);
351
351
  }
352
- .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
352
+ .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
353
353
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
354
354
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
355
355
  }
356
- .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
356
+ .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
357
357
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
358
358
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
359
359
  }
360
- .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
360
+ .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
361
361
  --background-color: var(--hop-Badge-secondary-background-color-selected);
362
362
  --text-color: var(--hop-Badge-secondary-text-color-selected);
363
363
  }
364
- .Badge-module__hop-Badge--subdued___zdomT {
364
+ .Badge-module__hop-Badge--subdued___8iY3E {
365
365
  --background-color: var(--hop-Badge-subdued-background-color);
366
366
  --text-color: var(--hop-Badge-subdued-text-color);
367
367
  }
368
- .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
368
+ .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
369
369
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
370
370
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
371
371
  }
372
- .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
372
+ .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
373
373
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
374
374
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
375
375
  }
376
- .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
376
+ .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
377
377
  --background-color: var(--hop-Badge-subdued-background-color-selected);
378
378
  --text-color: var(--hop-Badge-subdued-text-color-selected);
379
379
  }
380
- .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
380
+ .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
381
381
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
382
382
  --height: var(--hop-Badge-indeterminate-height);
383
383
  --width: var(--hop-Badge-indeterminate-width);
384
384
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
385
385
  }
386
- .Badge-module__hop-Badge___A-Bla[data-disabled] {
386
+ .Badge-module__hop-Badge___zgMp1[data-disabled] {
387
387
  --background-color: var(--hop-Badge-background-color-disabled);
388
388
  --text-color: var(--hop-Badge-text-color-disabled);
389
389
  }
390
390
 
391
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
392
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
392
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j {
393
393
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
394
394
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
395
395
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -430,7 +430,7 @@
430
430
  box-sizing: border-box;
431
431
  inline-size: max-content;
432
432
  }
433
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
433
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
434
434
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
435
435
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
436
436
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -438,11 +438,11 @@
438
438
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
439
439
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
440
440
  }
441
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
441
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
442
442
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
443
443
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
444
444
  }
445
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
445
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
446
446
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
447
447
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
448
448
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -450,11 +450,11 @@
450
450
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
451
451
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
452
452
  }
453
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
453
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
454
454
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
455
455
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
456
456
  }
457
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
457
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
458
458
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
459
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
460
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -462,11 +462,11 @@
462
462
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
463
463
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
464
464
  }
465
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
465
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
466
466
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
467
467
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
468
468
  }
469
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
469
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
470
470
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
471
471
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
472
472
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -474,11 +474,11 @@
474
474
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
475
475
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
476
476
  }
477
- .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
477
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
478
478
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
479
479
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
480
480
  }
481
- .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
481
+ .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
482
482
  position: absolute;
483
483
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
484
484
  transform-origin: var(--badge-transform-origin);
@@ -486,7 +486,7 @@
486
486
  }
487
487
 
488
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
489
- .ErrorMessage-module__hop-ErrorMessage___XomeT {
489
+ .ErrorMessage-module__hop-ErrorMessage___V-yBH {
490
490
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
491
491
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
492
492
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -503,13 +503,13 @@
503
503
  line-height: var(--hop-ErrorMessage-line-height);
504
504
  color: var(--hop-ErrorMessage-color);
505
505
  }
506
- .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
506
+ .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
507
507
  flex: 0 0 auto;
508
508
  align-self: flex-start;
509
509
  }
510
510
 
511
511
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
512
- .HelperMessage-module__hop-HelperMessage___QIP7E {
512
+ .HelperMessage-module__hop-HelperMessage___eMQ7m {
513
513
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
514
514
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
515
515
  display: flex;
@@ -518,13 +518,13 @@
518
518
  box-sizing: border-box;
519
519
  color: var(--hop-HelperMessage-color);
520
520
  }
521
- .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
521
+ .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
522
522
  flex: 0 0 auto;
523
523
  align-self: flex-start;
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
527
- .Input-module__hop-Input___b2lYS {
527
+ .Input-module__hop-Input___J6jKQ {
528
528
  --hop-Input-placeholder-font-family: inherit;
529
529
  --hop-Input-placeholder-font-size: inherit;
530
530
  --hop-Input-placeholder-font-weight: inherit;
@@ -572,28 +572,28 @@
572
572
  border: 0;
573
573
  outline-style: none;
574
574
  }
575
- .Input-module__hop-Input--sm___T3sjx {
575
+ .Input-module__hop-Input--sm___4-YdC {
576
576
  --font-family: var(--hop-Input-sm-font-family);
577
577
  --font-size: var(--hop-Input-sm-font-size);
578
578
  --font-weight: var(--hop-Input-sm-font-weight);
579
579
  --line-height: var(--hop-Input-sm-line-height);
580
580
  --block-size: var(--hop-Input-sm-block-size);
581
581
  }
582
- .Input-module__hop-Input___b2lYS::placeholder {
582
+ .Input-module__hop-Input___J6jKQ::placeholder {
583
583
  font-family: var(--hop-Input-placeholder-font-family);
584
584
  font-size: var(--hop-Input-placeholder-font-size);
585
585
  font-weight: var(--hop-Input-placeholder-font-weight);
586
586
  line-height: var(--hop-Input-placeholder-line-height);
587
587
  color: var(--input-placeholder-color);
588
588
  }
589
- .Input-module__hop-Input___b2lYS[data-disabled] {
589
+ .Input-module__hop-Input___J6jKQ[data-disabled] {
590
590
  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
591
591
  --color: var(--hop-Input-color-disabled);
592
592
  --background-color: var(--hop-Input-background-disabled);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
596
- .InputGroup-module__hop-InputGroup___dpz8J {
596
+ .InputGroup-module__hop-InputGroup___0ZkWY {
597
597
  --hop-InputGroup-background: var(--hop-neutral-surface);
598
598
  --hop-InputGroup-border-color: var(--hop-neutral-border);
599
599
  --hop-InputGroup-border-width: 0.0625rem;
@@ -624,26 +624,26 @@
624
624
  border: var(--border);
625
625
  border-radius: var(--hop-InputGroup-border-radius);
626
626
  }
627
- .InputGroup-module__hop-InputGroup--fluid___LJngv {
627
+ .InputGroup-module__hop-InputGroup--fluid___nao0v {
628
628
  --inline-size: 100%;
629
629
  }
630
- .InputGroup-module__hop-InputGroup___dpz8J[data-hovered] {
630
+ .InputGroup-module__hop-InputGroup___0ZkWY[data-hovered] {
631
631
  --background: var(--hop-InputGroup-background-hover);
632
632
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
633
633
  }
634
- .InputGroup-module__hop-InputGroup___dpz8J[data-focus-within] {
634
+ .InputGroup-module__hop-InputGroup___0ZkWY[data-focus-within] {
635
635
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
636
636
  }
637
- .InputGroup-module__hop-InputGroup___dpz8J[data-invalid] {
637
+ .InputGroup-module__hop-InputGroup___0ZkWY[data-invalid] {
638
638
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
639
639
  }
640
- .InputGroup-module__hop-InputGroup___dpz8J[data-disabled] {
640
+ .InputGroup-module__hop-InputGroup___0ZkWY[data-disabled] {
641
641
  --background: var(--hop-InputGroup-background-disabled);
642
642
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
643
643
  }
644
644
 
645
645
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
646
- .NumberField-module__hop-NumberField___kGvCf {
646
+ .NumberField-module__hop-NumberField___bgUbS {
647
647
  --hop-NumberField-gap: var(--hop-space-stack-xs);
648
648
  --hop-NumberField-inline-size: 20rem;
649
649
  --hop-NumberField-inline-size-fluid: 100%;
@@ -679,30 +679,30 @@
679
679
  gap: var(--hop-NumberField-gap);
680
680
  inline-size: var(--inline-size);
681
681
  }
682
- .NumberField-module__hop-NumberField--fluid___B7Hlg {
682
+ .NumberField-module__hop-NumberField--fluid___Ss9t7 {
683
683
  --inline-size: var(--hop-NumberField-inline-size-fluid);
684
684
  }
685
- .NumberField-module__hop-NumberField__Label___mqltf {
685
+ .NumberField-module__hop-NumberField__Label___mL-RC {
686
686
  order: 0;
687
687
  }
688
- .NumberField-module__hop-NumberField__prefix___8MS11 {
688
+ .NumberField-module__hop-NumberField__prefix___AH0o- {
689
689
  order: 1;
690
690
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
691
691
  color: var(--hop-NumberField-prefix-color);
692
692
  }
693
- .NumberField-module__hop-NumberField__InputGroup___Jih0X {
693
+ .NumberField-module__hop-NumberField__InputGroup___hXoqN {
694
694
  grid-template: var(--hop-NumberField-input-group-template);
695
695
  order: 1;
696
696
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
697
697
  }
698
- .NumberField-module__hop-NumberField__ErrorMessage___-kPGi,
699
- .NumberField-module__hop-NumberField__HelperMessage___5teuf {
698
+ .NumberField-module__hop-NumberField__ErrorMessage___I3-zK,
699
+ .NumberField-module__hop-NumberField__HelperMessage___4JUMO {
700
700
  order: 3;
701
701
  }
702
- .NumberField-module__hop-NumberField__steppers___SD1A2 {
702
+ .NumberField-module__hop-NumberField__steppers___7-fEN {
703
703
  order: 3;
704
704
  }
705
- .NumberField-module__hop-NumberField__stepper-button___4iXc6 {
705
+ .NumberField-module__hop-NumberField__stepper-button___tEqC6 {
706
706
  cursor: pointer;
707
707
  display: flex;
708
708
  grid-area: var(--grid-area, unset);
@@ -722,39 +722,39 @@
722
722
  border-radius: var(--stepper-border-radius, 0);
723
723
  outline: none;
724
724
  }
725
- .NumberField-module__hop-NumberField__stepper-button--increment___vpaq9 {
725
+ .NumberField-module__hop-NumberField__stepper-button--increment___KWUDA {
726
726
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
727
727
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
728
728
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
729
729
  }
730
- .NumberField-module__hop-NumberField__stepper-button--decrement___CA-GO {
730
+ .NumberField-module__hop-NumberField__stepper-button--decrement___0hA-T {
731
731
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
732
732
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
733
733
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
734
734
  }
735
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-hovered] {
735
+ .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-hovered] {
736
736
  color: var(--hop-NumberField-stepper-color-hovered);
737
737
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
738
738
  }
739
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-pressed] {
739
+ .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-pressed] {
740
740
  color: var(--hop-NumberField-stepper-color-pressed);
741
741
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
742
742
  }
743
- .NumberField-module__hop-NumberField__stepper-button___4iXc6[data-disabled] {
743
+ .NumberField-module__hop-NumberField__stepper-button___tEqC6[data-disabled] {
744
744
  cursor: default;
745
745
  color: var(--hop-NumberField-stepper-color-disabled);
746
746
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
747
747
  }
748
- .NumberField-module__hop-NumberField__stepper-button__icon___eR8Ng {
748
+ .NumberField-module__hop-NumberField__stepper-button__icon___fC06A {
749
749
  display: block;
750
750
  max-block-size: 100%;
751
751
  }
752
- .NumberField-module__hop-NumberField__input___RPLAj {
752
+ .NumberField-module__hop-NumberField__input___U4h8z {
753
753
  order: 2;
754
754
  }
755
755
 
756
756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
757
- .IconList-module__hop-IconList___m2E3v {
757
+ .IconList-module__hop-IconList___TpK2G {
758
758
  --hop-IconList-gap: var(--hop-space-inline-xs);
759
759
  display: flex;
760
760
  flex-wrap: wrap;
@@ -763,7 +763,7 @@
763
763
  }
764
764
 
765
765
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
766
- @keyframes Spinner-module__spin___pKwfA {
766
+ @keyframes Spinner-module__spin___Qq0VA {
767
767
  0% {
768
768
  transform: rotate(0deg);
769
769
  }
@@ -771,7 +771,7 @@
771
771
  transform: rotate(360deg);
772
772
  }
773
773
  }
774
- .Spinner-module__hop-Spinner___NL-2c {
774
+ .Spinner-module__hop-Spinner___q7lsB {
775
775
  --hop-Spinner-border-radius: var(--hop-shape-circle);
776
776
  --hop-Spinner-sm-wheel-size: 1rem;
777
777
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -779,7 +779,7 @@
779
779
  --hop-Spinner-track-width: 0.125rem;
780
780
  --hop-Spinner-track-opacity: 0.2;
781
781
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
782
- --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
782
+ --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
783
783
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
784
784
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
785
785
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -790,19 +790,19 @@
790
790
  align-items: center;
791
791
  box-sizing: border-box;
792
792
  }
793
- .Spinner-module__hop-Spinner--sm___o8oor {
793
+ .Spinner-module__hop-Spinner--sm___jaKcR {
794
794
  --width: var(--hop-Spinner-sm-wheel-size);
795
795
  --height: var(--hop-Spinner-sm-wheel-size);
796
796
  }
797
- .Spinner-module__hop-Spinner--md___Z3T3P {
797
+ .Spinner-module__hop-Spinner--md___GNVfI {
798
798
  --width: var(--hop-Spinner-md-wheel-size);
799
799
  --height: var(--hop-Spinner-md-wheel-size);
800
800
  }
801
- .Spinner-module__hop-Spinner--lg___-2JJ5 {
801
+ .Spinner-module__hop-Spinner--lg___s54Hy {
802
802
  --width: var(--hop-Spinner-lg-wheel-size);
803
803
  --height: var(--hop-Spinner-lg-wheel-size);
804
804
  }
805
- .Spinner-module__hop-Spinner__track___-5qNx {
805
+ .Spinner-module__hop-Spinner__track___P2N1M {
806
806
  grid-area: spinner;
807
807
  box-sizing: border-box;
808
808
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -811,7 +811,7 @@
811
811
  border: var(--hop-Spinner-track-border);
812
812
  border-radius: var(--hop-Spinner-border-radius);
813
813
  }
814
- .Spinner-module__hop-Spinner__fill___ds519 {
814
+ .Spinner-module__hop-Spinner__fill___DA6KG {
815
815
  grid-area: spinner;
816
816
  box-sizing: border-box;
817
817
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -822,17 +822,17 @@
822
822
  animation: var(--hop-Spinner-fill-animation);
823
823
  }
824
824
  @media (prefers-reduced-motion: reduce) {
825
- .Spinner-module__hop-Spinner__fill___ds519 {
825
+ .Spinner-module__hop-Spinner__fill___DA6KG {
826
826
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
827
827
  }
828
828
  }
829
- .Spinner-module__hop-Spinner__label___aAqY5 {
829
+ .Spinner-module__hop-Spinner__label___7Vmlu {
830
830
  grid-area: label;
831
831
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
832
832
  }
833
833
 
834
834
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
835
- .Button-module__hop-Button___drz4z {
835
+ .Button-module__hop-Button___0Z1G- {
836
836
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
837
837
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
838
838
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -956,215 +956,215 @@
956
956
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
957
957
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
958
958
  }
959
- .Button-module__hop-Button--fluid___jF2LE {
959
+ .Button-module__hop-Button--fluid___ocE9B {
960
960
  --inline-size: 100%;
961
961
  }
962
- .Button-module__hop-Button--sm___yWI1w {
962
+ .Button-module__hop-Button--sm___Iin1k {
963
963
  --block-size: var(--hop-Button-sm-height);
964
964
  --padding: var(--hop-Button-sm-padding);
965
965
  }
966
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
966
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
967
967
  --padding: var(--hop-Button-ghost-sm-padding);
968
968
  }
969
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
969
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
970
970
  --padding: var(--hop-Button-ghost-md-padding);
971
971
  }
972
- .Button-module__hop-Button--icon-only___ZVI03 {
972
+ .Button-module__hop-Button--icon-only___aWeym {
973
973
  --column-gap: var(--hop-Button-icon-only-column-gap);
974
974
  --padding: var(--hop-Button-icon-only-padding);
975
975
  aspect-ratio: 1;
976
976
  }
977
- .Button-module__hop-Button--primary___gQcR4 {
977
+ .Button-module__hop-Button--primary___3Qmg3 {
978
978
  --background-color: var(--hop-Button-primary-background-color);
979
979
  --color: var(--hop-Button-primary-color);
980
980
  --border: var(--hop-Button-primary-border);
981
981
  --spinner-color: var(--hop-Button-primary-spinner-color);
982
982
  }
983
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
984
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
983
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
984
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
985
985
  --background-color: var(--hop-Button-primary-background-color-hover);
986
986
  --color: var(--hop-Button-primary-color-hover);
987
987
  --border: var(--hop-Button-primary-border-hover);
988
988
  }
989
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
989
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
990
990
  --background-color: var(--hop-Button-primary-background-color-pressed);
991
991
  --color: var(--hop-Button-primary-color-pressed);
992
992
  --border: var(--hop-Button-primary-border-pressed);
993
993
  }
994
- .Button-module__hop-Button--secondary___iPATA {
994
+ .Button-module__hop-Button--secondary___u3qlM {
995
995
  --background-color: var(--hop-Button-secondary-background-color);
996
996
  --color: var(--hop-Button-secondary-color);
997
997
  --border: var(--hop-Button-secondary-border);
998
998
  --spinner-color: var(--hop-Button-secondary-spinner-color);
999
999
  }
1000
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1001
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1000
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1001
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1002
1002
  --background-color: var(--hop-Button-secondary-background-color-hover);
1003
1003
  --color: var(--hop-Button-secondary-color-hover);
1004
1004
  --border: var(--hop-Button-secondary-border-hover);
1005
1005
  }
1006
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1006
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1007
1007
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1008
1008
  --color: var(--hop-Button-secondary-color-pressed);
1009
1009
  --border: var(--hop-Button-secondary-border-pressed);
1010
1010
  }
1011
- .Button-module__hop-Button--upsell___1odMt {
1011
+ .Button-module__hop-Button--upsell___Wa1Kb {
1012
1012
  --background-color: var(--hop-Button-upsell-background-color);
1013
1013
  --color: var(--hop-Button-upsell-color);
1014
1014
  --border: var(--hop-Button-upsell-border);
1015
1015
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1016
1016
  }
1017
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1018
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1017
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1018
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1019
1019
  --background-color: var(--hop-Button-upsell-background-color-hover);
1020
1020
  --color: var(--hop-Button-upsell-color-hover);
1021
1021
  --border: var(--hop-Button-upsell-border-hover);
1022
1022
  }
1023
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1023
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1024
1024
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1025
1025
  --color: var(--hop-Button-upsell-color-pressed);
1026
1026
  --border: var(--hop-Button-upsell-border-pressed);
1027
1027
  }
1028
- .Button-module__hop-Button--danger___nvNVv {
1028
+ .Button-module__hop-Button--danger___de-7T {
1029
1029
  --background-color: var(--hop-Button-danger-background-color);
1030
1030
  --color: var(--hop-Button-danger-color);
1031
1031
  --border: var(--hop-Button-danger-border);
1032
1032
  --spinner-color: var(--hop-Button-danger-spinner-color);
1033
1033
  }
1034
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1035
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1034
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
1035
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1036
1036
  --background-color: var(--hop-Button-danger-background-color-hover);
1037
1037
  --color: var(--hop-Button-danger-color-hover);
1038
1038
  --border: var(--hop-Button-danger-border-hover);
1039
1039
  }
1040
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1040
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
1041
1041
  --background-color: var(--hop-Button-danger-background-color-pressed);
1042
1042
  --color: var(--hop-Button-danger-color-pressed);
1043
1043
  --border: var(--hop-Button-danger-border-pressed);
1044
1044
  }
1045
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1045
+ .Button-module__hop-Button--ghost-primary___f-GHo {
1046
1046
  --background-color: var(--hop-Button-ghost-primary-background-color);
1047
1047
  --color: var(--hop-Button-ghost-primary-color);
1048
1048
  --border: var(--hop-Button-ghost-primary-border);
1049
1049
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1050
1050
  }
1051
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1052
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1051
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1052
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1053
1053
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1054
1054
  --color: var(--hop-Button-ghost-primary-color-hover);
1055
1055
  --border: var(--hop-Button-ghost-primary-border-hover);
1056
1056
  --text-underline: underline;
1057
1057
  }
1058
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1058
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1059
1059
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1060
1060
  --color: var(--hop-Button-ghost-primary-color-pressed);
1061
1061
  --border: var(--hop-Button-ghost-primary-border-pressed);
1062
1062
  --text-underline: underline;
1063
1063
  }
1064
- .Button-module__hop-Button--ghost-secondary___YirRd {
1064
+ .Button-module__hop-Button--ghost-secondary___732dQ {
1065
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1066
1066
  --color: var(--hop-Button-ghost-secondary-color);
1067
1067
  --border: var(--hop-Button-ghost-secondary-border);
1068
1068
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1069
1069
  }
1070
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1071
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1070
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1071
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1072
1072
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1073
1073
  --color: var(--hop-Button-ghost-secondary-color-hover);
1074
1074
  --border: var(--hop-Button-ghost-secondary-border-hover);
1075
1075
  --text-underline: underline;
1076
1076
  }
1077
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1077
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1078
1078
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1079
1079
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1080
1080
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1081
1081
  --text-underline: underline;
1082
1082
  }
1083
- .Button-module__hop-Button--ghost-danger___J37kT {
1083
+ .Button-module__hop-Button--ghost-danger___mXQFT {
1084
1084
  --background-color: var(--hop-Button-ghost-danger-background-color);
1085
1085
  --color: var(--hop-Button-ghost-danger-color);
1086
1086
  --border: var(--hop-Button-ghost-danger-border);
1087
1087
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1088
1088
  }
1089
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1090
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1089
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1090
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1091
1091
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1092
1092
  --color: var(--hop-Button-ghost-danger-color-hover);
1093
1093
  --border: var(--hop-Button-ghost-danger-border-hover);
1094
1094
  --text-underline: underline;
1095
1095
  }
1096
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1096
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1097
1097
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1098
1098
  --color: var(--hop-Button-ghost-danger-color-pressed);
1099
1099
  --border: var(--hop-Button-ghost-danger-border-pressed);
1100
1100
  --text-underline: underline;
1101
1101
  }
1102
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1102
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1103
1103
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1104
1104
  }
1105
- .Button-module__hop-Button___drz4z[data-disabled],
1106
- .Button-module__hop-Button--loading___Vt2Li {
1105
+ .Button-module__hop-Button___0Z1G-[data-disabled],
1106
+ .Button-module__hop-Button--loading___3l487 {
1107
1107
  cursor: not-allowed;
1108
1108
  }
1109
- .Button-module__hop-Button___drz4z[data-disabled] {
1109
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
1110
1110
  --background-color: var(--hop-Button-background-color-disabled);
1111
1111
  --color: var(--hop-Button-color-disabled);
1112
1112
  --border: var(--hop-Button-border-disabled);
1113
1113
  }
1114
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1114
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1115
1115
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1116
1116
  --color: var(--hop-Button-ghost-color-disabled);
1117
1117
  --border: var(--hop-Button-ghost-border-disabled);
1118
1118
  }
1119
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1119
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1120
1120
  --background-color: var(--hop-Button-primary-background-color);
1121
1121
  --color: var(--hop-Button-primary-color);
1122
1122
  --border: var(--hop-Button-primary-border);
1123
1123
  }
1124
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1124
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1125
1125
  --background-color: var(--hop-Button-secondary-background-color);
1126
1126
  --color: var(--hop-Button-secondary-color);
1127
1127
  --border: var(--hop-Button-secondary-border);
1128
1128
  }
1129
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1129
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1130
1130
  --background-color: var(--hop-Button-upsell-background-color);
1131
1131
  --color: var(--hop-Button-upsell-color);
1132
1132
  --border: var(--hop-Button-upsell-border);
1133
1133
  }
1134
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1134
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1135
1135
  --background-color: var(--hop-Button-danger-background-color);
1136
1136
  --color: var(--hop-Button-danger-color);
1137
1137
  --border: var(--hop-Button-danger-border);
1138
1138
  }
1139
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1139
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1140
1140
  --background-color: var(--hop-Button-ghost-primary-background-color);
1141
1141
  --color: var(--hop-Button-ghost-primary-color);
1142
1142
  --border: var(--hop-Button-ghost-primary-border);
1143
1143
  --text-underline: none;
1144
1144
  }
1145
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1145
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1146
1146
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1147
1147
  --color: var(--hop-Button-ghost-secondary-color);
1148
1148
  --border: var(--hop-Button-ghost-secondary-border);
1149
1149
  --text-underline: none;
1150
1150
  }
1151
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1151
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1152
1152
  --background-color: var(--hop-Button-ghost-danger-background-color);
1153
1153
  --color: var(--hop-Button-ghost-danger-color);
1154
1154
  --border: var(--hop-Button-ghost-danger-border);
1155
1155
  --text-underline: none;
1156
1156
  }
1157
- .Button-module__hop-Button__Spinner___qFcTX {
1157
+ .Button-module__hop-Button__Spinner___Aydmf {
1158
1158
  position: absolute;
1159
1159
  color: var(--spinner-color);
1160
1160
  }
1161
- .Button-module__hop-Button__icon___i0bX0,
1162
- .Button-module__hop-Button__icon-list___h-l1l {
1161
+ .Button-module__hop-Button__icon___3H1Sb,
1162
+ .Button-module__hop-Button__icon-list___iWElA {
1163
1163
  flex: 0 0 auto;
1164
1164
  justify-self: end;
1165
1165
  order: 1;
1166
1166
  }
1167
- .Button-module__hop-Button__text___gW1zi {
1167
+ .Button-module__hop-Button__text___ZFtXo {
1168
1168
  user-select: none;
1169
1169
  overflow: visible;
1170
1170
  flex: 0 1 auto;
@@ -1174,60 +1174,60 @@
1174
1174
  text-underline-offset: 0.125rem;
1175
1175
  text-wrap: nowrap;
1176
1176
  }
1177
- .Button-module__hop-Button__end-icon___H4Qu5,
1178
- .Button-module__hop-Button__end-icon-list___k4l7m {
1177
+ .Button-module__hop-Button__end-icon___nOaCX,
1178
+ .Button-module__hop-Button__end-icon-list___ge2sI {
1179
1179
  flex: 0 0 auto;
1180
1180
  order: 3;
1181
1181
  }
1182
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1183
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1182
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1183
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1184
1184
  flex-wrap: nowrap;
1185
1185
  }
1186
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1186
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1187
1187
  opacity: 0;
1188
1188
  }
1189
1189
 
1190
1190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1191
- .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
1191
+ .ButtonGroup-module__hop-ButtonGroup___LQF3m {
1192
1192
  display: inline-flex;
1193
1193
  flex-wrap: nowrap;
1194
1194
  gap: var(--hop-space-inline-md);
1195
1195
  }
1196
- .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1196
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1197
1197
  align-items: center;
1198
1198
  }
1199
- .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1199
+ .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1200
1200
  flex-direction: column;
1201
1201
  gap: var(--hop-space-stack-md);
1202
1202
  justify-content: center;
1203
1203
  }
1204
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1204
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1205
1205
  align-items: flex-start;
1206
1206
  }
1207
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1207
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1208
1208
  align-items: center;
1209
1209
  }
1210
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1210
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
1211
1211
  align-items: flex-end;
1212
1212
  }
1213
- .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1213
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1214
1214
  justify-content: flex-start;
1215
1215
  }
1216
- .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1216
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1217
1217
  justify-content: center;
1218
1218
  }
1219
- .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1219
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
1220
1220
  justify-content: flex-end;
1221
1221
  }
1222
- .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
1222
+ .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
1223
1223
  flex-wrap: wrap;
1224
1224
  }
1225
- .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
1225
+ .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
1226
1226
  inline-size: 100%;
1227
1227
  }
1228
1228
 
1229
1229
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1230
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
1231
1231
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1232
1232
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1233
1233
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1391,7 +1391,7 @@
1391
1391
  outline: none;
1392
1392
  transition: color var(--transition);
1393
1393
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
1395
1395
  content: "";
1396
1396
  position: absolute;
1397
1397
  inset-block-start: 50%;
@@ -1404,284 +1404,284 @@
1404
1404
  border-radius: var(--effect-border-radius);
1405
1405
  transition: background-color var(--transition);
1406
1406
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
1408
1408
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1409
1409
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
1411
1411
  --inline-size: var(--hop-EmbeddedButton-md-width);
1412
1412
  --block-size: var(--hop-EmbeddedButton-md-height);
1413
1413
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1414
1414
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
1416
1416
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1417
1417
  --block-size: var(--hop-EmbeddedButton-lg-height);
1418
1418
  --focus-ring-offset: 0;
1419
1419
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
1421
1421
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1422
1422
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1423
1423
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
1425
1425
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1426
1426
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1427
1427
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
1429
1429
  --color: var(--hop-EmbeddedButton-neutral-color);
1430
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1431
1431
  }
1432
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
1432
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
1433
1433
  --color: var(--hop-EmbeddedButton-subdued-color);
1434
1434
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1435
1435
  }
1436
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
1436
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
1437
1437
  --color: var(--hop-EmbeddedButton-progress-color);
1438
1438
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1439
1439
  }
1440
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
1440
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
1441
1441
  --color: var(--hop-EmbeddedButton-positive-color);
1442
1442
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1443
1443
  }
1444
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
1444
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
1445
1445
  --color: var(--hop-EmbeddedButton-caution-color);
1446
1446
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1447
1447
  }
1448
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
1448
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
1449
1449
  --color: var(--hop-EmbeddedButton-negative-color);
1450
1450
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1451
1451
  }
1452
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
1452
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
1453
1453
  --color: var(--hop-EmbeddedButton-option1-color);
1454
1454
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1455
1455
  }
1456
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
1456
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
1457
1457
  --color: var(--hop-EmbeddedButton-option2-color);
1458
1458
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1459
1459
  }
1460
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
1460
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
1461
1461
  --color: var(--hop-EmbeddedButton-option3-color);
1462
1462
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1463
1463
  }
1464
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
1464
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
1465
1465
  --color: var(--hop-EmbeddedButton-option4-color);
1466
1466
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1467
1467
  }
1468
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
1468
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
1469
1469
  --color: var(--hop-EmbeddedButton-option5-color);
1470
1470
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1471
1471
  }
1472
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
1472
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
1473
1473
  --color: var(--hop-EmbeddedButton-option6-color);
1474
1474
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1475
1475
  }
1476
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1476
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
1477
1477
  --color: var(--hop-EmbeddedButton-selected-color);
1478
1478
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1479
1479
  }
1480
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
1481
1481
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1482
1482
  outline-offset: var(--focus-ring-offset);
1483
1483
  }
1484
- .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1485
1485
  cursor: not-allowed;
1486
1486
  }
1487
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1488
1488
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1489
1489
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1490
1490
  }
1491
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1492
1492
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1493
1493
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1494
1494
  }
1495
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1496
1496
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1497
1497
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1498
1498
  }
1499
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1500
1500
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1501
1501
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1502
1502
  }
1503
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1504
1504
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1505
1505
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1506
1506
  }
1507
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1508
1508
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1509
1509
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1510
1510
  }
1511
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1512
1512
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1513
1513
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1514
1514
  }
1515
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1516
1516
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1517
1517
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1518
1518
  }
1519
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1520
1520
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1521
1521
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1522
1522
  }
1523
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1524
1524
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1525
1525
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1526
1526
  }
1527
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1528
1528
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1529
1529
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1530
1530
  }
1531
- .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1532
1532
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1533
1533
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1534
1534
  }
1535
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1536
1536
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1537
1537
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1538
1538
  }
1539
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1540
1540
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1541
1541
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1542
1542
  }
1543
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1544
1544
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1545
1545
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1546
1546
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1548
1548
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1549
1549
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1550
1550
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1552
1552
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1553
1553
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1554
1554
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1556
1556
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1557
1557
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1558
1558
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1560
1560
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1561
1561
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1562
1562
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1564
1564
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1565
1565
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1566
1566
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1568
1568
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1569
1569
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1570
1570
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1572
1572
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1573
1573
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1574
1574
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1576
1576
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1577
1577
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1578
1578
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1580
1580
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1581
1581
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1582
1582
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1584
1584
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1585
1585
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1586
1586
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1588
1588
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1589
1589
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1590
1590
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1592
1592
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1593
1593
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1594
1594
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1596
1596
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1597
1597
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1598
1598
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1600
1600
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1601
1601
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1602
1602
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1604
1604
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1605
1605
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1606
1606
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1608
1608
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1609
1609
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1610
1610
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1612
1612
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1613
1613
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1614
1614
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1616
1616
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1617
1617
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1618
1618
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1620
1620
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1621
1621
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1622
1622
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1624
1624
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1625
1625
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1626
1626
  }
1627
- .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1627
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1628
1628
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1629
1629
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1630
1630
  }
1631
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1631
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1632
1632
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1633
1633
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1634
1634
  }
1635
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1635
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1636
1636
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1637
1637
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1638
1638
  }
1639
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1639
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1640
1640
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1641
1641
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1642
1642
  }
1643
- .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1643
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1644
1644
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1645
1645
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1646
1646
  }
1647
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1647
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1648
1648
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1649
1649
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1650
1650
  }
1651
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1651
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1652
1652
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1653
1653
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1654
1654
  }
1655
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1655
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1656
1656
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1657
1657
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1658
1658
  }
1659
- .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1659
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1660
1660
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1661
1661
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1662
1662
  }
1663
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1663
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1664
1664
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1665
1665
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1666
1666
  }
1667
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1667
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1668
1668
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1669
1669
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1670
1670
  }
1671
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1671
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1672
1672
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1673
1673
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1674
1674
  }
1675
- .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1675
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1676
1676
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1677
1677
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1678
1678
  }
1679
- .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1679
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1680
1680
  position: relative;
1681
1681
  }
1682
1682
 
1683
1683
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1684
- button.CloseButton-module__hop-CloseButton___aWaMI {
1684
+ button.CloseButton-module__hop-CloseButton___i-yPG {
1685
1685
  --hop-CloseButton-margin-top: 0rem;
1686
1686
  --hop-CloseButton-padding: 0rem;
1687
1687
  --hop-CloseButton-width: fit-content;
@@ -1693,7 +1693,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1693
1693
  }
1694
1694
 
1695
1695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1696
- .Button-module__hop-Button___drz4z {
1696
+ .Button-module__hop-Button___0Z1G- {
1697
1697
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1698
1698
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1699
1699
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1817,215 +1817,215 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
1817
1817
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1818
1818
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1819
1819
  }
1820
- .Button-module__hop-Button--fluid___jF2LE {
1820
+ .Button-module__hop-Button--fluid___ocE9B {
1821
1821
  --inline-size: 100%;
1822
1822
  }
1823
- .Button-module__hop-Button--sm___yWI1w {
1823
+ .Button-module__hop-Button--sm___Iin1k {
1824
1824
  --block-size: var(--hop-Button-sm-height);
1825
1825
  --padding: var(--hop-Button-sm-padding);
1826
1826
  }
1827
- .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1827
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1828
1828
  --padding: var(--hop-Button-ghost-sm-padding);
1829
1829
  }
1830
- .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1830
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1831
1831
  --padding: var(--hop-Button-ghost-md-padding);
1832
1832
  }
1833
- .Button-module__hop-Button--icon-only___ZVI03 {
1833
+ .Button-module__hop-Button--icon-only___aWeym {
1834
1834
  --column-gap: var(--hop-Button-icon-only-column-gap);
1835
1835
  --padding: var(--hop-Button-icon-only-padding);
1836
1836
  aspect-ratio: 1;
1837
1837
  }
1838
- .Button-module__hop-Button--primary___gQcR4 {
1838
+ .Button-module__hop-Button--primary___3Qmg3 {
1839
1839
  --background-color: var(--hop-Button-primary-background-color);
1840
1840
  --color: var(--hop-Button-primary-color);
1841
1841
  --border: var(--hop-Button-primary-border);
1842
1842
  --spinner-color: var(--hop-Button-primary-spinner-color);
1843
1843
  }
1844
- .Button-module__hop-Button--primary___gQcR4[data-hovered],
1845
- .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1844
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1845
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1846
1846
  --background-color: var(--hop-Button-primary-background-color-hover);
1847
1847
  --color: var(--hop-Button-primary-color-hover);
1848
1848
  --border: var(--hop-Button-primary-border-hover);
1849
1849
  }
1850
- .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1850
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1851
1851
  --background-color: var(--hop-Button-primary-background-color-pressed);
1852
1852
  --color: var(--hop-Button-primary-color-pressed);
1853
1853
  --border: var(--hop-Button-primary-border-pressed);
1854
1854
  }
1855
- .Button-module__hop-Button--secondary___iPATA {
1855
+ .Button-module__hop-Button--secondary___u3qlM {
1856
1856
  --background-color: var(--hop-Button-secondary-background-color);
1857
1857
  --color: var(--hop-Button-secondary-color);
1858
1858
  --border: var(--hop-Button-secondary-border);
1859
1859
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1860
1860
  }
1861
- .Button-module__hop-Button--secondary___iPATA[data-hovered],
1862
- .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1861
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1862
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1863
1863
  --background-color: var(--hop-Button-secondary-background-color-hover);
1864
1864
  --color: var(--hop-Button-secondary-color-hover);
1865
1865
  --border: var(--hop-Button-secondary-border-hover);
1866
1866
  }
1867
- .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1867
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1868
1868
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1869
1869
  --color: var(--hop-Button-secondary-color-pressed);
1870
1870
  --border: var(--hop-Button-secondary-border-pressed);
1871
1871
  }
1872
- .Button-module__hop-Button--upsell___1odMt {
1872
+ .Button-module__hop-Button--upsell___Wa1Kb {
1873
1873
  --background-color: var(--hop-Button-upsell-background-color);
1874
1874
  --color: var(--hop-Button-upsell-color);
1875
1875
  --border: var(--hop-Button-upsell-border);
1876
1876
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1877
1877
  }
1878
- .Button-module__hop-Button--upsell___1odMt[data-hovered],
1879
- .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1878
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1879
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1880
1880
  --background-color: var(--hop-Button-upsell-background-color-hover);
1881
1881
  --color: var(--hop-Button-upsell-color-hover);
1882
1882
  --border: var(--hop-Button-upsell-border-hover);
1883
1883
  }
1884
- .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1884
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1885
1885
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1886
1886
  --color: var(--hop-Button-upsell-color-pressed);
1887
1887
  --border: var(--hop-Button-upsell-border-pressed);
1888
1888
  }
1889
- .Button-module__hop-Button--danger___nvNVv {
1889
+ .Button-module__hop-Button--danger___de-7T {
1890
1890
  --background-color: var(--hop-Button-danger-background-color);
1891
1891
  --color: var(--hop-Button-danger-color);
1892
1892
  --border: var(--hop-Button-danger-border);
1893
1893
  --spinner-color: var(--hop-Button-danger-spinner-color);
1894
1894
  }
1895
- .Button-module__hop-Button--danger___nvNVv[data-hovered],
1896
- .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1895
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
1896
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1897
1897
  --background-color: var(--hop-Button-danger-background-color-hover);
1898
1898
  --color: var(--hop-Button-danger-color-hover);
1899
1899
  --border: var(--hop-Button-danger-border-hover);
1900
1900
  }
1901
- .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1901
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
1902
1902
  --background-color: var(--hop-Button-danger-background-color-pressed);
1903
1903
  --color: var(--hop-Button-danger-color-pressed);
1904
1904
  --border: var(--hop-Button-danger-border-pressed);
1905
1905
  }
1906
- .Button-module__hop-Button--ghost-primary___XUMG1 {
1906
+ .Button-module__hop-Button--ghost-primary___f-GHo {
1907
1907
  --background-color: var(--hop-Button-ghost-primary-background-color);
1908
1908
  --color: var(--hop-Button-ghost-primary-color);
1909
1909
  --border: var(--hop-Button-ghost-primary-border);
1910
1910
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1911
1911
  }
1912
- .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1913
- .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1912
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1913
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1914
1914
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1915
1915
  --color: var(--hop-Button-ghost-primary-color-hover);
1916
1916
  --border: var(--hop-Button-ghost-primary-border-hover);
1917
1917
  --text-underline: underline;
1918
1918
  }
1919
- .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1919
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1920
1920
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1921
1921
  --color: var(--hop-Button-ghost-primary-color-pressed);
1922
1922
  --border: var(--hop-Button-ghost-primary-border-pressed);
1923
1923
  --text-underline: underline;
1924
1924
  }
1925
- .Button-module__hop-Button--ghost-secondary___YirRd {
1925
+ .Button-module__hop-Button--ghost-secondary___732dQ {
1926
1926
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1927
1927
  --color: var(--hop-Button-ghost-secondary-color);
1928
1928
  --border: var(--hop-Button-ghost-secondary-border);
1929
1929
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1930
1930
  }
1931
- .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1932
- .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1931
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1932
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1933
1933
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1934
1934
  --color: var(--hop-Button-ghost-secondary-color-hover);
1935
1935
  --border: var(--hop-Button-ghost-secondary-border-hover);
1936
1936
  --text-underline: underline;
1937
1937
  }
1938
- .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1938
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1939
1939
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1940
1940
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1941
1941
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1942
1942
  --text-underline: underline;
1943
1943
  }
1944
- .Button-module__hop-Button--ghost-danger___J37kT {
1944
+ .Button-module__hop-Button--ghost-danger___mXQFT {
1945
1945
  --background-color: var(--hop-Button-ghost-danger-background-color);
1946
1946
  --color: var(--hop-Button-ghost-danger-color);
1947
1947
  --border: var(--hop-Button-ghost-danger-border);
1948
1948
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1949
1949
  }
1950
- .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1951
- .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1950
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1951
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1952
1952
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1953
1953
  --color: var(--hop-Button-ghost-danger-color-hover);
1954
1954
  --border: var(--hop-Button-ghost-danger-border-hover);
1955
1955
  --text-underline: underline;
1956
1956
  }
1957
- .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1957
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1958
1958
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1959
1959
  --color: var(--hop-Button-ghost-danger-color-pressed);
1960
1960
  --border: var(--hop-Button-ghost-danger-border-pressed);
1961
1961
  --text-underline: underline;
1962
1962
  }
1963
- .Button-module__hop-Button___drz4z[data-focus-visible] {
1963
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1964
1964
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1965
1965
  }
1966
- .Button-module__hop-Button___drz4z[data-disabled],
1967
- .Button-module__hop-Button--loading___Vt2Li {
1966
+ .Button-module__hop-Button___0Z1G-[data-disabled],
1967
+ .Button-module__hop-Button--loading___3l487 {
1968
1968
  cursor: not-allowed;
1969
1969
  }
1970
- .Button-module__hop-Button___drz4z[data-disabled] {
1970
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
1971
1971
  --background-color: var(--hop-Button-background-color-disabled);
1972
1972
  --color: var(--hop-Button-color-disabled);
1973
1973
  --border: var(--hop-Button-border-disabled);
1974
1974
  }
1975
- .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1975
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1976
1976
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1977
1977
  --color: var(--hop-Button-ghost-color-disabled);
1978
1978
  --border: var(--hop-Button-ghost-border-disabled);
1979
1979
  }
1980
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1980
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1981
1981
  --background-color: var(--hop-Button-primary-background-color);
1982
1982
  --color: var(--hop-Button-primary-color);
1983
1983
  --border: var(--hop-Button-primary-border);
1984
1984
  }
1985
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1985
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1986
1986
  --background-color: var(--hop-Button-secondary-background-color);
1987
1987
  --color: var(--hop-Button-secondary-color);
1988
1988
  --border: var(--hop-Button-secondary-border);
1989
1989
  }
1990
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1990
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1991
1991
  --background-color: var(--hop-Button-upsell-background-color);
1992
1992
  --color: var(--hop-Button-upsell-color);
1993
1993
  --border: var(--hop-Button-upsell-border);
1994
1994
  }
1995
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1995
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1996
1996
  --background-color: var(--hop-Button-danger-background-color);
1997
1997
  --color: var(--hop-Button-danger-color);
1998
1998
  --border: var(--hop-Button-danger-border);
1999
1999
  }
2000
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
2000
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
2001
2001
  --background-color: var(--hop-Button-ghost-primary-background-color);
2002
2002
  --color: var(--hop-Button-ghost-primary-color);
2003
2003
  --border: var(--hop-Button-ghost-primary-border);
2004
2004
  --text-underline: none;
2005
2005
  }
2006
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
2006
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
2007
2007
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2008
2008
  --color: var(--hop-Button-ghost-secondary-color);
2009
2009
  --border: var(--hop-Button-ghost-secondary-border);
2010
2010
  --text-underline: none;
2011
2011
  }
2012
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
2012
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
2013
2013
  --background-color: var(--hop-Button-ghost-danger-background-color);
2014
2014
  --color: var(--hop-Button-ghost-danger-color);
2015
2015
  --border: var(--hop-Button-ghost-danger-border);
2016
2016
  --text-underline: none;
2017
2017
  }
2018
- .Button-module__hop-Button__Spinner___qFcTX {
2018
+ .Button-module__hop-Button__Spinner___Aydmf {
2019
2019
  position: absolute;
2020
2020
  color: var(--spinner-color);
2021
2021
  }
2022
- .Button-module__hop-Button__icon___i0bX0,
2023
- .Button-module__hop-Button__icon-list___h-l1l {
2022
+ .Button-module__hop-Button__icon___3H1Sb,
2023
+ .Button-module__hop-Button__icon-list___iWElA {
2024
2024
  flex: 0 0 auto;
2025
2025
  justify-self: end;
2026
2026
  order: 1;
2027
2027
  }
2028
- .Button-module__hop-Button__text___gW1zi {
2028
+ .Button-module__hop-Button__text___ZFtXo {
2029
2029
  user-select: none;
2030
2030
  overflow: visible;
2031
2031
  flex: 0 1 auto;
@@ -2035,57 +2035,330 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2035
2035
  text-underline-offset: 0.125rem;
2036
2036
  text-wrap: nowrap;
2037
2037
  }
2038
- .Button-module__hop-Button__end-icon___H4Qu5,
2039
- .Button-module__hop-Button__end-icon-list___k4l7m {
2038
+ .Button-module__hop-Button__end-icon___nOaCX,
2039
+ .Button-module__hop-Button__end-icon-list___ge2sI {
2040
2040
  flex: 0 0 auto;
2041
2041
  order: 3;
2042
2042
  }
2043
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
2044
- .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
2043
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
2044
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
2045
2045
  flex-wrap: nowrap;
2046
2046
  }
2047
- .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
2047
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
2048
2048
  opacity: 0;
2049
2049
  }
2050
- .LinkButton-module__hop-LinkButton___hlYkA {
2050
+ .LinkButton-module__hop-LinkButton___-WoGS {
2051
2051
  }
2052
- .LinkButton-module__hop-LinkButton--fluid___iCMfM {
2052
+ .LinkButton-module__hop-LinkButton--fluid___dxw2A {
2053
2053
  }
2054
- .LinkButton-module__hop-LinkButton--sm___yzSw4 {
2054
+ .LinkButton-module__hop-LinkButton--sm___OyTLF {
2055
2055
  }
2056
- .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
2056
+ .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
2057
2057
  }
2058
- .LinkButton-module__hop-LinkButton--primary___l-P07 {
2058
+ .LinkButton-module__hop-LinkButton--primary___GqNpo {
2059
2059
  }
2060
- .LinkButton-module__hop-LinkButton--secondary___37NV- {
2060
+ .LinkButton-module__hop-LinkButton--secondary___Bekbp {
2061
2061
  }
2062
- .LinkButton-module__hop-LinkButton--upsell___cIPT- {
2062
+ .LinkButton-module__hop-LinkButton--upsell___SKX6u {
2063
2063
  }
2064
- .LinkButton-module__hop-LinkButton--danger___6bQIM {
2064
+ .LinkButton-module__hop-LinkButton--danger___qDii5 {
2065
2065
  }
2066
- .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
2066
+ .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
2067
2067
  }
2068
- .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
2068
+ .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
2069
2069
  }
2070
- .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
2070
+ .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
2071
2071
  }
2072
- .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
2072
+ .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
2073
2073
  }
2074
- .LinkButton-module__hop-LinkButton__icon___CjXqw,
2075
- .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
2074
+ .LinkButton-module__hop-LinkButton__icon___agTeu,
2075
+ .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
2076
2076
  }
2077
- .LinkButton-module__hop-LinkButton__text___PNN59 {
2077
+ .LinkButton-module__hop-LinkButton__text___pBNkq {
2078
2078
  }
2079
- .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
2080
- .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2079
+ .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
2080
+ .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
2081
2081
  }
2082
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
2083
- .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2082
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
2083
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
2084
2084
  flex-wrap: nowrap;
2085
2085
  }
2086
2086
 
2087
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
2088
+ .ToggleButton-module__hop-ToggleButton___oE-c4 {
2089
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
2090
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
2091
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
2092
+ --hop-ToggleButton-icon-only-column-gap: 0;
2093
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
2094
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2095
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
2096
+ --hop-ToggleButton-icon-only-padding: 0;
2097
+ --hop-ToggleButton-sm-height: 2rem;
2098
+ --hop-ToggleButton-md-height: 2.5rem;
2099
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
2100
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
2101
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
2102
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
2103
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
2104
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2105
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
2106
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
2107
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2108
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2109
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2110
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2111
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2112
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2113
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
2114
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
2115
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2116
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
2117
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2118
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
2119
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
2120
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2121
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2122
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2123
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2124
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2125
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2126
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
2127
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2128
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2129
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
2130
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2131
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
2132
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
2133
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2134
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2135
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2136
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2137
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2138
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2139
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
2140
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
2141
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2142
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
2143
+ --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
2144
+ --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
2145
+ --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
2146
+ --hop-ToggleButton-tertiary-background-color: transparent;
2147
+ --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
2148
+ --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
2149
+ --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
2150
+ --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
2151
+ --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
2152
+ --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
2153
+ --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
2154
+ --hop-ToggleButton-tertiary-background-color-disabled: transparent;
2155
+ --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
2156
+ --inline-size: max-content;
2157
+ --block-size: var(--hop-ToggleButton-md-height);
2158
+ --background-color: var(--hop-primary-surface-strong);
2159
+ --color: var(--hop-primary-text-strong);
2160
+ --column-gap: var(--hop-ToggleButton-column-gap);
2161
+ --spinner: var(--hop-primary-icon-strong);
2162
+ --border: 0;
2163
+ --padding: var(--hop-ToggleButton-md-padding);
2164
+ --text-underline: none;
2165
+ cursor: pointer;
2166
+ position: relative;
2167
+ overflow: hidden;
2168
+ display: flex;
2169
+ column-gap: var(--column-gap);
2170
+ align-items: center;
2171
+ justify-content: center;
2172
+ box-sizing: border-box;
2173
+ inline-size: var(--inline-size);
2174
+ block-size: var(--block-size);
2175
+ padding: var(--padding);
2176
+ color: var(--color);
2177
+ text-decoration: none;
2178
+ white-space: nowrap;
2179
+ background-color: var(--background-color);
2180
+ border: var(--border);
2181
+ border-radius: var(--hop-ToggleButton-border-radius);
2182
+ outline: none;
2183
+ outline-offset: var(--hop-ToggleButton-outline-size);
2184
+ transition:
2185
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
2186
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2187
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
2188
+ }
2189
+ .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
2190
+ --inline-size: 100%;
2191
+ }
2192
+ .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
2193
+ --block-size: var(--hop-ToggleButton-sm-height);
2194
+ --padding: var(--hop-ToggleButton-sm-padding);
2195
+ }
2196
+ .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
2197
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
2198
+ --padding: var(--hop-ToggleButton-icon-only-padding);
2199
+ aspect-ratio: 1;
2200
+ }
2201
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk {
2202
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2203
+ --color: var(--hop-ToggleButton-primary-color);
2204
+ --border: var(--hop-ToggleButton-primary-border);
2205
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
2206
+ }
2207
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
2208
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
2209
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
2210
+ --color: var(--hop-ToggleButton-primary-color-hover);
2211
+ --border: var(--hop-ToggleButton-primary-border-hover);
2212
+ }
2213
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
2214
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
2215
+ --color: var(--hop-ToggleButton-primary-color-pressed);
2216
+ --border: var(--hop-ToggleButton-primary-border-pressed);
2217
+ }
2218
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
2219
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2220
+ --color: var(--hop-ToggleButton-primary-color-selected);
2221
+ --border: var(--hop-ToggleButton-primary-border-selected);
2222
+ }
2223
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
2224
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2225
+ --color: var(--hop-ToggleButton-secondary-color);
2226
+ --border: var(--hop-ToggleButton-secondary-border);
2227
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
2228
+ }
2229
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
2230
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
2231
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
2232
+ --color: var(--hop-ToggleButton-secondary-color-hover);
2233
+ --border: var(--hop-ToggleButton-secondary-border-hover);
2234
+ }
2235
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
2236
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
2237
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
2238
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
2239
+ }
2240
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
2241
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2242
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2243
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2244
+ }
2245
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
2246
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2247
+ --color: var(--hop-ToggleButton-upsell-color);
2248
+ --border: var(--hop-ToggleButton-upsell-border);
2249
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
2250
+ }
2251
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
2252
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
2253
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
2254
+ --color: var(--hop-ToggleButton-upsell-color-hover);
2255
+ --border: var(--hop-ToggleButton-upsell-border-hover);
2256
+ }
2257
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
2258
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
2259
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
2260
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
2261
+ }
2262
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
2263
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2264
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2265
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2266
+ }
2267
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
2268
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
2269
+ --color: var(--hop-ToggleButton-tertiary-color);
2270
+ --border: var(--hop-ToggleButton-tertiary-border);
2271
+ --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
2272
+ }
2273
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
2274
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
2275
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
2276
+ --color: var(--hop-ToggleButton-tertiary-color-hover);
2277
+ --border: var(--hop-ToggleButton-tertiary-border-hover);
2278
+ --text-underline: underline;
2279
+ }
2280
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
2281
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
2282
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
2283
+ --color: var(--hop-ToggleButton-tertiary-color-pressed);
2284
+ --border: var(--hop-ToggleButton-tertiary-border-pressed);
2285
+ }
2286
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
2287
+ --text-underline: underline;
2288
+ }
2289
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
2290
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
2291
+ }
2292
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
2293
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
2294
+ cursor: not-allowed;
2295
+ }
2296
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
2297
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
2298
+ --color: var(--hop-ToggleButton-color-disabled);
2299
+ --border: var(--hop-ToggleButton-border-disabled);
2300
+ }
2301
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
2302
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
2303
+ --color: var(--hop-ToggleButton-tertiary-color-disabled);
2304
+ --border: var(--hop-ToggleButton-tertiary-border-disabled);
2305
+ }
2306
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
2307
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2308
+ --color: var(--hop-ToggleButton-primary-color);
2309
+ --border: var(--hop-ToggleButton-primary-border);
2310
+ }
2311
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
2312
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2313
+ --color: var(--hop-ToggleButton-secondary-color);
2314
+ --border: var(--hop-ToggleButton-secondary-border);
2315
+ }
2316
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
2317
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2318
+ --color: var(--hop-ToggleButton-upsell-color);
2319
+ --border: var(--hop-ToggleButton-upsell-border);
2320
+ }
2321
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
2322
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
2323
+ --color: var(--hop-ToggleButton-tertiary-color);
2324
+ --border: var(--hop-ToggleButton-tertiary-border);
2325
+ --text-underline: none;
2326
+ }
2327
+ .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
2328
+ position: absolute;
2329
+ color: var(--spinner-color);
2330
+ }
2331
+ .ToggleButton-module__hop-ToggleButton__icon___9MF68,
2332
+ .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
2333
+ flex: 0 0 auto;
2334
+ justify-self: end;
2335
+ order: 1;
2336
+ }
2337
+ .ToggleButton-module__hop-ToggleButton__text___dDxdD {
2338
+ user-select: none;
2339
+ overflow: visible;
2340
+ flex: 0 1 auto;
2341
+ order: 2;
2342
+ font-weight: var(--hop-font-weight-505);
2343
+ text-decoration: var(--text-underline);
2344
+ text-underline-offset: 0.125rem;
2345
+ text-wrap: nowrap;
2346
+ }
2347
+ .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
2348
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
2349
+ flex: 0 0 auto;
2350
+ order: 3;
2351
+ }
2352
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
2353
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
2354
+ flex-wrap: nowrap;
2355
+ }
2356
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
2357
+ opacity: 0;
2358
+ }
2359
+
2087
2360
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2088
- .PasswordField-module__hop-PasswordField___15NYm {
2361
+ .PasswordField-module__hop-PasswordField___RZjFS {
2089
2362
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2090
2363
  --hop-PasswordField-inline-size: 20rem;
2091
2364
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2096,38 +2369,38 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2096
2369
  inline-size: var(--inline-size);
2097
2370
  max-inline-size: 100%;
2098
2371
  }
2099
- .PasswordField-module__hop-PasswordField--fluid___fjZCZ {
2372
+ .PasswordField-module__hop-PasswordField--fluid___BpxiK {
2100
2373
  --inline-size: 100%;
2101
2374
  }
2102
- .PasswordField-module__hop-PasswordField__Label___fQTe4 {
2375
+ .PasswordField-module__hop-PasswordField__Label___Z-OjL {
2103
2376
  order: 0;
2104
2377
  }
2105
- .PasswordField-module__hop-PasswordField__InputGroup___9BMhI {
2378
+ .PasswordField-module__hop-PasswordField__InputGroup___o-KU- {
2106
2379
  order: 1;
2107
2380
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2108
2381
  }
2109
- .PasswordField-module__hop-PasswordField__ErrorMessage___BMY87,
2110
- .PasswordField-module__hop-PasswordField__HelperMessage___tjF1T {
2382
+ .PasswordField-module__hop-PasswordField__ErrorMessage___0BKDc,
2383
+ .PasswordField-module__hop-PasswordField__HelperMessage___dMwi3 {
2111
2384
  order: 3;
2112
2385
  }
2113
2386
 
2114
2387
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2115
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm {
2388
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I {
2116
2389
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2117
2390
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2118
2391
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2119
2392
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2120
2393
  color: var(--char-count-color);
2121
2394
  }
2122
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm[data-invalid] {
2395
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I[data-invalid] {
2123
2396
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2124
2397
  }
2125
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___bytPm[data-disabled] {
2398
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___0My8I[data-disabled] {
2126
2399
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2127
2400
  }
2128
2401
 
2129
2402
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2130
- .SearchField-module__hop-SearchField___qBYFd {
2403
+ .SearchField-module__hop-SearchField___ulqWB {
2131
2404
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2132
2405
  --hop-SearchField-inline-size: 20rem;
2133
2406
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2142,39 +2415,39 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2142
2415
  inline-size: var(--inline-size);
2143
2416
  max-inline-size: 100%;
2144
2417
  }
2145
- .SearchField-module__hop-SearchField--fluid___dL8Qb {
2418
+ .SearchField-module__hop-SearchField--fluid___oPe6E {
2146
2419
  --inline-size: 100%;
2147
2420
  }
2148
- .SearchField-module__hop-SearchField__Label___9RMkv {
2421
+ .SearchField-module__hop-SearchField__Label___-roJe {
2149
2422
  order: 0;
2150
2423
  }
2151
- .SearchField-module__hop-SearchField__prefix___c8CWM {
2424
+ .SearchField-module__hop-SearchField__prefix___STKwu {
2152
2425
  color: var(--hop-SearchField-color);
2153
2426
  }
2154
- .SearchField-module__hop-SearchField__InputGroup___9UmYe {
2427
+ .SearchField-module__hop-SearchField__InputGroup___Upt5F {
2155
2428
  order: 1;
2156
2429
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2157
2430
  }
2158
- .SearchField-module__hop-SearchField--clearable___uoT-O {
2431
+ .SearchField-module__hop-SearchField--clearable___lasq0 {
2159
2432
  --input-group-padding-inline-end: 0;
2160
2433
  }
2161
- .SearchField-module__hop-SearchField__ErrorMessage___uragj,
2162
- .SearchField-module__hop-SearchField__HelperMessage___2VHqJ {
2434
+ .SearchField-module__hop-SearchField__ErrorMessage___L2h9P,
2435
+ .SearchField-module__hop-SearchField__HelperMessage___fhaEp {
2163
2436
  order: 3;
2164
2437
  }
2165
- .SearchField-module__hop-SearchField___qBYFd input::-webkit-search-cancel-button,
2166
- .SearchField-module__hop-SearchField___qBYFd input::-webkit-search-decoration {
2438
+ .SearchField-module__hop-SearchField___ulqWB input::-webkit-search-cancel-button,
2439
+ .SearchField-module__hop-SearchField___ulqWB input::-webkit-search-decoration {
2167
2440
  appearance: none;
2168
2441
  }
2169
- .SearchField-module__hop-SearchField___qBYFd[data-empty] {
2442
+ .SearchField-module__hop-SearchField___ulqWB[data-empty] {
2170
2443
  --clear-button-display: none;
2171
2444
  }
2172
- .SearchField-module__hop-SearchField__ClearButton___vlLUz {
2445
+ .SearchField-module__hop-SearchField__ClearButton___j64r- {
2173
2446
  display: var(--clear-button-display);
2174
2447
  }
2175
2448
 
2176
2449
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2177
- .TextArea-module__hop-TextArea___r1Sqd {
2450
+ .TextArea-module__hop-TextArea___Ur63S {
2178
2451
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2179
2452
  --hop-TextArea-inline-size: 20rem;
2180
2453
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2204,34 +2477,34 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2204
2477
  inline-size: var(--inline-size);
2205
2478
  max-inline-size: 100%;
2206
2479
  }
2207
- .TextArea-module__hop-TextArea--fluid___Bw9Pn {
2480
+ .TextArea-module__hop-TextArea--fluid___o-quN {
2208
2481
  --inline-size: 100%;
2209
2482
  }
2210
- .TextArea-module__hop-TextArea___r1Sqd[data-resize-mode=vertical] {
2483
+ .TextArea-module__hop-TextArea___Ur63S[data-resize-mode=vertical] {
2211
2484
  --resize: vertical;
2212
2485
  }
2213
- .TextArea-module__hop-TextArea__Label___r0qV8 {
2486
+ .TextArea-module__hop-TextArea__Label___qf4kp {
2214
2487
  order: 0;
2215
2488
  }
2216
- .TextArea-module__hop-TextArea__prefix___aO21j {
2489
+ .TextArea-module__hop-TextArea__prefix___OsqOA {
2217
2490
  color: var(--hop-TextArea-prefix-color);
2218
2491
  }
2219
- .TextArea-module__hop-TextArea__RemainingCharacterCount___M1s4z {
2492
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___xVjah {
2220
2493
  padding-block-end: var(--hop-space-inset-sm);
2221
2494
  padding-inline: var(--hop-space-inset-md);
2222
2495
  }
2223
- .TextArea-module__hop-TextArea__InputGroup___Izeth {
2496
+ .TextArea-module__hop-TextArea__InputGroup___PrERV {
2224
2497
  flex-direction: column;
2225
2498
  gap: 0;
2226
2499
  align-items: flex-end;
2227
2500
  order: 1;
2228
2501
  padding: 0;
2229
2502
  }
2230
- .TextArea-module__hop-TextArea__ErrorMessage___voe0u,
2231
- .TextArea-module__hop-TextArea__HelperMessage___qYCcv {
2503
+ .TextArea-module__hop-TextArea__ErrorMessage___UNeGg,
2504
+ .TextArea-module__hop-TextArea__HelperMessage___E3pCh {
2232
2505
  order: 3;
2233
2506
  }
2234
- .TextArea-module__hop-TextArea__textarea___czWmy {
2507
+ .TextArea-module__hop-TextArea__textarea___E6T-s {
2235
2508
  resize: var(--resize);
2236
2509
  overflow: hidden;
2237
2510
  flex-direction: column;
@@ -2254,29 +2527,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2254
2527
  border: 0;
2255
2528
  outline-style: none;
2256
2529
  }
2257
- .TextArea-module__hop-TextArea__textarea--with-character-count___NNXnP {
2530
+ .TextArea-module__hop-TextArea__textarea--with-character-count___S04q3 {
2258
2531
  padding-block-end: 0;
2259
2532
  }
2260
- .TextArea-module__hop-TextArea__textarea--sm___p2t1X {
2533
+ .TextArea-module__hop-TextArea__textarea--sm___-k7fc {
2261
2534
  --font-family: var(--hop-TextArea-sm-font-family);
2262
2535
  --font-size: var(--hop-TextArea-sm-font-size);
2263
2536
  --font-weight: var(--hop-TextArea-sm-font-weight);
2264
2537
  --line-height: var(--hop-TextArea-sm-line-height);
2265
2538
  }
2266
- .TextArea-module__hop-TextArea__textarea___czWmy::placeholder {
2539
+ .TextArea-module__hop-TextArea__textarea___E6T-s::placeholder {
2267
2540
  font-family: var(--hop-TextArea-placeholder-font-family);
2268
2541
  font-size: var(--hop-TextArea-placeholder-font-size);
2269
2542
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2270
2543
  line-height: var(--hop-TextArea-placeholder-line-height);
2271
2544
  color: var(--input-placeholder-color);
2272
2545
  }
2273
- .TextArea-module__hop-TextArea__textarea___czWmy[data-disabled] {
2546
+ .TextArea-module__hop-TextArea__textarea___E6T-s[data-disabled] {
2274
2547
  --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2275
2548
  color: var(--hop-TextArea-color-disabled);
2276
2549
  }
2277
2550
 
2278
2551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2279
- .TextField-module__hop-TextField___nNpMg {
2552
+ .TextField-module__hop-TextField___gU-Sw {
2280
2553
  --hop-TextField-gap: var(--hop-space-stack-xs);
2281
2554
  --hop-TextField-inline-size: 20rem;
2282
2555
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2287,25 +2560,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2287
2560
  inline-size: var(--inline-size);
2288
2561
  max-inline-size: 100%;
2289
2562
  }
2290
- .TextField-module__hop-TextField--fluid___f42pQ {
2563
+ .TextField-module__hop-TextField--fluid___LA6FA {
2291
2564
  --inline-size: 100%;
2292
2565
  }
2293
- .TextField-module__hop-TextField__Label___5MOpI {
2566
+ .TextField-module__hop-TextField__Label___N-b2b {
2294
2567
  order: 0;
2295
2568
  }
2296
- .TextField-module__hop-TextField__prefix___vsNDI {
2569
+ .TextField-module__hop-TextField__prefix___jbIxr {
2297
2570
  color: var(--hop-TextField-prefix-color);
2298
2571
  }
2299
- .TextField-module__hop-TextField__InputGroup___KqLxZ {
2572
+ .TextField-module__hop-TextField__InputGroup___ZCcQg {
2300
2573
  order: 1;
2301
2574
  }
2302
- .TextField-module__hop-TextField__ErrorMessage___4kKV8,
2303
- .TextField-module__hop-TextField__HelperMessage___4owpa {
2575
+ .TextField-module__hop-TextField__ErrorMessage___x5q8Z,
2576
+ .TextField-module__hop-TextField__HelperMessage___EixVn {
2304
2577
  order: 3;
2305
2578
  }
2306
2579
 
2307
2580
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2308
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
2581
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
2309
2582
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2310
2583
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2311
2584
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2336,46 +2609,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2336
2609
  background-color: var(--background-color);
2337
2610
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2338
2611
  }
2339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
2612
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
2340
2613
  --size: var(--hop-RichIconAvatarImage-xs-size);
2341
2614
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2342
2615
  }
2343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
2616
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
2344
2617
  --size: var(--hop-RichIconAvatarImage-sm-size);
2345
2618
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2346
2619
  }
2347
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
2620
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
2348
2621
  --size: var(--hop-RichIconAvatarImage-md-size);
2349
2622
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2350
2623
  }
2351
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
2624
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
2352
2625
  --size: var(--hop-RichIconAvatarImage-lg-size);
2353
2626
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2354
2627
  }
2355
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
2628
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
2356
2629
  --size: var(--hop-RichIconAvatarImage-xl-size);
2357
2630
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2358
2631
  }
2359
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
2632
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
2360
2633
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2361
2634
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2362
2635
  }
2363
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
2636
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
2364
2637
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2365
2638
  }
2366
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2639
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2367
2640
  position: relative;
2368
2641
  display: block;
2369
2642
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2370
2643
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2371
2644
  }
2372
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
2645
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
2373
2646
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2374
2647
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2375
2648
  }
2376
2649
 
2377
2650
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2378
- .Avatar-module__hop-Avatar___Ihw-T {
2651
+ .Avatar-module__hop-Avatar___sOX9A {
2379
2652
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2380
2653
  --hop-Avatar-mix-blend-mode: normal;
2381
2654
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2420,67 +2693,67 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2420
2693
  background-color: var(--background-color, transparent);
2421
2694
  border-radius: var(--hop-Avatar-border-radius);
2422
2695
  }
2423
- .Avatar-module__hop-Avatar--xs___wUBE6 {
2696
+ .Avatar-module__hop-Avatar--xs___i1aUW {
2424
2697
  --size: var(--hop-Avatar-xs-size);
2425
2698
  }
2426
- .Avatar-module__hop-Avatar--sm___zFiEI {
2699
+ .Avatar-module__hop-Avatar--sm___nwUvL {
2427
2700
  --size: var(--hop-Avatar-sm-size);
2428
2701
  }
2429
- .Avatar-module__hop-Avatar--md___gGnf1 {
2702
+ .Avatar-module__hop-Avatar--md___uyw33 {
2430
2703
  --size: var(--hop-Avatar-md-size);
2431
2704
  }
2432
- .Avatar-module__hop-Avatar--lg___59OtB {
2705
+ .Avatar-module__hop-Avatar--lg___Mui78 {
2433
2706
  --size: var(--hop-Avatar-lg-size);
2434
2707
  }
2435
- .Avatar-module__hop-Avatar--xl___zCYTU {
2708
+ .Avatar-module__hop-Avatar--xl___hHaUG {
2436
2709
  --size: var(--hop-Avatar-xl-size);
2437
2710
  }
2438
- .Avatar-module__hop-Avatar--2xl___lpaAF {
2711
+ .Avatar-module__hop-Avatar--2xl___pqrQN {
2439
2712
  --size: var(--hop-Avatar-2xl-size);
2440
2713
  }
2441
- .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
2714
+ .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
2442
2715
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2443
2716
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2444
2717
  }
2445
- .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
2718
+ .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
2446
2719
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2447
2720
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2448
2721
  }
2449
- .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
2722
+ .Avatar-module__hop-Avatar--decorative-option3___vCyti {
2450
2723
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2451
2724
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2452
2725
  }
2453
- .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
2726
+ .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
2454
2727
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2455
2728
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2456
2729
  }
2457
- .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
2730
+ .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
2458
2731
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2459
2732
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2460
2733
  }
2461
- .Avatar-module__hop-Avatar--decorative-option6___jliDF {
2734
+ .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
2462
2735
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2463
2736
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2464
2737
  }
2465
- .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
2738
+ .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
2466
2739
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2467
2740
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2468
2741
  }
2469
- .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
2742
+ .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
2470
2743
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2471
2744
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2472
2745
  }
2473
- .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
2746
+ .Avatar-module__hop-Avatar--decorative-option9___en8-c {
2474
2747
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2475
2748
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2476
2749
  }
2477
- .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2750
+ .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
2478
2751
  --background-color: var(--hop-Avatar-background-color-disabled);
2479
2752
  --text-color: var(--hop-Avatar-text-color-disabled);
2480
2753
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2481
2754
  isolation: isolate;
2482
2755
  }
2483
- .Avatar-module__hop-Avatar__image___4XmMJ {
2756
+ .Avatar-module__hop-Avatar__image___aGfAg {
2484
2757
  position: relative;
2485
2758
  display: block;
2486
2759
  box-sizing: border-box;
@@ -2491,7 +2764,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2491
2764
  }
2492
2765
 
2493
2766
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2494
- .Tooltip-module__hop-Tooltip___RIZp2 {
2767
+ .Tooltip-module__hop-Tooltip___nVbS- {
2495
2768
  --hop-Tooltip-max-inline-size: 20rem;
2496
2769
  --hop-Tooltip-slide-amount: 0.25rem;
2497
2770
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2518,29 +2791,29 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2518
2791
  border-radius: var(--hop-Tooltip-border-radius);
2519
2792
  box-shadow: var(--hop-Tooltip-box-shadow);
2520
2793
  }
2521
- .Tooltip-module__hop-Tooltip--top___LYimQ {
2794
+ .Tooltip-module__hop-Tooltip--top___0Picg {
2522
2795
  --origin-x: 0;
2523
2796
  --origin-y: var(--hop-Tooltip-slide-amount);
2524
2797
  }
2525
- .Tooltip-module__hop-Tooltip--right___U7MIG {
2798
+ .Tooltip-module__hop-Tooltip--right___J7XGb {
2526
2799
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2527
2800
  --origin-y: 0;
2528
2801
  }
2529
- .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2802
+ .Tooltip-module__hop-Tooltip--bottom___apr36 {
2530
2803
  --origin-x: 0;
2531
2804
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2532
2805
  }
2533
- .Tooltip-module__hop-Tooltip--left___qVC3o {
2806
+ .Tooltip-module__hop-Tooltip--left___98KWK {
2534
2807
  --origin-x: var(--hop-Tooltip-slide-amount);
2535
2808
  --origin-y: 0;
2536
2809
  }
2537
- .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2538
- animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2810
+ .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2811
+ animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2539
2812
  }
2540
- .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2541
- animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2813
+ .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2814
+ animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2542
2815
  }
2543
- @keyframes Tooltip-module__slide___-wv3b {
2816
+ @keyframes Tooltip-module__slide___COczJ {
2544
2817
  from {
2545
2818
  transform: translate(var(--origin-x), var(--origin-y));
2546
2819
  opacity: 0;
@@ -2552,44 +2825,44 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2552
2825
  }
2553
2826
 
2554
2827
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2555
- .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2828
+ .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2556
2829
  --hop-AvatarGroup-display: flex;
2557
2830
  --hop-AvatarGroup-align-items: center;
2558
2831
  display: var(--hop-AvatarGroup-display);
2559
2832
  align-items: var(--hop-AvatarGroup-align-items);
2560
2833
  }
2561
- .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2834
+ .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2562
2835
  flex-wrap: wrap;
2563
2836
  }
2564
- .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2837
+ .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2565
2838
  --gap: -0.125rem;
2566
2839
  }
2567
- .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2840
+ .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2568
2841
  --gap: -0.25rem;
2569
2842
  }
2570
- .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2843
+ .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2571
2844
  --gap: -0.5rem;
2572
2845
  }
2573
- .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2846
+ .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2574
2847
  --gap: -1rem;
2575
2848
  }
2576
- .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2849
+ .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2577
2850
  --gap: -1rem;
2578
2851
  }
2579
- .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2852
+ .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2580
2853
  --gap: -2rem;
2581
2854
  }
2582
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2855
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2583
2856
  margin-inline-start: var(--gap);
2584
2857
  transition: margin var(--hop-easing-duration-2);
2585
2858
  }
2586
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2859
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2587
2860
  margin-inline-start: 0;
2588
2861
  }
2589
- .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2862
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2590
2863
  margin-inline-start: 0;
2591
2864
  }
2592
- .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2865
+ .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2593
2866
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2594
2867
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2595
2868
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2601,7 +2874,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2601
2874
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2602
2875
  line-height: var(--hop-AvatarGroup-label-line-height);
2603
2876
  }
2604
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2877
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2605
2878
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2606
2879
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2607
2880
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2619,21 +2892,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2619
2892
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2620
2893
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2621
2894
  }
2622
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2895
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2623
2896
  margin-block-end: 0.25rem;
2624
2897
  }
2625
- .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2898
+ .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2626
2899
  justify-content: flex-start;
2627
2900
  }
2628
- .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2901
+ .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
2629
2902
  justify-content: flex-end;
2630
2903
  }
2631
- .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2904
+ .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
2632
2905
  justify-content: center;
2633
2906
  }
2634
2907
 
2635
2908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2636
- .Checkbox-module__hop-Checkbox___RAOey {
2909
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2637
2910
  --hop-Checkbox-box-border-size: 0.0625rem;
2638
2911
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2639
2912
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2708,60 +2981,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2708
2981
  inline-size: max-content;
2709
2982
  max-inline-size: 100%;
2710
2983
  }
2711
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2984
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2712
2985
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2713
2986
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2714
2987
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2715
2988
  --text-color: var(--hop-Checkbox-text-color-focused);
2716
2989
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2717
2990
  }
2718
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2991
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2719
2992
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2720
2993
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2721
2994
  --text-color: var(--hop-Checkbox-text-color-hovered);
2722
2995
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2723
2996
  }
2724
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2997
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2725
2998
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2726
2999
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2727
3000
  --text-color: var(--hop-Checkbox-text-color-pressed);
2728
3001
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2729
3002
  }
2730
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3003
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2731
3004
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2732
3005
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2733
3006
  --check-display: var(--hop-Checkbox-check-display-selected);
2734
3007
  --text-color: var(--hop-Checkbox-text-color-selected);
2735
3008
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2736
3009
  }
2737
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3010
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2738
3011
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2739
3012
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2740
3013
  --check-color: var(--hop-Checkbox-check-color-invalid);
2741
3014
  --text-color: var(--hop-Checkbox-text-color-invalid);
2742
3015
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2743
3016
  }
2744
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3017
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2745
3018
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2746
3019
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2747
3020
  }
2748
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3021
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2749
3022
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2750
3023
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2751
3024
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2752
3025
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2753
3026
  }
2754
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3027
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2755
3028
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2756
3029
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2757
3030
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2758
3031
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2759
3032
  }
2760
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3033
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2761
3034
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2762
3035
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2763
3036
  }
2764
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3037
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2765
3038
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2766
3039
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2767
3040
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2769,25 +3042,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2769
3042
  --text-color: var(--hop-Checkbox-text-color-disabled);
2770
3043
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2771
3044
  }
2772
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3045
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2773
3046
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2774
3047
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2775
3048
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2776
3049
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2777
3050
  }
2778
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3051
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2779
3052
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2780
3053
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2781
3054
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2782
3055
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2783
3056
  }
2784
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
2785
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3057
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
3058
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2786
3059
  flex: 0 0 auto;
2787
3060
  order: 3;
2788
3061
  color: var(--icon-color);
2789
3062
  }
2790
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3063
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2791
3064
  display: flex;
2792
3065
  flex: 0 0 auto;
2793
3066
  align-items: center;
@@ -2803,11 +3076,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2803
3076
  outline-offset: 0.125rem;
2804
3077
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2805
3078
  }
2806
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3079
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2807
3080
  display: var(--check-display);
2808
3081
  color: var(--check-color);
2809
3082
  }
2810
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3083
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2811
3084
  flex: 0 1 auto;
2812
3085
  order: 2;
2813
3086
  min-inline-size: 0;
@@ -2817,7 +3090,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2817
3090
  }
2818
3091
 
2819
3092
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2820
- .CheckboxField-module__hop-CheckboxField___5HYK9 {
3093
+ .CheckboxField-module__hop-CheckboxField___Moz-- {
2821
3094
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2822
3095
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2823
3096
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2836,28 +3109,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2836
3109
  inline-size: max-content;
2837
3110
  max-inline-size: 100%;
2838
3111
  }
2839
- .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
3112
+ .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
2840
3113
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2841
3114
  }
2842
- .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
3115
+ .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
2843
3116
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2844
3117
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2845
3118
  }
2846
- .CheckboxField-module__hop-CheckboxField--md___90C92 {
3119
+ .CheckboxField-module__hop-CheckboxField--md___0I29B {
2847
3120
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2848
3121
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2849
3122
  }
2850
- .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
3123
+ .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
2851
3124
  order: 2;
2852
3125
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2853
3126
  color: var(--description-color);
2854
3127
  }
2855
- .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
3128
+ .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
2856
3129
  order: 1;
2857
3130
  }
2858
3131
 
2859
3132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2860
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
3133
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
2861
3134
  --hop-CheckboxGroup-align-items: flex-start;
2862
3135
  --hop-CheckboxGroup-justify-content: flex-start;
2863
3136
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2896,46 +3169,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2896
3169
  inline-size: max-content;
2897
3170
  max-inline-size: 100%;
2898
3171
  }
2899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
3172
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
2900
3173
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2901
3174
  --list-border-radius: var(--hop-shape-rounded-md);
2902
3175
  }
2903
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3176
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2904
3177
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2905
3178
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2906
3179
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2907
3180
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2908
3181
  }
2909
- .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3182
+ .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2910
3183
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2911
3184
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2912
3185
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2913
3186
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2914
3187
  }
2915
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
3188
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2916
3189
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2917
3190
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2918
3191
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2919
3192
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2920
3193
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2921
3194
  }
2922
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
3195
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2923
3196
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2924
3197
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2925
3198
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2926
3199
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2927
3200
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2928
3201
  }
2929
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
3202
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
2930
3203
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2931
3204
  }
2932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
3205
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
2933
3206
  --flex-wrap: nowrap;
2934
3207
  }
2935
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
3208
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
2936
3209
  order: 1;
2937
3210
  }
2938
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
3211
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
2939
3212
  display: flex;
2940
3213
  flex-flow: var(--flex-direction) var(--flex-wrap);
2941
3214
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2946,7 +3219,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2946
3219
  border: var(--list-border, none);
2947
3220
  border-radius: var(--list-border-radius, 0);
2948
3221
  }
2949
- .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
3222
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
2950
3223
  position: relative;
2951
3224
  flex: 0 1 auto;
2952
3225
  align-content: start;
@@ -2954,28 +3227,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
2954
3227
  min-inline-size: 0;
2955
3228
  padding: var(--checkbox-padding, 0);
2956
3229
  }
2957
- .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 {
3230
+ .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 {
2958
3231
  content: "";
2959
3232
  position: absolute;
2960
3233
  display: block;
2961
3234
  }
2962
- .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 {
3235
+ .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 {
2963
3236
  inset-block-start: 0;
2964
3237
  inset-inline: 0;
2965
3238
  border-block-start: var(--list-border, none);
2966
3239
  }
2967
- .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 {
3240
+ .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 {
2968
3241
  inset-block: 0;
2969
3242
  inset-inline-start: 0;
2970
3243
  border-inline-start: var(--list-border, none);
2971
3244
  }
2972
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2973
- .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
3245
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
3246
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
2974
3247
  order: 3;
2975
3248
  }
2976
3249
 
2977
3250
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2978
- .Checkbox-module__hop-Checkbox___RAOey {
3251
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2979
3252
  --hop-Checkbox-box-border-size: 0.0625rem;
2980
3253
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2981
3254
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3050,60 +3323,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3050
3323
  inline-size: max-content;
3051
3324
  max-inline-size: 100%;
3052
3325
  }
3053
- .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
3326
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
3054
3327
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3055
3328
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3056
3329
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3057
3330
  --text-color: var(--hop-Checkbox-text-color-focused);
3058
3331
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3059
3332
  }
3060
- .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
3333
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
3061
3334
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3062
3335
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3063
3336
  --text-color: var(--hop-Checkbox-text-color-hovered);
3064
3337
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3065
3338
  }
3066
- .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
3339
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
3067
3340
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3068
3341
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3069
3342
  --text-color: var(--hop-Checkbox-text-color-pressed);
3070
3343
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3071
3344
  }
3072
- .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
3345
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
3073
3346
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3074
3347
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3075
3348
  --check-display: var(--hop-Checkbox-check-display-selected);
3076
3349
  --text-color: var(--hop-Checkbox-text-color-selected);
3077
3350
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3078
3351
  }
3079
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
3352
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
3080
3353
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3081
3354
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3082
3355
  --check-color: var(--hop-Checkbox-check-color-invalid);
3083
3356
  --text-color: var(--hop-Checkbox-text-color-invalid);
3084
3357
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3085
3358
  }
3086
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
3359
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
3087
3360
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3088
3361
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3089
3362
  }
3090
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
3363
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
3091
3364
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3092
3365
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3093
3366
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3094
3367
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3095
3368
  }
3096
- .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
3369
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
3097
3370
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3098
3371
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3099
3372
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3100
3373
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3101
3374
  }
3102
- .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
3375
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
3103
3376
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3104
3377
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3105
3378
  }
3106
- .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
3379
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
3107
3380
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3108
3381
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3109
3382
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3111,25 +3384,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3111
3384
  --text-color: var(--hop-Checkbox-text-color-disabled);
3112
3385
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3113
3386
  }
3114
- .Checkbox-module__hop-Checkbox--sm___i3CSP {
3387
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
3115
3388
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3116
3389
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3117
3390
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3118
3391
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3119
3392
  }
3120
- .Checkbox-module__hop-Checkbox--md___GL7zO {
3393
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
3121
3394
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3122
3395
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3123
3396
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3124
3397
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3125
3398
  }
3126
- .Checkbox-module__hop-Checkbox__icon___s-OVR,
3127
- .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
3399
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
3400
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
3128
3401
  flex: 0 0 auto;
3129
3402
  order: 3;
3130
3403
  color: var(--icon-color);
3131
3404
  }
3132
- .Checkbox-module__hop-Checkbox__box___oqQ7- {
3405
+ .Checkbox-module__hop-Checkbox__box___jxojt {
3133
3406
  display: flex;
3134
3407
  flex: 0 0 auto;
3135
3408
  align-items: center;
@@ -3145,11 +3418,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3145
3418
  outline-offset: 0.125rem;
3146
3419
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3147
3420
  }
3148
- .Checkbox-module__hop-Checkbox__check___QKTgI {
3421
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
3149
3422
  display: var(--check-display);
3150
3423
  color: var(--check-color);
3151
3424
  }
3152
- .Checkbox-module__hop-Checkbox__text___vQWZ9 {
3425
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
3153
3426
  flex: 0 1 auto;
3154
3427
  order: 2;
3155
3428
  min-inline-size: 0;
@@ -3157,24 +3430,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3157
3430
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3158
3431
  color: var(--text-color);
3159
3432
  }
3160
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
3433
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
3161
3434
  }
3162
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
3435
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
3163
3436
  }
3164
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
3437
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
3165
3438
  }
3166
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
3167
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
3439
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3440
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
3168
3441
  }
3169
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
3442
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
3170
3443
  }
3171
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
3444
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
3172
3445
  }
3173
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
3446
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
3174
3447
  }
3175
3448
 
3176
3449
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3177
- .Radio-module__hop-Radio___oBKRQ {
3450
+ .Radio-module__hop-Radio___H2CQS {
3178
3451
  --hop-Radio-box-border-size: 0.0625rem;
3179
3452
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3180
3453
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3248,60 +3521,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3248
3521
  inline-size: max-content;
3249
3522
  max-inline-size: 100%;
3250
3523
  }
3251
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3524
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3252
3525
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3253
3526
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3254
3527
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3255
3528
  --text-color: var(--hop-Radio-text-color-focused);
3256
3529
  --icon-color: var(--hop-Radio-icon-color-focused);
3257
3530
  }
3258
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3531
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3259
3532
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3260
3533
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3261
3534
  --text-color: var(--hop-Radio-text-color-hovered);
3262
3535
  --icon-color: var(--hop-Radio-icon-color-hovered);
3263
3536
  }
3264
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3537
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3265
3538
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3266
3539
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3267
3540
  --text-color: var(--hop-Radio-text-color-pressed);
3268
3541
  --icon-color: var(--hop-Radio-icon-color-pressed);
3269
3542
  }
3270
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3543
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3271
3544
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3272
3545
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3273
3546
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3274
3547
  --text-color: var(--hop-Radio-text-color-selected);
3275
3548
  --icon-color: var(--hop-Radio-icon-color-selected);
3276
3549
  }
3277
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3550
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3278
3551
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3279
3552
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3280
3553
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3281
3554
  --text-color: var(--hop-Radio-text-color-invalid);
3282
3555
  --icon-color: var(--hop-Radio-icon-color-invalid);
3283
3556
  }
3284
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3557
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3285
3558
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3286
3559
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3287
3560
  }
3288
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3561
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3289
3562
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3290
3563
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3291
3564
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3292
3565
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3293
3566
  }
3294
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3567
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3295
3568
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3296
3569
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3297
3570
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3298
3571
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3299
3572
  }
3300
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3573
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3301
3574
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3302
3575
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3303
3576
  }
3304
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3577
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3305
3578
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3306
3579
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3307
3580
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3309,25 +3582,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3309
3582
  --text-color: var(--hop-Radio-text-color-disabled);
3310
3583
  --icon-color: var(--hop-Radio-icon-color-disabled);
3311
3584
  }
3312
- .Radio-module__hop-Radio--sm___C-Q1U {
3585
+ .Radio-module__hop-Radio--sm___wsMEb {
3313
3586
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3314
3587
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3315
3588
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3316
3589
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3317
3590
  }
3318
- .Radio-module__hop-Radio--md___8cI7H {
3591
+ .Radio-module__hop-Radio--md___Y9v6E {
3319
3592
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3320
3593
  --box-block-size: var(--hop-Radio-box-md-block-size);
3321
3594
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3322
3595
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3323
3596
  }
3324
- .Radio-module__hop-Radio__icon___Ai4EA,
3325
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3597
+ .Radio-module__hop-Radio__icon___AnsTY,
3598
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3326
3599
  flex: 0 0 auto;
3327
3600
  order: 3;
3328
3601
  color: var(--icon-color);
3329
3602
  }
3330
- .Radio-module__hop-Radio__box___gF3Ys {
3603
+ .Radio-module__hop-Radio__box___sb7RR {
3331
3604
  display: flex;
3332
3605
  flex: 0 0 auto;
3333
3606
  align-items: center;
@@ -3343,11 +3616,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3343
3616
  outline-offset: 0.125rem;
3344
3617
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3345
3618
  }
3346
- .Radio-module__hop-Radio__bullet___DLVyb {
3619
+ .Radio-module__hop-Radio__bullet___d4tcu {
3347
3620
  display: var(--bullet-display);
3348
3621
  color: var(--bullet-color);
3349
3622
  }
3350
- .Radio-module__hop-Radio__text___md8fJ {
3623
+ .Radio-module__hop-Radio__text___y2Kzb {
3351
3624
  flex: 0 1 auto;
3352
3625
  order: 2;
3353
3626
  min-inline-size: 0;
@@ -3355,24 +3628,24 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3355
3628
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3356
3629
  color: var(--text-color);
3357
3630
  }
3358
- .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3631
+ .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3359
3632
  }
3360
- .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3633
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3361
3634
  }
3362
- .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3635
+ .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3363
3636
  }
3364
- .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3365
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3637
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3638
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3366
3639
  }
3367
- .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3640
+ .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3368
3641
  }
3369
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3642
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3370
3643
  }
3371
- .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3644
+ .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3372
3645
  }
3373
3646
 
3374
3647
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3375
- .Radio-module__hop-Radio___oBKRQ {
3648
+ .Radio-module__hop-Radio___H2CQS {
3376
3649
  --hop-Radio-box-border-size: 0.0625rem;
3377
3650
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3378
3651
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3446,60 +3719,60 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3446
3719
  inline-size: max-content;
3447
3720
  max-inline-size: 100%;
3448
3721
  }
3449
- .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3722
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3450
3723
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3451
3724
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3452
3725
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3453
3726
  --text-color: var(--hop-Radio-text-color-focused);
3454
3727
  --icon-color: var(--hop-Radio-icon-color-focused);
3455
3728
  }
3456
- .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3729
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3457
3730
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3458
3731
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3459
3732
  --text-color: var(--hop-Radio-text-color-hovered);
3460
3733
  --icon-color: var(--hop-Radio-icon-color-hovered);
3461
3734
  }
3462
- .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3735
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3463
3736
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3464
3737
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3465
3738
  --text-color: var(--hop-Radio-text-color-pressed);
3466
3739
  --icon-color: var(--hop-Radio-icon-color-pressed);
3467
3740
  }
3468
- .Radio-module__hop-Radio___oBKRQ[data-selected] {
3741
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3469
3742
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3470
3743
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3471
3744
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3472
3745
  --text-color: var(--hop-Radio-text-color-selected);
3473
3746
  --icon-color: var(--hop-Radio-icon-color-selected);
3474
3747
  }
3475
- .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3748
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3476
3749
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3477
3750
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3478
3751
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3479
3752
  --text-color: var(--hop-Radio-text-color-invalid);
3480
3753
  --icon-color: var(--hop-Radio-icon-color-invalid);
3481
3754
  }
3482
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3755
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3483
3756
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3484
3757
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3485
3758
  }
3486
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3759
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3487
3760
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3488
3761
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3489
3762
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3490
3763
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3491
3764
  }
3492
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3765
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3493
3766
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3494
3767
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3495
3768
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3496
3769
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3497
3770
  }
3498
- .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3771
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3499
3772
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3500
3773
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3501
3774
  }
3502
- .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3775
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3503
3776
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3504
3777
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3505
3778
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3507,25 +3780,25 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3507
3780
  --text-color: var(--hop-Radio-text-color-disabled);
3508
3781
  --icon-color: var(--hop-Radio-icon-color-disabled);
3509
3782
  }
3510
- .Radio-module__hop-Radio--sm___C-Q1U {
3783
+ .Radio-module__hop-Radio--sm___wsMEb {
3511
3784
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3512
3785
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3513
3786
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3514
3787
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3515
3788
  }
3516
- .Radio-module__hop-Radio--md___8cI7H {
3789
+ .Radio-module__hop-Radio--md___Y9v6E {
3517
3790
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3518
3791
  --box-block-size: var(--hop-Radio-box-md-block-size);
3519
3792
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3520
3793
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3521
3794
  }
3522
- .Radio-module__hop-Radio__icon___Ai4EA,
3523
- .Radio-module__hop-Radio__icon-list___Ml4fa {
3795
+ .Radio-module__hop-Radio__icon___AnsTY,
3796
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3524
3797
  flex: 0 0 auto;
3525
3798
  order: 3;
3526
3799
  color: var(--icon-color);
3527
3800
  }
3528
- .Radio-module__hop-Radio__box___gF3Ys {
3801
+ .Radio-module__hop-Radio__box___sb7RR {
3529
3802
  display: flex;
3530
3803
  flex: 0 0 auto;
3531
3804
  align-items: center;
@@ -3541,11 +3814,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3541
3814
  outline-offset: 0.125rem;
3542
3815
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3543
3816
  }
3544
- .Radio-module__hop-Radio__bullet___DLVyb {
3817
+ .Radio-module__hop-Radio__bullet___d4tcu {
3545
3818
  display: var(--bullet-display);
3546
3819
  color: var(--bullet-color);
3547
3820
  }
3548
- .Radio-module__hop-Radio__text___md8fJ {
3821
+ .Radio-module__hop-Radio__text___y2Kzb {
3549
3822
  flex: 0 1 auto;
3550
3823
  order: 2;
3551
3824
  min-inline-size: 0;
@@ -3555,7 +3828,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3555
3828
  }
3556
3829
 
3557
3830
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3558
- .RadioField-module__hop-RadioField___RAV19 {
3831
+ .RadioField-module__hop-RadioField___Q4QIQ {
3559
3832
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3560
3833
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3561
3834
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3574,28 +3847,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3574
3847
  inline-size: max-content;
3575
3848
  max-inline-size: 100%;
3576
3849
  }
3577
- .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3850
+ .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3578
3851
  --description-color: var(--hop-RadioField-description-color-disabled);
3579
3852
  }
3580
- .RadioField-module__hop-RadioField--sm___Z2a5J {
3853
+ .RadioField-module__hop-RadioField--sm___VXiap {
3581
3854
  --row-gap: var(--hop-RadioField-sm-row-gap);
3582
3855
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3583
3856
  }
3584
- .RadioField-module__hop-RadioField--md___GeCMi {
3857
+ .RadioField-module__hop-RadioField--md___HW2CQ {
3585
3858
  --row-gap: var(--hop-RadioField-md-row-gap);
3586
3859
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3587
3860
  }
3588
- .RadioField-module__hop-RadioField__description___Y7cUM {
3861
+ .RadioField-module__hop-RadioField__description___ia1Zr {
3589
3862
  order: 2;
3590
3863
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3591
3864
  color: var(--description-color);
3592
3865
  }
3593
- .RadioField-module__hop-RadioField__radio___XYtjJ {
3866
+ .RadioField-module__hop-RadioField__radio___EivJe {
3594
3867
  order: 1;
3595
3868
  }
3596
3869
 
3597
3870
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3598
- .RadioGroup-module__hop-RadioGroup___ydYgr {
3871
+ .RadioGroup-module__hop-RadioGroup___GAhMc {
3599
3872
  --hop-RadioGroup-align-items: flex-start;
3600
3873
  --hop-RadioGroup-justify-content: flex-start;
3601
3874
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3635,46 +3908,46 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3635
3908
  inline-size: var(--inline-size);
3636
3909
  max-inline-size: 100%;
3637
3910
  }
3638
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3911
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
3639
3912
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3640
3913
  --list-border-radius: var(--hop-shape-rounded-md);
3641
3914
  }
3642
- .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3915
+ .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3643
3916
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3644
3917
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3645
3918
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3646
3919
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3647
3920
  }
3648
- .RadioGroup-module__hop-RadioGroup--md___mccGP {
3921
+ .RadioGroup-module__hop-RadioGroup--md___K9W8i {
3649
3922
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3650
3923
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3651
3924
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3652
3925
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3653
3926
  }
3654
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3927
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3655
3928
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3656
3929
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3657
3930
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3658
3931
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3659
3932
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3660
3933
  }
3661
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3934
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
3662
3935
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3663
3936
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3664
3937
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3665
3938
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3666
3939
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3667
3940
  }
3668
- .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3941
+ .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
3669
3942
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3670
3943
  }
3671
- .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3944
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
3672
3945
  --flex-wrap: nowrap;
3673
3946
  }
3674
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3947
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
3675
3948
  order: 1;
3676
3949
  }
3677
- .RadioGroup-module__hop-RadioGroup__list___DSncc {
3950
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
3678
3951
  display: flex;
3679
3952
  flex-flow: var(--flex-direction) var(--flex-wrap);
3680
3953
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3685,7 +3958,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3685
3958
  border: var(--list-border, none);
3686
3959
  border-radius: var(--list-border-radius, 0);
3687
3960
  }
3688
- .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3961
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
3689
3962
  position: relative;
3690
3963
  flex: 0 1 auto;
3691
3964
  align-content: start;
@@ -3693,28 +3966,28 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3693
3966
  min-inline-size: 0;
3694
3967
  padding: var(--radio-padding, 0);
3695
3968
  }
3696
- .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 {
3969
+ .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 {
3697
3970
  content: "";
3698
3971
  position: absolute;
3699
3972
  display: block;
3700
3973
  }
3701
- .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 {
3974
+ .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 {
3702
3975
  inset-block-start: 0;
3703
3976
  inset-inline: 0;
3704
3977
  border-block-start: var(--list-border, none);
3705
3978
  }
3706
- .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 {
3979
+ .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 {
3707
3980
  inset-block: 0;
3708
3981
  inset-inline-start: 0;
3709
3982
  border-inline-start: var(--list-border, none);
3710
3983
  }
3711
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3712
- .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3984
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3985
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
3713
3986
  order: 3;
3714
3987
  }
3715
3988
 
3716
3989
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3717
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3990
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
3718
3991
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3719
3992
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3720
3993
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3740,7 +4013,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3740
4013
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3741
4014
  background-size: 400% 100%;
3742
4015
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3743
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
4016
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
3744
4017
  animation-duration: var(--animation-duration);
3745
4018
  animation-timing-function: ease-in-out;
3746
4019
  animation-fill-mode: forwards;
@@ -3749,19 +4022,19 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3749
4022
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3750
4023
  }
3751
4024
  }
3752
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
4025
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
3753
4026
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3754
4027
  }
3755
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
4028
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
3756
4029
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3757
4030
  }
3758
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
4031
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
3759
4032
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3760
4033
  }
3761
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
4034
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
3762
4035
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3763
4036
  }
3764
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
4037
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
3765
4038
  0% {
3766
4039
  background-position: 125% 50%;
3767
4040
  }
@@ -3771,7 +4044,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3771
4044
  }
3772
4045
 
3773
4046
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3774
- .ListBoxItem-module__hop-ListBoxItem___BJFwm {
4047
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN {
3775
4048
  --hop-ListBoxItem-background-color: transparent;
3776
4049
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3777
4050
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3868,129 +4141,129 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
3868
4141
  outline: var(--outline);
3869
4142
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3870
4143
  }
3871
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
4144
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
3872
4145
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3873
4146
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3874
4147
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3875
4148
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3876
4149
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3877
4150
  }
3878
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
4151
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
3879
4152
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3880
4153
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3881
4154
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3882
4155
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3883
4156
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3884
4157
  }
3885
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
4158
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
3886
4159
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3887
4160
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3888
4161
  --min-height: var(--hop-ListBoxItem-md-min-height);
3889
4162
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3890
4163
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3891
4164
  }
3892
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
4165
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
3893
4166
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3894
4167
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3895
4168
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3896
4169
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3897
4170
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3898
4171
  }
3899
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
4172
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
3900
4173
  --cursor: pointer;
3901
4174
  }
3902
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
4175
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
3903
4176
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3904
4177
  }
3905
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4178
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3906
4179
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3907
4180
  }
3908
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
4181
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3909
4182
  --checkmark-transition: none;
3910
4183
  }
3911
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
4184
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
3912
4185
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3913
4186
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3914
4187
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3915
4188
  --checkmark-opacity: 1;
3916
4189
  }
3917
- .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
4190
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
3918
4191
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3919
4192
  }
3920
- .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
4193
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
3921
4194
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3922
4195
  }
3923
- .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
4196
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
3924
4197
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3925
4198
  }
3926
- .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
4199
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
3927
4200
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3928
4201
  }
3929
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
4202
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
3930
4203
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3931
4204
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3932
4205
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3933
4206
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3934
4207
  }
3935
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
4208
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
3936
4209
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3937
4210
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3938
4211
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3939
4212
  }
3940
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
4213
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
3941
4214
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3942
4215
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3943
4216
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3944
4217
  }
3945
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
4218
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
3946
4219
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3947
4220
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3948
4221
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3949
4222
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3950
4223
  --cursor: not-allowed;
3951
4224
  }
3952
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
4225
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
3953
4226
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3954
4227
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3955
4228
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3956
4229
  }
3957
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
4230
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
3958
4231
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3959
4232
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3960
4233
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3961
4234
  }
3962
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
4235
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
3963
4236
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3964
4237
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3965
4238
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3966
4239
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3967
4240
  }
3968
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
4241
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
3969
4242
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3970
4243
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3971
4244
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3972
4245
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3973
4246
  }
3974
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
4247
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
3975
4248
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3976
4249
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3977
4250
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3978
4251
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3979
4252
  }
3980
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
4253
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
3981
4254
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3982
4255
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3983
4256
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3984
4257
  }
3985
- .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
4258
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
3986
4259
  --row-gap: var(--hop-ListBoxItem-row-gap);
3987
4260
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3988
4261
  }
3989
- .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
4262
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
3990
4263
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3991
4264
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3992
4265
  }
3993
- .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
4266
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
3994
4267
  display: grid;
3995
4268
  grid-template-areas: var(--grid-template-areas);
3996
4269
  grid-template-columns: var(--grid-template-columns);
@@ -4002,33 +4275,33 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4002
4275
  padding-inline: var(--padding-inline);
4003
4276
  transition: grid-template-columns .3s ease-in-out;
4004
4277
  }
4005
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
4278
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
4006
4279
  grid-area: indicator;
4007
4280
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4008
4281
  color: var(--icon-color);
4009
4282
  opacity: var(--checkmark-opacity);
4010
4283
  transition: var(--checkmark-transition);
4011
4284
  }
4012
- .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
4013
- .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
4285
+ .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4286
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
4014
4287
  pointer-events: none;
4015
4288
  user-select: none;
4016
4289
  grid-area: indicator;
4017
4290
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4018
4291
  }
4019
- .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
4292
+ .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
4020
4293
  grid-area: avatar;
4021
4294
  margin-block: var(--avatar-margin-block, 0);
4022
4295
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4023
4296
  }
4024
- .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
4025
- .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
4297
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4298
+ .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
4026
4299
  grid-area: icon;
4027
4300
  flex: 0 0 auto;
4028
4301
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4029
4302
  color: var(--icon-color);
4030
4303
  }
4031
- .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
4304
+ .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
4032
4305
  overflow: hidden;
4033
4306
  grid-area: label;
4034
4307
  min-inline-size: 0;
@@ -4036,18 +4309,18 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4036
4309
  text-overflow: ellipsis;
4037
4310
  white-space: nowrap;
4038
4311
  }
4039
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
4040
- .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
4312
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4313
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
4041
4314
  grid-area: end-icon;
4042
4315
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4043
4316
  color: var(--icon-color);
4044
4317
  }
4045
- .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
4318
+ .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
4046
4319
  grid-area: badge;
4047
4320
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4048
4321
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4049
4322
  }
4050
- .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
4323
+ .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
4051
4324
  overflow: hidden;
4052
4325
  display: -webkit-box;
4053
4326
  grid-area: description;
@@ -4058,7 +4331,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4058
4331
  }
4059
4332
 
4060
4333
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4061
- .ListBox-module__hop-ListBox___lYzDi {
4334
+ .ListBox-module__hop-ListBox___PSbqU {
4062
4335
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4063
4336
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4064
4337
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4105,11 +4378,11 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4105
4378
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4106
4379
  border-radius: var(--hop-ListBox-border-radius);
4107
4380
  }
4108
- .ListBox-module__hop-ListBox--fluid___s8oHK {
4381
+ .ListBox-module__hop-ListBox--fluid___GX-qg {
4109
4382
  --max-width: var(--hop-ListBox-fluid-max-width);
4110
4383
  --width: var(--hop-ListBox-fluid-width);
4111
4384
  }
4112
- .ListBox-module__hop-ListBox__section___dSbP6 {
4385
+ .ListBox-module__hop-ListBox__section___bsYz4 {
4113
4386
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4114
4387
  margin-inline: var(--hop-ListBox-section-margin-inline);
4115
4388
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4117,21 +4390,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4117
4390
  border-block-start: var(--section-border-block-start);
4118
4391
  border-block-end: var(--section-border-block-end);
4119
4392
  }
4120
- .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
4393
+ .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
4121
4394
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4122
4395
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4123
4396
  }
4124
- .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
4397
+ .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
4125
4398
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4126
4399
  }
4127
- .ListBox-module__hop-ListBox__section___dSbP6:first-child {
4400
+ .ListBox-module__hop-ListBox__section___bsYz4:first-child {
4128
4401
  --section-padding-block-start: 0;
4129
4402
  }
4130
- .ListBox-module__hop-ListBox__section___dSbP6:last-child {
4403
+ .ListBox-module__hop-ListBox__section___bsYz4:last-child {
4131
4404
  --section-padding-block-end: 0;
4132
4405
  --section-border-block-end: 0;
4133
4406
  }
4134
- .ListBox-module__hop-ListBox__section-header___OPwVg {
4407
+ .ListBox-module__hop-ListBox__section-header___JA5vG {
4135
4408
  margin: 0;
4136
4409
  padding: var(--hop-ListBox-section-header-padding);
4137
4410
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4142,23 +4415,23 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4142
4415
  text-transform: var(--hop-ListBox-section-header-text-transform);
4143
4416
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4144
4417
  }
4145
- .ListBox-module__hop-ListBox__section-header___OPwVg::before,
4146
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4418
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4419
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4147
4420
  content: "";
4148
4421
  display: block;
4149
4422
  box-sizing: border-box;
4150
4423
  inline-size: 0;
4151
4424
  block-size: 0;
4152
4425
  }
4153
- .ListBox-module__hop-ListBox__section-header___OPwVg::before {
4426
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before {
4154
4427
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4155
4428
  }
4156
- .ListBox-module__hop-ListBox__section-header___OPwVg::after {
4429
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
4157
4430
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4158
4431
  }
4159
4432
 
4160
4433
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
4161
- .HopperProvider-module__hop-HopperProvider___1mjTd {
4434
+ .HopperProvider-module__hop-HopperProvider___0oWjx {
4162
4435
  font-family: var(--hop-body-md-font-family);
4163
4436
  font-size: var(--hop-body-md-font-size);
4164
4437
  font-weight: var(--hop-body-md-font-weight);
@@ -4168,7 +4441,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4168
4441
  }
4169
4442
 
4170
4443
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
4171
- .Link-module__hop-Link___n4WL9 {
4444
+ .Link-module__hop-Link___zN0GU {
4172
4445
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4173
4446
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4174
4447
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4228,137 +4501,137 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4228
4501
  outline: none;
4229
4502
  outline-offset: 0.125rem;
4230
4503
  }
4231
- :where(.Link-module__hop-Link___n4WL9) {
4504
+ :where(.Link-module__hop-Link___zN0GU) {
4232
4505
  font-family: var(--font-family);
4233
4506
  font-size: var(--font-size);
4234
4507
  font-weight: var(--font-weight);
4235
4508
  line-height: var(--line-height);
4236
4509
  }
4237
- :where(.Link-module__hop-Link--xs___kEypx) {
4510
+ :where(.Link-module__hop-Link--xs___ABclH) {
4238
4511
  --font-size: var(--hop-Link-xs-font-size);
4239
4512
  --font-family: var(--hop-Link-xs-font-family);
4240
4513
  --font-weight: var(--hop-Link-xs-font-weight);
4241
4514
  --line-height: var(--hop-Link-xs-line-height);
4242
4515
  }
4243
- :where(.Link-module__hop-Link--sm___oCoo0) {
4516
+ :where(.Link-module__hop-Link--sm___6euWI) {
4244
4517
  --font-size: var(--hop-Link-sm-font-size);
4245
4518
  --font-family: var(--hop-Link-sm-font-family);
4246
4519
  --font-weight: var(--hop-Link-sm-font-weight);
4247
4520
  --line-height: var(--hop-Link-sm-line-height);
4248
4521
  }
4249
- :where(.Link-module__hop-Link--md___4u0Jm) {
4522
+ :where(.Link-module__hop-Link--md___-4wx-) {
4250
4523
  --font-size: var(--hop-Link-md-font-size);
4251
4524
  --font-family: var(--hop-Link-md-font-family);
4252
4525
  --font-weight: var(--hop-Link-md-font-weight);
4253
4526
  --line-height: var(--hop-Link-md-line-height);
4254
4527
  }
4255
- :where(.Link-module__hop-Link--lg___nFVvq) {
4528
+ :where(.Link-module__hop-Link--lg___r5ujq) {
4256
4529
  --font-size: var(--hop-Link-lg-font-size);
4257
4530
  --font-family: var(--hop-Link-lg-font-family);
4258
4531
  --font-weight: var(--hop-Link-lg-font-weight);
4259
4532
  --line-height: var(--hop-Link-lg-line-height);
4260
4533
  }
4261
- :where(.Link-module__hop-Link--xl___yqMaS) {
4534
+ :where(.Link-module__hop-Link--xl___ntD7P) {
4262
4535
  --font-size: var(--hop-Link-xl-font-size);
4263
4536
  --font-family: var(--hop-Link-xl-font-family);
4264
4537
  --font-weight: var(--hop-Link-xl-font-weight);
4265
4538
  --line-height: var(--hop-Link-xl-line-height);
4266
4539
  }
4267
- :where(.Link-module__hop-Link--2xl___EgZxg) {
4540
+ :where(.Link-module__hop-Link--2xl___tluwP) {
4268
4541
  --font-size: var(--hop-Link-2xl-font-size);
4269
4542
  --font-family: var(--hop-Link-2xl-font-family);
4270
4543
  --font-weight: var(--hop-Link-2xl-font-weight);
4271
4544
  --line-height: var(--hop-Link-2xl-line-height);
4272
4545
  }
4273
- :where(.Link-module__hop-Link--inherit___Xpj78) {
4546
+ :where(.Link-module__hop-Link--inherit___RyQa4) {
4274
4547
  --font-size: var(--hop-Link-inherit-size-font-size);
4275
4548
  --font-family: var(--hop-Link-inherit-size-font-family);
4276
4549
  --font-weight: var(--hop-Link-inherit-size-font-weight);
4277
4550
  --line-height: var(--hop-Link-inherit-size-line-height);
4278
4551
  }
4279
- .Link-module__hop-Link___n4WL9[data-focus-visible] {
4552
+ .Link-module__hop-Link___zN0GU[data-focus-visible] {
4280
4553
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4281
4554
  }
4282
- .Link-module__hop-Link___n4WL9[data-disabled] {
4555
+ .Link-module__hop-Link___zN0GU[data-disabled] {
4283
4556
  cursor: default;
4284
4557
  }
4285
- .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
4558
+ .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
4286
4559
  padding: var(--hop-Link-padding-standalone);
4287
4560
  }
4288
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
4561
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
4289
4562
  padding: var(--hop-Link-padding-standalone-xs);
4290
4563
  }
4291
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
4564
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
4292
4565
  padding: var(--hop-Link-padding-standalone-sm);
4293
4566
  }
4294
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
4567
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
4295
4568
  padding: var(--hop-Link-padding-standalone-md);
4296
4569
  }
4297
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
4570
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
4298
4571
  padding: var(--hop-Link-padding-standalone-lg);
4299
4572
  }
4300
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
4573
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
4301
4574
  padding: var(--hop-Link-padding-standalone-xl);
4302
4575
  }
4303
- .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
4576
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
4304
4577
  padding: var(--hop-Link-padding-standalone-2xl);
4305
4578
  }
4306
- .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
4307
- .Link-module__hop-Link--quiet___9GBMr[data-hovered],
4308
- .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
4309
- .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
4579
+ .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
4580
+ .Link-module__hop-Link--quiet___p89Vc[data-hovered],
4581
+ .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
4582
+ .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
4310
4583
  text-decoration: underline;
4311
4584
  }
4312
- .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
4585
+ .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
4313
4586
  text-decoration: underline;
4314
4587
  }
4315
- .Link-module__hop-Link--primary___YeNRh {
4588
+ .Link-module__hop-Link--primary___o0ags {
4316
4589
  color: var(--hop-Link-primary-text-color);
4317
4590
  }
4318
- .Link-module__hop-Link--primary___YeNRh[data-disabled] {
4591
+ .Link-module__hop-Link--primary___o0ags[data-disabled] {
4319
4592
  color: var(--hop-Link-primary-text-disabled-color);
4320
4593
  }
4321
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
4322
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
4594
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
4595
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
4323
4596
  color: var(--hop-Link-primary-text-hover-color);
4324
4597
  }
4325
- .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
4598
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
4326
4599
  color: var(--hop-Link-primary-text-pressed-color);
4327
4600
  }
4328
- .Link-module__hop-Link--secondary___0pBbc {
4601
+ .Link-module__hop-Link--secondary___jcpD5 {
4329
4602
  color: var(--hop-Link-neutral-text-color);
4330
4603
  }
4331
- .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
4604
+ .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
4332
4605
  color: var(--hop-Link-neutral-text-disabled-color);
4333
4606
  }
4334
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
4335
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
4607
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
4608
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
4336
4609
  color: var(--hop-Link-neutral-text-hover-color);
4337
4610
  }
4338
- .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
4611
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
4339
4612
  color: var(--hop-Link-neutral-text-pressed-color);
4340
4613
  }
4341
- .Link-module__hop-Link__icon___QFMUA,
4342
- .Link-module__hop-Link__icon-list___eQlWg {
4614
+ .Link-module__hop-Link__icon___N8Pvt,
4615
+ .Link-module__hop-Link__icon-list___jgYl- {
4343
4616
  order: 2;
4344
4617
  }
4345
- .Link-module__hop-Link__text___1mmQh {
4618
+ .Link-module__hop-Link__text___9BuwZ {
4346
4619
  order: 1;
4347
4620
  }
4348
- .Link-module__hop-Link__start-icon___Tury5,
4349
- .Link-module__hop-Link__start-icon-list___lkoEc {
4621
+ .Link-module__hop-Link__start-icon___GOMwu,
4622
+ .Link-module__hop-Link__start-icon-list___P72wB {
4350
4623
  order: 0;
4351
4624
  }
4352
4625
 
4353
4626
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4354
- :where(.Popover-module__hop-Popover___26umq *) {
4627
+ :where(.Popover-module__hop-Popover___Tn-G9 *) {
4355
4628
  font-family: var(--font-family);
4356
4629
  font-size: var(--font-size);
4357
4630
  font-weight: var(--font-weight);
4358
4631
  line-height: var(--line-height);
4359
4632
  outline: none;
4360
4633
  }
4361
- .Popover-module__hop-Popover___26umq {
4634
+ .Popover-module__hop-Popover___Tn-G9 {
4362
4635
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4363
4636
  --hop-Popover-inline-width: 25rem;
4364
4637
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4371,22 +4644,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4371
4644
  inline-size: var(--width);
4372
4645
  max-inline-size: var(--max-width);
4373
4646
  }
4374
- .Popover-module__hop-Popover___26umq[data-trigger=Select] {
4647
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
4375
4648
  --width: var(--hop-Popover-dropdown-inline-width);
4376
4649
  }
4377
- .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
4650
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
4378
4651
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4379
4652
  }
4380
- .Popover-module__hop-Popover___26umq[data-auto-width] {
4653
+ .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
4381
4654
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4382
4655
  }
4383
- .Popover-module__hop-Popover___26umq[data-entering] {
4384
- animation: Popover-module__fade___Rb7-0 0.25s;
4656
+ .Popover-module__hop-Popover___Tn-G9[data-entering] {
4657
+ animation: Popover-module__fade___nUmvV 0.25s;
4385
4658
  }
4386
- .Popover-module__hop-Popover___26umq[data-exiting] {
4387
- animation: Popover-module__fade___Rb7-0 0.25s reverse;
4659
+ .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4660
+ animation: Popover-module__fade___nUmvV 0.25s reverse;
4388
4661
  }
4389
- @keyframes Popover-module__fade___Rb7-0 {
4662
+ @keyframes Popover-module__fade___nUmvV {
4390
4663
  from {
4391
4664
  opacity: 0;
4392
4665
  }
@@ -4394,14 +4667,14 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4394
4667
  opacity: 1;
4395
4668
  }
4396
4669
  }
4397
- .Popover-module__hop-Popover__wrapper___uZgAA {
4670
+ .Popover-module__hop-Popover__wrapper___606o6 {
4398
4671
  display: flex;
4399
4672
  flex: 1 1 auto;
4400
4673
  flex-direction: column;
4401
4674
  min-block-size: 0;
4402
4675
  }
4403
- .Popover-module__hop-Popover__dialog___GGJWK,
4404
- .Popover-module__hop-Popover__dropdown___jeauL {
4676
+ .Popover-module__hop-Popover__dialog___OKeOS,
4677
+ .Popover-module__hop-Popover__dropdown___GLwYO {
4405
4678
  --hop-Popover-background: var(--hop-neutral-surface);
4406
4679
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4407
4680
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4449,21 +4722,21 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4449
4722
  border-radius: var(--hop-Popover-border-radius);
4450
4723
  box-shadow: var(--hop-Popover-box-shadow);
4451
4724
  }
4452
- .Popover-module__hop-Popover__dropdown___jeauL {
4725
+ .Popover-module__hop-Popover__dropdown___GLwYO {
4453
4726
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4454
4727
  --footer-place-self: stretch;
4455
4728
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4456
4729
  --padding: var(--hop-Popover-dropdown-padding);
4457
4730
  overflow: hidden;
4458
4731
  }
4459
- .Popover-module__hop-Popover__dialog___GGJWK {
4732
+ .Popover-module__hop-Popover__dialog___OKeOS {
4460
4733
  --padding: var(--hop-Popover-dialog-padding);
4461
4734
  }
4462
- .Popover-module__hop-Popover__title___Rlj3j {
4735
+ .Popover-module__hop-Popover__title___Tu4KH {
4463
4736
  grid-area: header;
4464
4737
  color: var(--hop-Popover-color);
4465
4738
  }
4466
- .Popover-module__hop-Popover__content___xnLU- {
4739
+ .Popover-module__hop-Popover__content___t3KK5 {
4467
4740
  --font-size: var(--hop-Popover-content-font-size);
4468
4741
  --line-height: var(--hop-Popover-content-line-height);
4469
4742
  --font-family: var(--hop-Popover-content-font-family);
@@ -4474,12 +4747,12 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4474
4747
  padding: 0;
4475
4748
  color: var(--hop-Popover-content-color);
4476
4749
  }
4477
- .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4478
- .Popover-module__hop-Popover__content___xnLU- {
4750
+ .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4751
+ .Popover-module__hop-Popover__content___t3KK5 {
4479
4752
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4480
4753
  }
4481
4754
  }
4482
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4755
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4483
4756
  grid-area: content;
4484
4757
  inline-size: auto;
4485
4758
  min-inline-size: auto;
@@ -4487,7 +4760,7 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4487
4760
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4488
4761
  border: none;
4489
4762
  }
4490
- .Popover-module__hop-Popover__footer___0FFAg {
4763
+ .Popover-module__hop-Popover__footer___jo9Dl {
4491
4764
  --font-size: var(--hop-Popover-footer-font-size);
4492
4765
  --line-height: var(--hop-Popover-footer-line-height);
4493
4766
  grid-area: footer;
@@ -4495,22 +4768,22 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4495
4768
  margin: var(--footer-margin);
4496
4769
  color: var(--hop-Popover-color);
4497
4770
  }
4498
- .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4771
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4499
4772
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4500
4773
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4501
4774
  }
4502
- .Popover-module__hop-Popover__actions___22QyU,
4503
- .Popover-module__hop-Popover__action___1YRad {
4775
+ .Popover-module__hop-Popover__actions___dcbdB,
4776
+ .Popover-module__hop-Popover__action___6mpc0 {
4504
4777
  grid-area: action;
4505
4778
  justify-self: end;
4506
4779
  margin-block-start: var(--hop-Popover-row-gap);
4507
4780
  }
4508
- .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4781
+ .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 {
4509
4782
  margin-inline-end: var(--hop-Popover-column-gap);
4510
4783
  }
4511
4784
 
4512
4785
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4513
- .PopoverBase-module__hop-PopoverBase___31efu {
4786
+ .PopoverBase-module__hop-PopoverBase___R08eb {
4514
4787
  --hop-Popover-background: var(--hop-neutral-surface);
4515
4788
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4516
4789
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4540,27 +4813,27 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4540
4813
  box-shadow: var(--hop-Popover-box-shadow);
4541
4814
  transition: opacity var(--hop-easing-duration-2);
4542
4815
  }
4543
- .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4816
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-entering] {
4544
4817
  opacity: 0;
4545
4818
  }
4546
- .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4819
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-exiting] {
4547
4820
  pointer-events: none;
4548
4821
  opacity: 0;
4549
4822
  transition-timing-function: var(--hop-easing-productive);
4550
4823
  }
4551
4824
 
4552
4825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4553
- .ToggleArrow-module__hop-ToggleArrow___F3uDI {
4826
+ .ToggleArrow-module__hop-ToggleArrow___HUqr- {
4554
4827
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4555
4828
  position: relative;
4556
4829
  transition: transform var(--transition);
4557
4830
  }
4558
- .ToggleArrow-module__hop-ToggleArrow___F3uDI[data-expanded] {
4831
+ .ToggleArrow-module__hop-ToggleArrow___HUqr-[data-expanded] {
4559
4832
  transform: rotate(-180deg);
4560
4833
  }
4561
4834
 
4562
4835
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/combobox/src/ComboBox.module.css/#css-module-data */
4563
- .ComboBox-module__hop-ComboBox___Lb1mQ {
4836
+ .ComboBox-module__hop-ComboBox___GvCoa {
4564
4837
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4565
4838
  --hop-ComboBox-inline-size: 20rem;
4566
4839
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -4575,20 +4848,20 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4575
4848
  inline-size: var(--inline-size);
4576
4849
  max-inline-size: var(--hop-ComboBox-max-inline-size);
4577
4850
  }
4578
- .ComboBox-module__hop-ComboBox--fluid___Ptot1 {
4851
+ .ComboBox-module__hop-ComboBox--fluid___OvKor {
4579
4852
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
4580
4853
  }
4581
- .ComboBox-module__hop-ComboBox__label___0Pla6 {
4854
+ .ComboBox-module__hop-ComboBox__label___O-Kpw {
4582
4855
  order: 1;
4583
4856
  }
4584
- .ComboBox-module__hop-ComboBox__trigger___9TwXq {
4857
+ .ComboBox-module__hop-ComboBox__trigger___q6qg2 {
4585
4858
  cursor: text;
4586
4859
  order: 2;
4587
4860
  }
4588
- .ComboBox-module__hop-ComboBox__trigger___9TwXq[data-disabled] {
4861
+ .ComboBox-module__hop-ComboBox__trigger___q6qg2[data-disabled] {
4589
4862
  cursor: default;
4590
4863
  }
4591
- .ComboBox-module__hop-ComboBox__button___e5o3k {
4864
+ .ComboBox-module__hop-ComboBox__button___cAzhI {
4592
4865
  cursor: pointer;
4593
4866
  display: flex;
4594
4867
  flex: 0 0 auto;
@@ -4599,15 +4872,15 @@ button.CloseButton-module__hop-CloseButton___aWaMI {
4599
4872
  border: none;
4600
4873
  outline: none;
4601
4874
  }
4602
- .ComboBox-module__hop-ComboBox__button___e5o3k[data-disabled] {
4875
+ .ComboBox-module__hop-ComboBox__button___cAzhI[data-disabled] {
4603
4876
  cursor: default;
4604
4877
  color: var(--hop-ComboBox-button-color-disabled);
4605
4878
  }
4606
- .ComboBox-module__hop-ComboBox__prefix___fFHWF {
4879
+ .ComboBox-module__hop-ComboBox__prefix___xQSGm {
4607
4880
  align-self: center;
4608
4881
  color: var(--hop-ComboBox-prefix-color);
4609
4882
  }
4610
- .ComboBox-module__hop-ComboBox__helper-message___OGSw0,
4611
- .ComboBox-module__hop-ComboBox__error-message___3pCHC {
4883
+ .ComboBox-module__hop-ComboBox__helper-message___P-ah-,
4884
+ .ComboBox-module__hop-ComboBox__error-message___TGYtK {
4612
4885
  order: 3;
4613
4886
  }