@hopper-ui/components 1.6.1 → 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 (396) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +617 -325
  7. package/dist/alert/src/Alert.js +13 -12
  8. package/dist/alert/src/index.css +617 -325
  9. package/dist/alert/src/index.js +13 -12
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +8 -8
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +13 -13
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +9 -8
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +10 -9
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +6 -6
  44. package/dist/buttons/src/ToggleButton.css +630 -0
  45. package/dist/buttons/src/ToggleButton.d.ts +51 -0
  46. package/dist/buttons/src/ToggleButton.js +17 -0
  47. package/dist/buttons/src/ToggleButtonContext.d.ts +22 -0
  48. package/dist/buttons/src/ToggleButtonContext.js +2 -0
  49. package/dist/buttons/src/index.css +540 -260
  50. package/dist/buttons/src/index.d.ts +4 -2
  51. package/dist/buttons/src/index.js +16 -13
  52. package/dist/callout/src/Callout.css +552 -272
  53. package/dist/callout/src/Callout.js +11 -10
  54. package/dist/callout/src/CompactCallout.css +589 -309
  55. package/dist/callout/src/CompactCallout.js +11 -10
  56. package/dist/callout/src/index.css +601 -321
  57. package/dist/callout/src/index.js +13 -12
  58. package/dist/card/src/Card.css +47 -40
  59. package/dist/card/src/Card.js +1 -1
  60. package/dist/card/src/index.css +47 -40
  61. package/dist/card/src/index.js +1 -1
  62. package/dist/checkbox/src/Checkbox.css +63 -56
  63. package/dist/checkbox/src/Checkbox.js +6 -6
  64. package/dist/checkbox/src/CheckboxField.css +50 -43
  65. package/dist/checkbox/src/CheckboxField.js +4 -4
  66. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  67. package/dist/checkbox/src/CheckboxGroup.js +10 -9
  68. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  69. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  70. package/dist/checkbox/src/index.css +115 -108
  71. package/dist/checkbox/src/index.js +15 -14
  72. package/dist/{chunk-SGQFSCGP.js → chunk-2AD6XN2R.js} +3 -3
  73. package/dist/chunk-3ETJUGAP.js +178 -0
  74. package/dist/{chunk-6EXB57VD.js → chunk-3OGBUJLO.js} +4 -4
  75. package/dist/chunk-3YYC7XZW.js +190 -0
  76. package/dist/{chunk-CFBDROF2.js → chunk-57WEWZ4L.js} +2 -2
  77. package/dist/{chunk-B3VVOS3E.js → chunk-5F2LUFRN.js} +3 -3
  78. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  79. package/dist/{chunk-V6QSG3P7.js → chunk-5MNBACCS.js} +1 -1
  80. package/dist/{chunk-N63SCDXK.js → chunk-72UDPGXN.js} +2 -2
  81. package/dist/{chunk-TVDSIL3G.js → chunk-76JOA74P.js} +15 -6
  82. package/dist/{chunk-3WNM2QCE.js → chunk-7K3TKE2R.js} +2 -2
  83. package/dist/{chunk-Z6Z2LMH2.js → chunk-7KXUKO5L.js} +1 -1
  84. package/dist/{chunk-5H7VC5CQ.js → chunk-7WJAJGOX.js} +3 -3
  85. package/dist/{chunk-IEGPCDG2.js → chunk-A5MNOCQ2.js} +1 -1
  86. package/dist/{chunk-Q5UDUQNS.js → chunk-BD2ZOQJW.js} +4 -28
  87. package/dist/chunk-BYERWFG4.js +7 -0
  88. package/dist/{chunk-54G54DA4.js → chunk-D3QAZ56J.js} +4 -4
  89. package/dist/{chunk-FVYE4WG4.js → chunk-D7ICCQM5.js} +2 -2
  90. package/dist/{chunk-NNBUHQU4.js → chunk-DB4Y2SXS.js} +17 -15
  91. package/dist/{chunk-RNYGUJIL.js → chunk-DGU5YZM5.js} +8 -8
  92. package/dist/{chunk-H7EN3SVB.js → chunk-DOP43XH5.js} +2 -2
  93. package/dist/{chunk-2PIBQPSE.js → chunk-DSK6IH5M.js} +4 -4
  94. package/dist/chunk-E5RHW4IY.js +70 -0
  95. package/dist/chunk-ESCEY6RN.js +137 -0
  96. package/dist/{chunk-FMAMU4X6.js → chunk-ETBPFG5Z.js} +8 -4
  97. package/dist/{chunk-DROINCCH.js → chunk-EWP3IGMD.js} +1 -1
  98. package/dist/{chunk-HVTA4MEG.js → chunk-F6VSINXC.js} +1 -1
  99. package/dist/{chunk-MC6PDZR7.js → chunk-FJUFE7XU.js} +10 -8
  100. package/dist/{chunk-KB2NZRJF.js → chunk-FORSJNLX.js} +20 -10
  101. package/dist/{chunk-HPOWDWRH.js → chunk-FPHBQO6G.js} +1 -1
  102. package/dist/{chunk-PDVJDA3N.js → chunk-FSS4CZQI.js} +25 -13
  103. package/dist/{chunk-S37LFZ2Z.js → chunk-FXNQDM7U.js} +1 -1
  104. package/dist/{chunk-6C22LT4E.js → chunk-G5AQXKGI.js} +2 -2
  105. package/dist/{chunk-PZZ76MYC.js → chunk-GDODCIB6.js} +3 -3
  106. package/dist/{chunk-6BW3MSBX.js → chunk-GHMBKUTU.js} +1 -1
  107. package/dist/{chunk-4DNIPOHN.js → chunk-GVGOWUJG.js} +2 -2
  108. package/dist/{chunk-VE63YOPC.js → chunk-HF5YS5Z6.js} +6 -6
  109. package/dist/{chunk-GN2XLV5G.js → chunk-HL2I2YUG.js} +3 -3
  110. package/dist/chunk-HZTYQ5FQ.js +22 -0
  111. package/dist/{chunk-ZICTGDRV.js → chunk-I377K7IX.js} +2 -2
  112. package/dist/{chunk-RKYCEGIB.js → chunk-JASPC6XG.js} +5 -5
  113. package/dist/{chunk-ZAORXIJR.js → chunk-JHAHLWQJ.js} +2 -2
  114. package/dist/{chunk-23MPRPHQ.js → chunk-JNV6W5JC.js} +18 -16
  115. package/dist/{chunk-TY3S7XMW.js → chunk-JQLKVLV7.js} +2 -2
  116. package/dist/{chunk-4V3BBI6M.js → chunk-K3GNQGLK.js} +1 -1
  117. package/dist/{chunk-UZTC5A7X.js → chunk-KD5CC7J2.js} +1 -1
  118. package/dist/{chunk-VRCFCFB5.js → chunk-KIXYAIPB.js} +4 -4
  119. package/dist/{chunk-I4IBMLV4.js → chunk-KN6OG3WN.js} +2 -2
  120. package/dist/{chunk-IKSYTHKX.js → chunk-KOLL65WL.js} +3 -3
  121. package/dist/{chunk-KNHM5GQQ.js → chunk-L64YORM7.js} +10 -8
  122. package/dist/{chunk-NOD7XFD7.js → chunk-LO44K2EI.js} +3 -3
  123. package/dist/{chunk-BARSXCGR.js → chunk-M64J2RXB.js} +2 -2
  124. package/dist/chunk-MR5BPD6R.js +7 -0
  125. package/dist/{chunk-PHPJULDV.js → chunk-N6JCPZ5G.js} +2 -2
  126. package/dist/{chunk-GDUMGSIP.js → chunk-NGZNCS3G.js} +1 -1
  127. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  128. package/dist/{chunk-FCWARLFN.js → chunk-NNPOWTQ4.js} +5 -5
  129. package/dist/{chunk-N6FVXOZU.js → chunk-NRUHVUQY.js} +1 -1
  130. package/dist/{chunk-RIEGA5XZ.js → chunk-PPBA6RPY.js} +2 -2
  131. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  132. package/dist/{chunk-IYYEOE54.js → chunk-PWYDH3ZA.js} +1 -1
  133. package/dist/{chunk-YPZVGCLY.js → chunk-Q252HANX.js} +3 -3
  134. package/dist/{chunk-WD34LPOD.js → chunk-Q4BKNDZD.js} +3 -3
  135. package/dist/{chunk-QYLYNHMO.js → chunk-QCFV6G6K.js} +2 -2
  136. package/dist/{chunk-G75ACCCJ.js → chunk-QXTTPOP5.js} +1 -1
  137. package/dist/{chunk-3SSWKFF2.js → chunk-QXZSPZWJ.js} +2 -2
  138. package/dist/{chunk-MEJX5PMD.js → chunk-RBUBE5ET.js} +1 -1
  139. package/dist/{chunk-MDFOHG56.js → chunk-RM3WVAEZ.js} +1 -1
  140. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  141. package/dist/{chunk-UWUX4HB6.js → chunk-RNGFFSNG.js} +21 -11
  142. package/dist/{chunk-LORXIAD3.js → chunk-SLK22PRQ.js} +19 -9
  143. package/dist/{chunk-FRX2T2G4.js → chunk-TGQ4XIIL.js} +1 -1
  144. package/dist/{chunk-FM7FVXF6.js → chunk-TXETMX5H.js} +2 -2
  145. package/dist/{chunk-BROSH5WN.js → chunk-UGZYYO3T.js} +1 -1
  146. package/dist/{chunk-AI4IV7FO.js → chunk-UH3WEXVR.js} +19 -22
  147. package/dist/{chunk-ENPVMPHJ.js → chunk-UPGCU4V3.js} +3 -3
  148. package/dist/{chunk-Y24SHU4H.js → chunk-URTTLQAC.js} +1 -1
  149. package/dist/{chunk-O7H6JXIB.js → chunk-VECFKZI5.js} +4 -4
  150. package/dist/{chunk-HCNRBWQR.js → chunk-VEXKMBM6.js} +1 -1
  151. package/dist/{chunk-BV2IOLOJ.js → chunk-VFURXZPW.js} +3 -3
  152. package/dist/{chunk-XUTZ5DK5.js → chunk-VQRXNT3Q.js} +2 -2
  153. package/dist/{chunk-MAWL2EMK.js → chunk-VTHB4J4N.js} +3 -3
  154. package/dist/{chunk-VB42QDEC.js → chunk-VUWTKMHT.js} +2 -2
  155. package/dist/{chunk-ZVJPFIET.js → chunk-VX7TMQSF.js} +3 -3
  156. package/dist/{chunk-S72G6RPK.js → chunk-WEKPO5YP.js} +2 -2
  157. package/dist/{chunk-J34HZLGN.js → chunk-WLNEXEEX.js} +1 -1
  158. package/dist/{chunk-4HT6QOTO.js → chunk-WOQOIB6V.js} +9 -3
  159. package/dist/{chunk-HPSQSM3G.js → chunk-X72OOA2X.js} +3 -3
  160. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  161. package/dist/{chunk-BHXYYOF6.js → chunk-XQ3MES4Y.js} +20 -10
  162. package/dist/{chunk-DPEJN5GM.js → chunk-Y7ACQLH4.js} +10 -4
  163. package/dist/{chunk-4VGMZWJ2.js → chunk-YF4DILIQ.js} +1 -1
  164. package/dist/{chunk-IGVGBFT6.js → chunk-ZHEWPE46.js} +1 -1
  165. package/dist/{chunk-6OC3EASW.js → chunk-ZWCN6ASW.js} +2 -2
  166. package/dist/combobox/src/ComboBox.css +960 -684
  167. package/dist/combobox/src/ComboBox.js +25 -24
  168. package/dist/combobox/src/index.css +960 -684
  169. package/dist/combobox/src/index.js +25 -24
  170. package/dist/contextual-help/src/ContextualHelp.css +4438 -0
  171. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  172. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  173. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  174. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  175. package/dist/contextual-help/src/index.css +4438 -0
  176. package/dist/contextual-help/src/index.d.ts +10 -0
  177. package/dist/contextual-help/src/index.js +14 -0
  178. package/dist/disclosure/src/Disclosure.css +54 -47
  179. package/dist/disclosure/src/Disclosure.js +2 -2
  180. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  181. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  182. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  183. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  184. package/dist/disclosure/src/index.css +79 -72
  185. package/dist/disclosure/src/index.js +9 -9
  186. package/dist/divider/src/Divider.css +46 -39
  187. package/dist/divider/src/Divider.js +1 -1
  188. package/dist/divider/src/index.css +46 -39
  189. package/dist/divider/src/index.js +1 -1
  190. package/dist/error-message/src/ErrorMessage.css +46 -39
  191. package/dist/error-message/src/ErrorMessage.js +3 -3
  192. package/dist/error-message/src/index.css +46 -39
  193. package/dist/error-message/src/index.js +3 -3
  194. package/dist/form/src/Form.css +44 -37
  195. package/dist/form/src/Form.js +1 -1
  196. package/dist/form/src/index.css +44 -37
  197. package/dist/form/src/index.js +1 -1
  198. package/dist/header/src/Header.css +279 -0
  199. package/dist/header/src/Header.js +3 -1
  200. package/dist/header/src/HeaderContext.d.ts +13 -3
  201. package/dist/header/src/index.css +279 -0
  202. package/dist/header/src/index.d.ts +1 -1
  203. package/dist/header/src/index.js +3 -1
  204. package/dist/helper-message/src/HelperMessage.css +46 -39
  205. package/dist/helper-message/src/HelperMessage.js +3 -3
  206. package/dist/helper-message/src/index.css +46 -39
  207. package/dist/helper-message/src/index.js +3 -3
  208. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  209. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  210. package/dist/hopper-provider/src/index.css +45 -38
  211. package/dist/hopper-provider/src/index.js +1 -1
  212. package/dist/i18n/src/index.js +1 -1
  213. package/dist/i18n/src/useLocalizedString.js +1 -1
  214. package/dist/icon-list/src/IconList.css +45 -38
  215. package/dist/icon-list/src/IconList.js +1 -1
  216. package/dist/icon-list/src/index.css +45 -38
  217. package/dist/icon-list/src/index.js +1 -1
  218. package/dist/illustrated-message/src/IllustratedMessage.css +559 -279
  219. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  220. package/dist/illustrated-message/src/index.css +559 -279
  221. package/dist/illustrated-message/src/index.js +2 -2
  222. package/dist/image/src/Image.css +47 -40
  223. package/dist/image/src/Image.js +3 -1
  224. package/dist/image/src/ImageContext.d.ts +13 -3
  225. package/dist/image/src/SvgImage.css +45 -38
  226. package/dist/image/src/SvgImage.js +1 -1
  227. package/dist/image/src/index.css +48 -41
  228. package/dist/image/src/index.d.ts +1 -1
  229. package/dist/image/src/index.js +4 -2
  230. package/dist/index.css +1397 -1044
  231. package/dist/index.d.ts +13 -7
  232. package/dist/index.js +124 -118
  233. package/dist/inputs/src/Input.css +48 -41
  234. package/dist/inputs/src/Input.js +1 -1
  235. package/dist/inputs/src/InputGroup.css +50 -43
  236. package/dist/inputs/src/InputGroup.js +1 -1
  237. package/dist/inputs/src/NumberField.css +74 -67
  238. package/dist/inputs/src/NumberField.js +12 -11
  239. package/dist/inputs/src/PasswordField.css +560 -280
  240. package/dist/inputs/src/PasswordField.js +12 -11
  241. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  242. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  243. package/dist/inputs/src/SearchField.css +566 -286
  244. package/dist/inputs/src/SearchField.js +13 -12
  245. package/dist/inputs/src/TextArea.css +71 -64
  246. package/dist/inputs/src/TextArea.js +11 -10
  247. package/dist/inputs/src/TextField.css +564 -284
  248. package/dist/inputs/src/TextField.js +16 -15
  249. package/dist/inputs/src/index.css +612 -332
  250. package/dist/inputs/src/index.js +22 -21
  251. package/dist/layout/src/Content.css +279 -0
  252. package/dist/layout/src/Content.js +3 -1
  253. package/dist/layout/src/ContentContext.d.ts +13 -3
  254. package/dist/layout/src/Footer.css +279 -0
  255. package/dist/layout/src/Footer.js +3 -1
  256. package/dist/layout/src/FooterContext.d.ts +13 -3
  257. package/dist/link/src/Link.css +83 -76
  258. package/dist/link/src/Link.js +4 -4
  259. package/dist/link/src/index.css +83 -76
  260. package/dist/link/src/index.js +4 -4
  261. package/dist/list-box/src/ListBox.css +318 -311
  262. package/dist/list-box/src/ListBox.js +10 -10
  263. package/dist/list-box/src/ListBoxItem.css +306 -299
  264. package/dist/list-box/src/ListBoxItem.js +7 -7
  265. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  266. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  267. package/dist/list-box/src/index.css +318 -311
  268. package/dist/list-box/src/index.js +11 -11
  269. package/dist/menu/src/Menu.css +885 -609
  270. package/dist/menu/src/Menu.js +4 -4
  271. package/dist/menu/src/MenuItem.css +123 -116
  272. package/dist/menu/src/MenuItem.js +3 -3
  273. package/dist/menu/src/MenuSection.css +46 -39
  274. package/dist/menu/src/MenuSection.js +1 -1
  275. package/dist/menu/src/index.css +910 -634
  276. package/dist/menu/src/index.js +9 -9
  277. package/dist/modal/src/BaseModal.css +59 -52
  278. package/dist/modal/src/BaseModal.js +1 -1
  279. package/dist/modal/src/CustomModal.css +60 -53
  280. package/dist/modal/src/CustomModal.js +2 -2
  281. package/dist/modal/src/Modal.css +607 -315
  282. package/dist/modal/src/Modal.js +12 -11
  283. package/dist/modal/src/index.css +608 -316
  284. package/dist/modal/src/index.js +14 -13
  285. package/dist/overlays/popover/src/Popover.css +877 -597
  286. package/dist/overlays/popover/src/Popover.js +2 -2
  287. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  288. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  289. package/dist/overlays/popover/src/index.css +880 -604
  290. package/dist/overlays/popover/src/index.js +3 -3
  291. package/dist/radio/src/DecorativeRadio.css +71 -64
  292. package/dist/radio/src/DecorativeRadio.js +4 -4
  293. package/dist/radio/src/Radio.css +63 -56
  294. package/dist/radio/src/Radio.js +4 -4
  295. package/dist/radio/src/RadioField.css +50 -43
  296. package/dist/radio/src/RadioField.js +3 -3
  297. package/dist/radio/src/RadioGroup.css +115 -108
  298. package/dist/radio/src/RadioGroup.js +10 -9
  299. package/dist/radio/src/index.css +115 -108
  300. package/dist/radio/src/index.js +15 -14
  301. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  302. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  303. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  304. package/dist/segmented-control/src/SegmentedControlItem.js +3 -3
  305. package/dist/segmented-control/src/index.css +60 -53
  306. package/dist/segmented-control/src/index.js +4 -4
  307. package/dist/select/src/Select.css +904 -628
  308. package/dist/select/src/Select.js +23 -22
  309. package/dist/select/src/SelectValue.css +105 -98
  310. package/dist/select/src/SelectValue.js +4 -4
  311. package/dist/select/src/index.css +904 -628
  312. package/dist/select/src/index.js +23 -22
  313. package/dist/spinner/src/Spinner.css +54 -47
  314. package/dist/spinner/src/Spinner.js +3 -3
  315. package/dist/spinner/src/index.css +54 -47
  316. package/dist/spinner/src/index.js +3 -3
  317. package/dist/switch/src/Switch.css +60 -53
  318. package/dist/switch/src/Switch.js +4 -4
  319. package/dist/switch/src/SwitchField.css +50 -43
  320. package/dist/switch/src/SwitchField.js +4 -4
  321. package/dist/switch/src/index.css +66 -59
  322. package/dist/switch/src/index.js +6 -6
  323. package/dist/tabs/src/Tab.css +730 -450
  324. package/dist/tabs/src/Tab.js +4 -4
  325. package/dist/tabs/src/TabLine.css +46 -39
  326. package/dist/tabs/src/TabLine.js +1 -1
  327. package/dist/tabs/src/TabList.css +53 -46
  328. package/dist/tabs/src/TabList.js +2 -2
  329. package/dist/tabs/src/TabPanel.css +46 -39
  330. package/dist/tabs/src/TabPanel.js +1 -1
  331. package/dist/tabs/src/index.css +741 -461
  332. package/dist/tabs/src/index.js +7 -7
  333. package/dist/tag/src/Tag.css +708 -428
  334. package/dist/tag/src/Tag.js +10 -10
  335. package/dist/tag/src/TagGroup.css +54 -47
  336. package/dist/tag/src/TagGroup.js +9 -8
  337. package/dist/tag/src/index.css +718 -438
  338. package/dist/tag/src/index.js +15 -14
  339. package/dist/tile/src/Tile.css +53 -46
  340. package/dist/tile/src/Tile.js +3 -3
  341. package/dist/tile/src/TileGroup.css +45 -38
  342. package/dist/tile/src/TileGroup.js +2 -2
  343. package/dist/tile/src/index.css +54 -47
  344. package/dist/tile/src/index.js +5 -5
  345. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  346. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  347. package/dist/toggle-arrow/src/index.css +46 -39
  348. package/dist/toggle-arrow/src/index.js +1 -1
  349. package/dist/tooltip/src/Tooltip.css +54 -47
  350. package/dist/tooltip/src/Tooltip.js +4 -4
  351. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  352. package/dist/tooltip/src/TooltipTrigger.js +2 -2
  353. package/dist/tooltip/src/index.css +54 -47
  354. package/dist/tooltip/src/index.js +7 -7
  355. package/dist/typography/heading/src/Heading.css +44 -37
  356. package/dist/typography/heading/src/Heading.js +3 -1
  357. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  358. package/dist/typography/heading/src/index.css +44 -37
  359. package/dist/typography/heading/src/index.d.ts +1 -1
  360. package/dist/typography/heading/src/index.js +3 -1
  361. package/dist/typography/label/src/FieldLabel.css +279 -0
  362. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  363. package/dist/typography/label/src/FieldLabel.js +8 -0
  364. package/dist/typography/label/src/Label.css +52 -45
  365. package/dist/typography/label/src/Label.d.ts +0 -10
  366. package/dist/typography/label/src/Label.js +1 -4
  367. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  368. package/dist/typography/label/src/index.css +44 -37
  369. package/dist/typography/label/src/index.d.ts +4 -2
  370. package/dist/typography/label/src/index.js +4 -3
  371. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  372. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  373. package/dist/typography/overline-text/src/index.css +44 -37
  374. package/dist/typography/overline-text/src/index.js +1 -1
  375. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  376. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  377. package/dist/typography/paragraph/src/index.css +44 -37
  378. package/dist/typography/paragraph/src/index.js +3 -3
  379. package/dist/typography/text/src/Text.css +44 -37
  380. package/dist/typography/text/src/Text.js +2 -2
  381. package/dist/typography/text/src/index.css +44 -37
  382. package/dist/typography/text/src/index.js +2 -2
  383. package/dist/utils/src/ClearSlots.css +44 -37
  384. package/dist/utils/src/ClearSlots.d.ts +1 -2
  385. package/dist/utils/src/ClearSlots.js +1 -1
  386. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  387. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  388. package/dist/utils/src/index.css +44 -37
  389. package/dist/utils/src/index.d.ts +2 -1
  390. package/dist/utils/src/index.js +5 -4
  391. package/dist/utils/src/types.d.ts +4 -0
  392. package/dist/utils/src/useProgressVisibility.d.ts +3 -0
  393. package/dist/utils/src/useProgressVisibility.js +2 -0
  394. package/package.json +2 -2
  395. package/dist/chunk-LUQYZSMV.js +0 -121
  396. 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___8DNX2 {
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___8DNX2) {
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___ijsiM) {
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___BN2tx) {
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___lD9hR) {
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___ONPsa) {
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___4KF24) {
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___E-4uB) {
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___OwlpV) {
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,33 +85,40 @@
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___RucAL {
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___F1-jA {
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___F1-jA) {
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);
106
106
  line-height: var(--hop-Label-line-height);
107
107
  color: var(--hop-Label-color);
108
108
  }
109
- :where(.Label-module__hop-Label__indicator___kySOy) {
109
+
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___VGoF6 {
112
+ display: flex;
113
+ gap: var(--hop-space-inset-xs);
114
+ align-items: center;
115
+ }
116
+ .FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
110
117
  padding-inline-start: var(--hop-space-20);
111
118
  }
112
119
 
113
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___nkvhg) {
121
+ :where(.OverlineText-module__hop-OverlineText___uqriG) {
115
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +142,26 @@
135
142
  text-transform: uppercase;
136
143
  letter-spacing: var(--letter-spacing);
137
144
  }
138
- .OverlineText-module__hop-OverlineText__text___2PvUz {
145
+ .OverlineText-module__hop-OverlineText__text___QC4h8 {
139
146
  box-sizing: border-box;
140
147
  }
141
- .OverlineText-module__hop-OverlineText__text___2PvUz::before,
142
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
148
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before,
149
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
143
150
  content: "";
144
151
  display: block;
145
152
  box-sizing: border-box;
146
153
  inline-size: 0;
147
154
  block-size: 0;
148
155
  }
149
- .OverlineText-module__hop-OverlineText__text___2PvUz::before {
156
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before {
150
157
  margin-block-end: var(--bottom-offset);
151
158
  }
152
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
159
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
153
160
  margin-block-start: var(--top-offset);
154
161
  }
155
162
 
156
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___qvnKA {
164
+ .Text-module__hop-Text___TlqAw {
158
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +191,49 @@
184
191
  --hop-Text-inherit-size-font-weight: inherit;
185
192
  --hop-Text-inherit-size-line-height: inherit;
186
193
  }
187
- :where(.Text-module__hop-Text___qvnKA) {
194
+ :where(.Text-module__hop-Text___TlqAw) {
188
195
  font-family: var(--font-family);
189
196
  font-size: var(--font-size);
190
197
  font-weight: var(--font-weight);
191
198
  line-height: var(--line-height);
192
199
  }
193
- :where(.Text-module__hop-Text--xs___heReZ) {
200
+ :where(.Text-module__hop-Text--xs___r7Jh2) {
194
201
  --font-size: var(--hop-Text-xs-font-size);
195
202
  --font-family: var(--hop-Text-xs-font-family);
196
203
  --font-weight: var(--hop-Text-xs-font-weight);
197
204
  --line-height: var(--hop-Text-xs-line-height);
198
205
  }
199
- :where(.Text-module__hop-Text--sm___541we) {
206
+ :where(.Text-module__hop-Text--sm___47IuM) {
200
207
  --font-size: var(--hop-Text-sm-font-size);
201
208
  --font-family: var(--hop-Text-sm-font-family);
202
209
  --font-weight: var(--hop-Text-sm-font-weight);
203
210
  --line-height: var(--hop-Text-sm-line-height);
204
211
  }
205
- :where(.Text-module__hop-Text--md___hdUyI) {
212
+ :where(.Text-module__hop-Text--md___C2YwB) {
206
213
  --font-size: var(--hop-Text-md-font-size);
207
214
  --font-family: var(--hop-Text-md-font-family);
208
215
  --font-weight: var(--hop-Text-md-font-weight);
209
216
  --line-height: var(--hop-Text-md-line-height);
210
217
  }
211
- :where(.Text-module__hop-Text--lg___lVP0u) {
218
+ :where(.Text-module__hop-Text--lg___hfcIw) {
212
219
  --font-size: var(--hop-Text-lg-font-size);
213
220
  --font-family: var(--hop-Text-lg-font-family);
214
221
  --font-weight: var(--hop-Text-lg-font-weight);
215
222
  --line-height: var(--hop-Text-lg-line-height);
216
223
  }
217
- :where(.Text-module__hop-Text--xl___CTAop) {
224
+ :where(.Text-module__hop-Text--xl___jSZWl) {
218
225
  --font-size: var(--hop-Text-xl-font-size);
219
226
  --font-family: var(--hop-Text-xl-font-family);
220
227
  --font-weight: var(--hop-Text-xl-font-weight);
221
228
  --line-height: var(--hop-Text-xl-line-height);
222
229
  }
223
- :where(.Text-module__hop-Text--2xl___yx4Sp) {
230
+ :where(.Text-module__hop-Text--2xl___3Q3EA) {
224
231
  --font-size: var(--hop-Text-2xl-font-size);
225
232
  --font-family: var(--hop-Text-2xl-font-family);
226
233
  --font-weight: var(--hop-Text-2xl-font-weight);
227
234
  --line-height: var(--hop-Text-2xl-line-height);
228
235
  }
229
- :where(.Text-module__hop-Text--inherit___284Ab) {
236
+ :where(.Text-module__hop-Text--inherit___S3ePi) {
230
237
  --font-size: var(--hop-Text-inherit-size-font-size);
231
238
  --font-family: var(--hop-Text-inherit-size-font-family);
232
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +241,7 @@
234
241
  }
235
242
 
236
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___txlUW {
244
+ .Paragraph-module__hop-Paragraph___HpT17 {
238
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +253,33 @@
246
253
  margin-block-end: var(--margin-block-end);
247
254
  overflow-wrap: break-word;
248
255
  }
249
- .Paragraph-module__hop-Paragraph___txlUW:last-child {
256
+ .Paragraph-module__hop-Paragraph___HpT17:last-child {
250
257
  --margin-block-end: 0;
251
258
  }
252
- .Paragraph-module__hop-Paragraph--xs___uSr-c {
259
+ .Paragraph-module__hop-Paragraph--xs___DXGDe {
253
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
261
  }
255
- .Paragraph-module__hop-Paragraph--sm___Xa52U {
262
+ .Paragraph-module__hop-Paragraph--sm___qshKm {
256
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
264
  }
258
- .Paragraph-module__hop-Paragraph--md___KBlMl {
265
+ .Paragraph-module__hop-Paragraph--md___UEgGX {
259
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
267
  }
261
- .Paragraph-module__hop-Paragraph--lg___bF-R2 {
268
+ .Paragraph-module__hop-Paragraph--lg___EvhSs {
262
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
270
  }
264
- .Paragraph-module__hop-Paragraph--xl___2XG7c {
271
+ .Paragraph-module__hop-Paragraph--xl___X9E7u {
265
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
273
  }
267
- .Paragraph-module__hop-Paragraph--2xl___PyV-w {
274
+ .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
268
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
276
  }
270
- .Paragraph-module__hop-Paragraph--inherit___K3CwL {
277
+ .Paragraph-module__hop-Paragraph--inherit___IZyrO {
271
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
275
- :where(.Divider-module__hop-Divider___uMWGh) {
282
+ :where(.Divider-module__hop-Divider___sBgVv) {
276
283
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
277
284
  --hop-Divider-border-size: 0.0625rem;
278
285
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -297,7 +304,7 @@
297
304
  border-block-end: var(--border-block-end);
298
305
  border-inline-start: var(--border-inline-start);
299
306
  }
300
- .Divider-module__hop-Divider--vertical___CJ0Uh {
307
+ .Divider-module__hop-Divider--vertical___W-o9O {
301
308
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
302
309
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
303
310
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -306,7 +313,7 @@
306
313
  }
307
314
 
308
315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
309
- .IconList-module__hop-IconList___dAr-Y {
316
+ .IconList-module__hop-IconList___TpK2G {
310
317
  --hop-IconList-gap: var(--hop-space-inline-xs);
311
318
  display: flex;
312
319
  flex-wrap: wrap;
@@ -315,7 +322,7 @@
315
322
  }
316
323
 
317
324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
318
- @keyframes Spinner-module__spin___dI-4t {
325
+ @keyframes Spinner-module__spin___Qq0VA {
319
326
  0% {
320
327
  transform: rotate(0deg);
321
328
  }
@@ -323,7 +330,7 @@
323
330
  transform: rotate(360deg);
324
331
  }
325
332
  }
326
- .Spinner-module__hop-Spinner___nfESa {
333
+ .Spinner-module__hop-Spinner___q7lsB {
327
334
  --hop-Spinner-border-radius: var(--hop-shape-circle);
328
335
  --hop-Spinner-sm-wheel-size: 1rem;
329
336
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -331,7 +338,7 @@
331
338
  --hop-Spinner-track-width: 0.125rem;
332
339
  --hop-Spinner-track-opacity: 0.2;
333
340
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
334
- --hop-Spinner-fill-animation: Spinner-module__spin___dI-4t .8s infinite linear;
341
+ --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
335
342
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
336
343
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
337
344
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -342,19 +349,19 @@
342
349
  align-items: center;
343
350
  box-sizing: border-box;
344
351
  }
345
- .Spinner-module__hop-Spinner--sm___mbeG8 {
352
+ .Spinner-module__hop-Spinner--sm___jaKcR {
346
353
  --width: var(--hop-Spinner-sm-wheel-size);
347
354
  --height: var(--hop-Spinner-sm-wheel-size);
348
355
  }
349
- .Spinner-module__hop-Spinner--md___GJhEX {
356
+ .Spinner-module__hop-Spinner--md___GNVfI {
350
357
  --width: var(--hop-Spinner-md-wheel-size);
351
358
  --height: var(--hop-Spinner-md-wheel-size);
352
359
  }
353
- .Spinner-module__hop-Spinner--lg___hXeT0 {
360
+ .Spinner-module__hop-Spinner--lg___s54Hy {
354
361
  --width: var(--hop-Spinner-lg-wheel-size);
355
362
  --height: var(--hop-Spinner-lg-wheel-size);
356
363
  }
357
- .Spinner-module__hop-Spinner__track___VD4ur {
364
+ .Spinner-module__hop-Spinner__track___P2N1M {
358
365
  grid-area: spinner;
359
366
  box-sizing: border-box;
360
367
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -363,7 +370,7 @@
363
370
  border: var(--hop-Spinner-track-border);
364
371
  border-radius: var(--hop-Spinner-border-radius);
365
372
  }
366
- .Spinner-module__hop-Spinner__fill___fXKFk {
373
+ .Spinner-module__hop-Spinner__fill___DA6KG {
367
374
  grid-area: spinner;
368
375
  box-sizing: border-box;
369
376
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -374,17 +381,17 @@
374
381
  animation: var(--hop-Spinner-fill-animation);
375
382
  }
376
383
  @media (prefers-reduced-motion: reduce) {
377
- .Spinner-module__hop-Spinner__fill___fXKFk {
384
+ .Spinner-module__hop-Spinner__fill___DA6KG {
378
385
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
379
386
  }
380
387
  }
381
- .Spinner-module__hop-Spinner__label___vagu8 {
388
+ .Spinner-module__hop-Spinner__label___7Vmlu {
382
389
  grid-area: label;
383
390
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
384
391
  }
385
392
 
386
393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
387
- .Button-module__hop-Button___ZPqlN {
394
+ .Button-module__hop-Button___0Z1G- {
388
395
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
389
396
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
390
397
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -508,215 +515,215 @@
508
515
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
509
516
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
510
517
  }
511
- .Button-module__hop-Button--fluid___K97-Y {
518
+ .Button-module__hop-Button--fluid___ocE9B {
512
519
  --inline-size: 100%;
513
520
  }
514
- .Button-module__hop-Button--sm___VdVxi {
521
+ .Button-module__hop-Button--sm___Iin1k {
515
522
  --block-size: var(--hop-Button-sm-height);
516
523
  --padding: var(--hop-Button-sm-padding);
517
524
  }
518
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
525
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
519
526
  --padding: var(--hop-Button-ghost-sm-padding);
520
527
  }
521
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
528
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
522
529
  --padding: var(--hop-Button-ghost-md-padding);
523
530
  }
524
- .Button-module__hop-Button--icon-only___NMJIz {
531
+ .Button-module__hop-Button--icon-only___aWeym {
525
532
  --column-gap: var(--hop-Button-icon-only-column-gap);
526
533
  --padding: var(--hop-Button-icon-only-padding);
527
534
  aspect-ratio: 1;
528
535
  }
529
- .Button-module__hop-Button--primary___hVpe1 {
536
+ .Button-module__hop-Button--primary___3Qmg3 {
530
537
  --background-color: var(--hop-Button-primary-background-color);
531
538
  --color: var(--hop-Button-primary-color);
532
539
  --border: var(--hop-Button-primary-border);
533
540
  --spinner-color: var(--hop-Button-primary-spinner-color);
534
541
  }
535
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
536
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
542
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
543
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
537
544
  --background-color: var(--hop-Button-primary-background-color-hover);
538
545
  --color: var(--hop-Button-primary-color-hover);
539
546
  --border: var(--hop-Button-primary-border-hover);
540
547
  }
541
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
548
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
542
549
  --background-color: var(--hop-Button-primary-background-color-pressed);
543
550
  --color: var(--hop-Button-primary-color-pressed);
544
551
  --border: var(--hop-Button-primary-border-pressed);
545
552
  }
546
- .Button-module__hop-Button--secondary___Gjg5h {
553
+ .Button-module__hop-Button--secondary___u3qlM {
547
554
  --background-color: var(--hop-Button-secondary-background-color);
548
555
  --color: var(--hop-Button-secondary-color);
549
556
  --border: var(--hop-Button-secondary-border);
550
557
  --spinner-color: var(--hop-Button-secondary-spinner-color);
551
558
  }
552
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
553
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
559
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
560
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
554
561
  --background-color: var(--hop-Button-secondary-background-color-hover);
555
562
  --color: var(--hop-Button-secondary-color-hover);
556
563
  --border: var(--hop-Button-secondary-border-hover);
557
564
  }
558
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
565
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
559
566
  --background-color: var(--hop-Button-secondary-background-color-pressed);
560
567
  --color: var(--hop-Button-secondary-color-pressed);
561
568
  --border: var(--hop-Button-secondary-border-pressed);
562
569
  }
563
- .Button-module__hop-Button--upsell___j1HQ7 {
570
+ .Button-module__hop-Button--upsell___Wa1Kb {
564
571
  --background-color: var(--hop-Button-upsell-background-color);
565
572
  --color: var(--hop-Button-upsell-color);
566
573
  --border: var(--hop-Button-upsell-border);
567
574
  --spinner-color: var(--hop-Button-upsell-spinner-color);
568
575
  }
569
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
570
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
576
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
577
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
571
578
  --background-color: var(--hop-Button-upsell-background-color-hover);
572
579
  --color: var(--hop-Button-upsell-color-hover);
573
580
  --border: var(--hop-Button-upsell-border-hover);
574
581
  }
575
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
582
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
576
583
  --background-color: var(--hop-Button-upsell-background-color-pressed);
577
584
  --color: var(--hop-Button-upsell-color-pressed);
578
585
  --border: var(--hop-Button-upsell-border-pressed);
579
586
  }
580
- .Button-module__hop-Button--danger___5VBlb {
587
+ .Button-module__hop-Button--danger___de-7T {
581
588
  --background-color: var(--hop-Button-danger-background-color);
582
589
  --color: var(--hop-Button-danger-color);
583
590
  --border: var(--hop-Button-danger-border);
584
591
  --spinner-color: var(--hop-Button-danger-spinner-color);
585
592
  }
586
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
587
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
593
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
594
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
588
595
  --background-color: var(--hop-Button-danger-background-color-hover);
589
596
  --color: var(--hop-Button-danger-color-hover);
590
597
  --border: var(--hop-Button-danger-border-hover);
591
598
  }
592
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
599
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
593
600
  --background-color: var(--hop-Button-danger-background-color-pressed);
594
601
  --color: var(--hop-Button-danger-color-pressed);
595
602
  --border: var(--hop-Button-danger-border-pressed);
596
603
  }
597
- .Button-module__hop-Button--ghost-primary___jdoVD {
604
+ .Button-module__hop-Button--ghost-primary___f-GHo {
598
605
  --background-color: var(--hop-Button-ghost-primary-background-color);
599
606
  --color: var(--hop-Button-ghost-primary-color);
600
607
  --border: var(--hop-Button-ghost-primary-border);
601
608
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
602
609
  }
603
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
604
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
610
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
611
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
605
612
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
606
613
  --color: var(--hop-Button-ghost-primary-color-hover);
607
614
  --border: var(--hop-Button-ghost-primary-border-hover);
608
615
  --text-underline: underline;
609
616
  }
610
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
617
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
611
618
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
612
619
  --color: var(--hop-Button-ghost-primary-color-pressed);
613
620
  --border: var(--hop-Button-ghost-primary-border-pressed);
614
621
  --text-underline: underline;
615
622
  }
616
- .Button-module__hop-Button--ghost-secondary___FIdYc {
623
+ .Button-module__hop-Button--ghost-secondary___732dQ {
617
624
  --background-color: var(--hop-Button-ghost-secondary-background-color);
618
625
  --color: var(--hop-Button-ghost-secondary-color);
619
626
  --border: var(--hop-Button-ghost-secondary-border);
620
627
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
621
628
  }
622
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
623
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
629
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
630
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
624
631
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
625
632
  --color: var(--hop-Button-ghost-secondary-color-hover);
626
633
  --border: var(--hop-Button-ghost-secondary-border-hover);
627
634
  --text-underline: underline;
628
635
  }
629
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
636
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
630
637
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
631
638
  --color: var(--hop-Button-ghost-secondary-color-pressed);
632
639
  --border: var(--hop-Button-ghost-secondary-border-pressed);
633
640
  --text-underline: underline;
634
641
  }
635
- .Button-module__hop-Button--ghost-danger___hWB-b {
642
+ .Button-module__hop-Button--ghost-danger___mXQFT {
636
643
  --background-color: var(--hop-Button-ghost-danger-background-color);
637
644
  --color: var(--hop-Button-ghost-danger-color);
638
645
  --border: var(--hop-Button-ghost-danger-border);
639
646
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
640
647
  }
641
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
642
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
648
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
649
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
643
650
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
644
651
  --color: var(--hop-Button-ghost-danger-color-hover);
645
652
  --border: var(--hop-Button-ghost-danger-border-hover);
646
653
  --text-underline: underline;
647
654
  }
648
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
655
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
649
656
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
650
657
  --color: var(--hop-Button-ghost-danger-color-pressed);
651
658
  --border: var(--hop-Button-ghost-danger-border-pressed);
652
659
  --text-underline: underline;
653
660
  }
654
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
661
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
655
662
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
656
663
  }
657
- .Button-module__hop-Button___ZPqlN[data-disabled],
658
- .Button-module__hop-Button--loading___BXVdp {
664
+ .Button-module__hop-Button___0Z1G-[data-disabled],
665
+ .Button-module__hop-Button--loading___3l487 {
659
666
  cursor: not-allowed;
660
667
  }
661
- .Button-module__hop-Button___ZPqlN[data-disabled] {
668
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
662
669
  --background-color: var(--hop-Button-background-color-disabled);
663
670
  --color: var(--hop-Button-color-disabled);
664
671
  --border: var(--hop-Button-border-disabled);
665
672
  }
666
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
673
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
667
674
  --background-color: var(--hop-Button-ghost-background-color-disabled);
668
675
  --color: var(--hop-Button-ghost-color-disabled);
669
676
  --border: var(--hop-Button-ghost-border-disabled);
670
677
  }
671
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
678
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
672
679
  --background-color: var(--hop-Button-primary-background-color);
673
680
  --color: var(--hop-Button-primary-color);
674
681
  --border: var(--hop-Button-primary-border);
675
682
  }
676
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
683
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
677
684
  --background-color: var(--hop-Button-secondary-background-color);
678
685
  --color: var(--hop-Button-secondary-color);
679
686
  --border: var(--hop-Button-secondary-border);
680
687
  }
681
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
688
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
682
689
  --background-color: var(--hop-Button-upsell-background-color);
683
690
  --color: var(--hop-Button-upsell-color);
684
691
  --border: var(--hop-Button-upsell-border);
685
692
  }
686
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
693
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
687
694
  --background-color: var(--hop-Button-danger-background-color);
688
695
  --color: var(--hop-Button-danger-color);
689
696
  --border: var(--hop-Button-danger-border);
690
697
  }
691
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
698
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
692
699
  --background-color: var(--hop-Button-ghost-primary-background-color);
693
700
  --color: var(--hop-Button-ghost-primary-color);
694
701
  --border: var(--hop-Button-ghost-primary-border);
695
702
  --text-underline: none;
696
703
  }
697
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
704
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
698
705
  --background-color: var(--hop-Button-ghost-secondary-background-color);
699
706
  --color: var(--hop-Button-ghost-secondary-color);
700
707
  --border: var(--hop-Button-ghost-secondary-border);
701
708
  --text-underline: none;
702
709
  }
703
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
710
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
704
711
  --background-color: var(--hop-Button-ghost-danger-background-color);
705
712
  --color: var(--hop-Button-ghost-danger-color);
706
713
  --border: var(--hop-Button-ghost-danger-border);
707
714
  --text-underline: none;
708
715
  }
709
- .Button-module__hop-Button__Spinner___310hA {
716
+ .Button-module__hop-Button__Spinner___Aydmf {
710
717
  position: absolute;
711
718
  color: var(--spinner-color);
712
719
  }
713
- .Button-module__hop-Button__icon___YbJeU,
714
- .Button-module__hop-Button__icon-list___w8gX0 {
720
+ .Button-module__hop-Button__icon___3H1Sb,
721
+ .Button-module__hop-Button__icon-list___iWElA {
715
722
  flex: 0 0 auto;
716
723
  justify-self: end;
717
724
  order: 1;
718
725
  }
719
- .Button-module__hop-Button__text___HL8Dk {
726
+ .Button-module__hop-Button__text___ZFtXo {
720
727
  user-select: none;
721
728
  overflow: visible;
722
729
  flex: 0 1 auto;
@@ -726,60 +733,60 @@
726
733
  text-underline-offset: 0.125rem;
727
734
  text-wrap: nowrap;
728
735
  }
729
- .Button-module__hop-Button__end-icon___y2Lq-,
730
- .Button-module__hop-Button__end-icon-list___CTkAY {
736
+ .Button-module__hop-Button__end-icon___nOaCX,
737
+ .Button-module__hop-Button__end-icon-list___ge2sI {
731
738
  flex: 0 0 auto;
732
739
  order: 3;
733
740
  }
734
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
735
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
741
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
742
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
736
743
  flex-wrap: nowrap;
737
744
  }
738
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
745
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
739
746
  opacity: 0;
740
747
  }
741
748
 
742
749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
743
- .ButtonGroup-module__hop-ButtonGroup___U8kPM {
750
+ .ButtonGroup-module__hop-ButtonGroup___LQF3m {
744
751
  display: inline-flex;
745
752
  flex-wrap: nowrap;
746
753
  gap: var(--hop-space-inline-md);
747
754
  }
748
- .ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
755
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
749
756
  align-items: center;
750
757
  }
751
- .ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
758
+ .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
752
759
  flex-direction: column;
753
760
  gap: var(--hop-space-stack-md);
754
761
  justify-content: center;
755
762
  }
756
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
763
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
757
764
  align-items: flex-start;
758
765
  }
759
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
766
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
760
767
  align-items: center;
761
768
  }
762
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
769
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
763
770
  align-items: flex-end;
764
771
  }
765
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
772
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
766
773
  justify-content: flex-start;
767
774
  }
768
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
775
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
769
776
  justify-content: center;
770
777
  }
771
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
778
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
772
779
  justify-content: flex-end;
773
780
  }
774
- .ButtonGroup-module__hop-ButtonGroup--wrap___54QPw {
781
+ .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
775
782
  flex-wrap: wrap;
776
783
  }
777
- .ButtonGroup-module__hop-ButtonGroup--fluid___jt0SM {
784
+ .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
778
785
  inline-size: 100%;
779
786
  }
780
787
 
781
788
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
782
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug {
789
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
783
790
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
784
791
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
785
792
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -943,7 +950,7 @@
943
950
  outline: none;
944
951
  transition: color var(--transition);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug::before {
953
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
947
954
  content: "";
948
955
  position: absolute;
949
956
  inset-block-start: 50%;
@@ -956,284 +963,284 @@
956
963
  border-radius: var(--effect-border-radius);
957
964
  transition: background-color var(--transition);
958
965
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-square] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
960
967
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
963
970
  --inline-size: var(--hop-EmbeddedButton-md-width);
964
971
  --block-size: var(--hop-EmbeddedButton-md-height);
965
972
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
966
973
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
968
975
  --inline-size: var(--hop-EmbeddedButton-lg-width);
969
976
  --block-size: var(--hop-EmbeddedButton-lg-height);
970
977
  --focus-ring-offset: 0;
971
978
  }
972
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN::before {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
973
980
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
974
981
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
975
982
  }
976
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP::before {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
977
984
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
978
985
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
979
986
  }
980
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0 {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
981
988
  --color: var(--hop-EmbeddedButton-neutral-color);
982
989
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
983
990
  }
984
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
985
992
  --color: var(--hop-EmbeddedButton-subdued-color);
986
993
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
987
994
  }
988
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5 {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
989
996
  --color: var(--hop-EmbeddedButton-progress-color);
990
997
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
991
998
  }
992
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
993
1000
  --color: var(--hop-EmbeddedButton-positive-color);
994
1001
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
995
1002
  }
996
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3 {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
997
1004
  --color: var(--hop-EmbeddedButton-caution-color);
998
1005
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
999
1006
  }
1000
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
1001
1008
  --color: var(--hop-EmbeddedButton-negative-color);
1002
1009
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1003
1010
  }
1004
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
1005
1012
  --color: var(--hop-EmbeddedButton-option1-color);
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1007
1014
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
1009
1016
  --color: var(--hop-EmbeddedButton-option2-color);
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1011
1018
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
1013
1020
  --color: var(--hop-EmbeddedButton-option3-color);
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1015
1022
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
1017
1024
  --color: var(--hop-EmbeddedButton-option4-color);
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1019
1026
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1 {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
1021
1028
  --color: var(--hop-EmbeddedButton-option5-color);
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1023
1030
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5 {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
1025
1032
  --color: var(--hop-EmbeddedButton-option6-color);
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1027
1034
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-selected] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
1029
1036
  --color: var(--hop-EmbeddedButton-selected-color);
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1031
1038
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-focus-visible] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
1033
1040
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1034
1041
  outline-offset: var(--focus-ring-offset);
1035
1042
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-disabled] {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1037
1044
  cursor: not-allowed;
1038
1045
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1040
1047
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1041
1048
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1042
1049
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1044
1051
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1045
1052
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1046
1053
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1048
1055
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1049
1056
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1050
1057
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1052
1059
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1053
1060
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1054
1061
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1056
1063
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1057
1064
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1058
1065
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1060
1067
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1061
1068
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1062
1069
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1064
1071
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1065
1072
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1066
1073
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1068
1075
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1069
1076
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1070
1077
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1072
1079
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1073
1080
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1074
1081
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1076
1083
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1077
1084
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1078
1085
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1080
1087
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1081
1088
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1082
1089
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1084
1091
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1085
1092
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1086
1093
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1088
1095
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1089
1096
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1090
1097
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1092
1099
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1093
1100
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1094
1101
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1096
1103
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1097
1104
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1098
1105
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1100
1107
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1101
1108
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1102
1109
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1104
1111
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1105
1112
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1106
1113
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1108
1115
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1109
1116
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1110
1117
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1112
1119
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1113
1120
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1114
1121
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1116
1123
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1117
1124
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1118
1125
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1120
1127
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1121
1128
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1122
1129
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1124
1131
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1125
1132
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1126
1133
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1128
1135
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1129
1136
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1130
1137
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1132
1139
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1133
1140
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1134
1141
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1136
1143
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1137
1144
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1138
1145
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1140
1147
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1141
1148
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1142
1149
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1144
1151
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1145
1152
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1146
1153
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1148
1155
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1149
1156
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1150
1157
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-hovered] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1152
1159
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1153
1160
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1154
1161
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-focus-visible] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1156
1163
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1157
1164
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1158
1165
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-pressed] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1160
1167
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1161
1168
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1162
1169
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-disabled] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1164
1171
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1165
1172
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1166
1173
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-hovered] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1168
1175
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1169
1176
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1170
1177
  }
1171
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-focus-visible] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1172
1179
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1173
1180
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1174
1181
  }
1175
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-pressed] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1176
1183
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1177
1184
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1178
1185
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-disabled] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1180
1187
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1181
1188
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1182
1189
  }
1183
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-hovered] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1184
1191
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1185
1192
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1186
1193
  }
1187
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-focus-visible] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1188
1195
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1189
1196
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1190
1197
  }
1191
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-pressed] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1192
1199
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1193
1200
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1194
1201
  }
1195
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-disabled] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1196
1203
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1197
1204
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1198
1205
  }
1199
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-hovered] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1200
1207
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1201
1208
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1202
1209
  }
1203
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-focus-visible] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1204
1211
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1205
1212
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1206
1213
  }
1207
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-pressed] {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1208
1215
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1209
1216
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1210
1217
  }
1211
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-disabled] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1212
1219
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1213
1220
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1214
1221
  }
1215
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-hovered] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1216
1223
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1217
1224
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1218
1225
  }
1219
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-focus-visible] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1220
1227
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1221
1228
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1222
1229
  }
1223
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-pressed] {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1224
1231
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1225
1232
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1226
1233
  }
1227
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-disabled] {
1234
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1228
1235
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1229
1236
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1230
1237
  }
1231
- .EmbeddedButton-module__hop-EmbeddedButton__icon___BbHVZ {
1238
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1232
1239
  position: relative;
1233
1240
  }
1234
1241
 
1235
1242
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1236
- button.CloseButton-module__hop-CloseButton___fFfuS {
1243
+ button.CloseButton-module__hop-CloseButton___i-yPG {
1237
1244
  --hop-CloseButton-margin-top: 0rem;
1238
1245
  --hop-CloseButton-padding: 0rem;
1239
1246
  --hop-CloseButton-width: fit-content;
@@ -1245,7 +1252,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1245
1252
  }
1246
1253
 
1247
1254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1248
- .Button-module__hop-Button___ZPqlN {
1255
+ .Button-module__hop-Button___0Z1G- {
1249
1256
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1250
1257
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1251
1258
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1369,215 +1376,215 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1369
1376
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1370
1377
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1371
1378
  }
1372
- .Button-module__hop-Button--fluid___K97-Y {
1379
+ .Button-module__hop-Button--fluid___ocE9B {
1373
1380
  --inline-size: 100%;
1374
1381
  }
1375
- .Button-module__hop-Button--sm___VdVxi {
1382
+ .Button-module__hop-Button--sm___Iin1k {
1376
1383
  --block-size: var(--hop-Button-sm-height);
1377
1384
  --padding: var(--hop-Button-sm-padding);
1378
1385
  }
1379
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
1386
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1380
1387
  --padding: var(--hop-Button-ghost-sm-padding);
1381
1388
  }
1382
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
1389
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1383
1390
  --padding: var(--hop-Button-ghost-md-padding);
1384
1391
  }
1385
- .Button-module__hop-Button--icon-only___NMJIz {
1392
+ .Button-module__hop-Button--icon-only___aWeym {
1386
1393
  --column-gap: var(--hop-Button-icon-only-column-gap);
1387
1394
  --padding: var(--hop-Button-icon-only-padding);
1388
1395
  aspect-ratio: 1;
1389
1396
  }
1390
- .Button-module__hop-Button--primary___hVpe1 {
1397
+ .Button-module__hop-Button--primary___3Qmg3 {
1391
1398
  --background-color: var(--hop-Button-primary-background-color);
1392
1399
  --color: var(--hop-Button-primary-color);
1393
1400
  --border: var(--hop-Button-primary-border);
1394
1401
  --spinner-color: var(--hop-Button-primary-spinner-color);
1395
1402
  }
1396
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
1397
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
1403
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1404
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1398
1405
  --background-color: var(--hop-Button-primary-background-color-hover);
1399
1406
  --color: var(--hop-Button-primary-color-hover);
1400
1407
  --border: var(--hop-Button-primary-border-hover);
1401
1408
  }
1402
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
1409
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1403
1410
  --background-color: var(--hop-Button-primary-background-color-pressed);
1404
1411
  --color: var(--hop-Button-primary-color-pressed);
1405
1412
  --border: var(--hop-Button-primary-border-pressed);
1406
1413
  }
1407
- .Button-module__hop-Button--secondary___Gjg5h {
1414
+ .Button-module__hop-Button--secondary___u3qlM {
1408
1415
  --background-color: var(--hop-Button-secondary-background-color);
1409
1416
  --color: var(--hop-Button-secondary-color);
1410
1417
  --border: var(--hop-Button-secondary-border);
1411
1418
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1412
1419
  }
1413
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
1414
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
1420
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1421
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1415
1422
  --background-color: var(--hop-Button-secondary-background-color-hover);
1416
1423
  --color: var(--hop-Button-secondary-color-hover);
1417
1424
  --border: var(--hop-Button-secondary-border-hover);
1418
1425
  }
1419
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
1426
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1420
1427
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1421
1428
  --color: var(--hop-Button-secondary-color-pressed);
1422
1429
  --border: var(--hop-Button-secondary-border-pressed);
1423
1430
  }
1424
- .Button-module__hop-Button--upsell___j1HQ7 {
1431
+ .Button-module__hop-Button--upsell___Wa1Kb {
1425
1432
  --background-color: var(--hop-Button-upsell-background-color);
1426
1433
  --color: var(--hop-Button-upsell-color);
1427
1434
  --border: var(--hop-Button-upsell-border);
1428
1435
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1429
1436
  }
1430
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
1431
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
1437
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1438
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1432
1439
  --background-color: var(--hop-Button-upsell-background-color-hover);
1433
1440
  --color: var(--hop-Button-upsell-color-hover);
1434
1441
  --border: var(--hop-Button-upsell-border-hover);
1435
1442
  }
1436
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
1443
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1437
1444
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1438
1445
  --color: var(--hop-Button-upsell-color-pressed);
1439
1446
  --border: var(--hop-Button-upsell-border-pressed);
1440
1447
  }
1441
- .Button-module__hop-Button--danger___5VBlb {
1448
+ .Button-module__hop-Button--danger___de-7T {
1442
1449
  --background-color: var(--hop-Button-danger-background-color);
1443
1450
  --color: var(--hop-Button-danger-color);
1444
1451
  --border: var(--hop-Button-danger-border);
1445
1452
  --spinner-color: var(--hop-Button-danger-spinner-color);
1446
1453
  }
1447
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
1448
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
1454
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
1455
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1449
1456
  --background-color: var(--hop-Button-danger-background-color-hover);
1450
1457
  --color: var(--hop-Button-danger-color-hover);
1451
1458
  --border: var(--hop-Button-danger-border-hover);
1452
1459
  }
1453
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
1460
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
1454
1461
  --background-color: var(--hop-Button-danger-background-color-pressed);
1455
1462
  --color: var(--hop-Button-danger-color-pressed);
1456
1463
  --border: var(--hop-Button-danger-border-pressed);
1457
1464
  }
1458
- .Button-module__hop-Button--ghost-primary___jdoVD {
1465
+ .Button-module__hop-Button--ghost-primary___f-GHo {
1459
1466
  --background-color: var(--hop-Button-ghost-primary-background-color);
1460
1467
  --color: var(--hop-Button-ghost-primary-color);
1461
1468
  --border: var(--hop-Button-ghost-primary-border);
1462
1469
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1463
1470
  }
1464
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
1465
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
1471
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1472
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1466
1473
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1467
1474
  --color: var(--hop-Button-ghost-primary-color-hover);
1468
1475
  --border: var(--hop-Button-ghost-primary-border-hover);
1469
1476
  --text-underline: underline;
1470
1477
  }
1471
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
1478
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1472
1479
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1473
1480
  --color: var(--hop-Button-ghost-primary-color-pressed);
1474
1481
  --border: var(--hop-Button-ghost-primary-border-pressed);
1475
1482
  --text-underline: underline;
1476
1483
  }
1477
- .Button-module__hop-Button--ghost-secondary___FIdYc {
1484
+ .Button-module__hop-Button--ghost-secondary___732dQ {
1478
1485
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1479
1486
  --color: var(--hop-Button-ghost-secondary-color);
1480
1487
  --border: var(--hop-Button-ghost-secondary-border);
1481
1488
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1482
1489
  }
1483
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
1484
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
1490
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1491
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1485
1492
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1486
1493
  --color: var(--hop-Button-ghost-secondary-color-hover);
1487
1494
  --border: var(--hop-Button-ghost-secondary-border-hover);
1488
1495
  --text-underline: underline;
1489
1496
  }
1490
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
1497
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1491
1498
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1492
1499
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1493
1500
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1494
1501
  --text-underline: underline;
1495
1502
  }
1496
- .Button-module__hop-Button--ghost-danger___hWB-b {
1503
+ .Button-module__hop-Button--ghost-danger___mXQFT {
1497
1504
  --background-color: var(--hop-Button-ghost-danger-background-color);
1498
1505
  --color: var(--hop-Button-ghost-danger-color);
1499
1506
  --border: var(--hop-Button-ghost-danger-border);
1500
1507
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1501
1508
  }
1502
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
1503
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
1509
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1510
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1504
1511
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1505
1512
  --color: var(--hop-Button-ghost-danger-color-hover);
1506
1513
  --border: var(--hop-Button-ghost-danger-border-hover);
1507
1514
  --text-underline: underline;
1508
1515
  }
1509
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
1516
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1510
1517
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1511
1518
  --color: var(--hop-Button-ghost-danger-color-pressed);
1512
1519
  --border: var(--hop-Button-ghost-danger-border-pressed);
1513
1520
  --text-underline: underline;
1514
1521
  }
1515
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
1522
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1516
1523
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1517
1524
  }
1518
- .Button-module__hop-Button___ZPqlN[data-disabled],
1519
- .Button-module__hop-Button--loading___BXVdp {
1525
+ .Button-module__hop-Button___0Z1G-[data-disabled],
1526
+ .Button-module__hop-Button--loading___3l487 {
1520
1527
  cursor: not-allowed;
1521
1528
  }
1522
- .Button-module__hop-Button___ZPqlN[data-disabled] {
1529
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
1523
1530
  --background-color: var(--hop-Button-background-color-disabled);
1524
1531
  --color: var(--hop-Button-color-disabled);
1525
1532
  --border: var(--hop-Button-border-disabled);
1526
1533
  }
1527
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
1534
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1528
1535
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1529
1536
  --color: var(--hop-Button-ghost-color-disabled);
1530
1537
  --border: var(--hop-Button-ghost-border-disabled);
1531
1538
  }
1532
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
1539
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1533
1540
  --background-color: var(--hop-Button-primary-background-color);
1534
1541
  --color: var(--hop-Button-primary-color);
1535
1542
  --border: var(--hop-Button-primary-border);
1536
1543
  }
1537
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
1544
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1538
1545
  --background-color: var(--hop-Button-secondary-background-color);
1539
1546
  --color: var(--hop-Button-secondary-color);
1540
1547
  --border: var(--hop-Button-secondary-border);
1541
1548
  }
1542
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
1549
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1543
1550
  --background-color: var(--hop-Button-upsell-background-color);
1544
1551
  --color: var(--hop-Button-upsell-color);
1545
1552
  --border: var(--hop-Button-upsell-border);
1546
1553
  }
1547
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
1554
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1548
1555
  --background-color: var(--hop-Button-danger-background-color);
1549
1556
  --color: var(--hop-Button-danger-color);
1550
1557
  --border: var(--hop-Button-danger-border);
1551
1558
  }
1552
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
1559
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1553
1560
  --background-color: var(--hop-Button-ghost-primary-background-color);
1554
1561
  --color: var(--hop-Button-ghost-primary-color);
1555
1562
  --border: var(--hop-Button-ghost-primary-border);
1556
1563
  --text-underline: none;
1557
1564
  }
1558
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
1565
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1559
1566
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1560
1567
  --color: var(--hop-Button-ghost-secondary-color);
1561
1568
  --border: var(--hop-Button-ghost-secondary-border);
1562
1569
  --text-underline: none;
1563
1570
  }
1564
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
1571
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1565
1572
  --background-color: var(--hop-Button-ghost-danger-background-color);
1566
1573
  --color: var(--hop-Button-ghost-danger-color);
1567
1574
  --border: var(--hop-Button-ghost-danger-border);
1568
1575
  --text-underline: none;
1569
1576
  }
1570
- .Button-module__hop-Button__Spinner___310hA {
1577
+ .Button-module__hop-Button__Spinner___Aydmf {
1571
1578
  position: absolute;
1572
1579
  color: var(--spinner-color);
1573
1580
  }
1574
- .Button-module__hop-Button__icon___YbJeU,
1575
- .Button-module__hop-Button__icon-list___w8gX0 {
1581
+ .Button-module__hop-Button__icon___3H1Sb,
1582
+ .Button-module__hop-Button__icon-list___iWElA {
1576
1583
  flex: 0 0 auto;
1577
1584
  justify-self: end;
1578
1585
  order: 1;
1579
1586
  }
1580
- .Button-module__hop-Button__text___HL8Dk {
1587
+ .Button-module__hop-Button__text___ZFtXo {
1581
1588
  user-select: none;
1582
1589
  overflow: visible;
1583
1590
  flex: 0 1 auto;
@@ -1587,57 +1594,330 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1587
1594
  text-underline-offset: 0.125rem;
1588
1595
  text-wrap: nowrap;
1589
1596
  }
1590
- .Button-module__hop-Button__end-icon___y2Lq-,
1591
- .Button-module__hop-Button__end-icon-list___CTkAY {
1597
+ .Button-module__hop-Button__end-icon___nOaCX,
1598
+ .Button-module__hop-Button__end-icon-list___ge2sI {
1592
1599
  flex: 0 0 auto;
1593
1600
  order: 3;
1594
1601
  }
1595
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
1596
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
1602
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1603
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1597
1604
  flex-wrap: nowrap;
1598
1605
  }
1599
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
1606
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1600
1607
  opacity: 0;
1601
1608
  }
1602
- .LinkButton-module__hop-LinkButton___N3nc0 {
1609
+ .LinkButton-module__hop-LinkButton___-WoGS {
1610
+ }
1611
+ .LinkButton-module__hop-LinkButton--fluid___dxw2A {
1612
+ }
1613
+ .LinkButton-module__hop-LinkButton--sm___OyTLF {
1614
+ }
1615
+ .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
1616
+ }
1617
+ .LinkButton-module__hop-LinkButton--primary___GqNpo {
1618
+ }
1619
+ .LinkButton-module__hop-LinkButton--secondary___Bekbp {
1620
+ }
1621
+ .LinkButton-module__hop-LinkButton--upsell___SKX6u {
1622
+ }
1623
+ .LinkButton-module__hop-LinkButton--danger___qDii5 {
1624
+ }
1625
+ .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
1626
+ }
1627
+ .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
1628
+ }
1629
+ .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
1630
+ }
1631
+ .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
1632
+ }
1633
+ .LinkButton-module__hop-LinkButton__icon___agTeu,
1634
+ .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
1635
+ }
1636
+ .LinkButton-module__hop-LinkButton__text___pBNkq {
1637
+ }
1638
+ .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
1639
+ .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1603
1640
  }
1604
- .LinkButton-module__hop-LinkButton--fluid___mJSQl {
1641
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
1642
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1643
+ flex-wrap: nowrap;
1644
+ }
1645
+
1646
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1647
+ .ToggleButton-module__hop-ToggleButton___oE-c4 {
1648
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1649
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1650
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1651
+ --hop-ToggleButton-icon-only-column-gap: 0;
1652
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
1653
+ --hop-ToggleButton-border-size: var(--hop-space-10);
1654
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1655
+ --hop-ToggleButton-icon-only-padding: 0;
1656
+ --hop-ToggleButton-sm-height: 2rem;
1657
+ --hop-ToggleButton-md-height: 2.5rem;
1658
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1659
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1660
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1661
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1662
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1663
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1664
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1665
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1666
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1667
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1668
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1669
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1670
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1671
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1672
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1673
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1674
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1675
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1676
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1677
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1678
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1679
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1680
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1681
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1682
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1683
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1684
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1685
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1686
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1687
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1688
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1689
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1690
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1691
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1692
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1693
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1694
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1695
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1696
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1697
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1698
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1699
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1700
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1701
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1702
+ --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
1703
+ --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
1704
+ --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
1705
+ --hop-ToggleButton-tertiary-background-color: transparent;
1706
+ --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
1707
+ --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
1708
+ --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
1709
+ --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
1710
+ --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
1711
+ --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
1712
+ --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
1713
+ --hop-ToggleButton-tertiary-background-color-disabled: transparent;
1714
+ --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
1715
+ --inline-size: max-content;
1716
+ --block-size: var(--hop-ToggleButton-md-height);
1717
+ --background-color: var(--hop-primary-surface-strong);
1718
+ --color: var(--hop-primary-text-strong);
1719
+ --column-gap: var(--hop-ToggleButton-column-gap);
1720
+ --spinner: var(--hop-primary-icon-strong);
1721
+ --border: 0;
1722
+ --padding: var(--hop-ToggleButton-md-padding);
1723
+ --text-underline: none;
1724
+ cursor: pointer;
1725
+ position: relative;
1726
+ overflow: hidden;
1727
+ display: flex;
1728
+ column-gap: var(--column-gap);
1729
+ align-items: center;
1730
+ justify-content: center;
1731
+ box-sizing: border-box;
1732
+ inline-size: var(--inline-size);
1733
+ block-size: var(--block-size);
1734
+ padding: var(--padding);
1735
+ color: var(--color);
1736
+ text-decoration: none;
1737
+ white-space: nowrap;
1738
+ background-color: var(--background-color);
1739
+ border: var(--border);
1740
+ border-radius: var(--hop-ToggleButton-border-radius);
1741
+ outline: none;
1742
+ outline-offset: var(--hop-ToggleButton-outline-size);
1743
+ transition:
1744
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1745
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1746
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1605
1747
  }
1606
- .LinkButton-module__hop-LinkButton--sm___D9mwg {
1748
+ .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
1749
+ --inline-size: 100%;
1607
1750
  }
1608
- .LinkButton-module__hop-LinkButton--icon-only___gJ4PG {
1751
+ .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
1752
+ --block-size: var(--hop-ToggleButton-sm-height);
1753
+ --padding: var(--hop-ToggleButton-sm-padding);
1609
1754
  }
1610
- .LinkButton-module__hop-LinkButton--primary___AJNa- {
1755
+ .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
1756
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1757
+ --padding: var(--hop-ToggleButton-icon-only-padding);
1758
+ aspect-ratio: 1;
1611
1759
  }
1612
- .LinkButton-module__hop-LinkButton--secondary___CxLPH {
1760
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk {
1761
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1762
+ --color: var(--hop-ToggleButton-primary-color);
1763
+ --border: var(--hop-ToggleButton-primary-border);
1764
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1765
+ }
1766
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
1767
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
1768
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1769
+ --color: var(--hop-ToggleButton-primary-color-hover);
1770
+ --border: var(--hop-ToggleButton-primary-border-hover);
1771
+ }
1772
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
1773
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1774
+ --color: var(--hop-ToggleButton-primary-color-pressed);
1775
+ --border: var(--hop-ToggleButton-primary-border-pressed);
1776
+ }
1777
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
1778
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1779
+ --color: var(--hop-ToggleButton-primary-color-selected);
1780
+ --border: var(--hop-ToggleButton-primary-border-selected);
1781
+ }
1782
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1783
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1784
+ --color: var(--hop-ToggleButton-secondary-color);
1785
+ --border: var(--hop-ToggleButton-secondary-border);
1786
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1787
+ }
1788
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
1789
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
1790
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1791
+ --color: var(--hop-ToggleButton-secondary-color-hover);
1792
+ --border: var(--hop-ToggleButton-secondary-border-hover);
1793
+ }
1794
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
1795
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1796
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
1797
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
1798
+ }
1799
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
1800
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1801
+ --color: var(--hop-ToggleButton-secondary-color-selected);
1802
+ --border: var(--hop-ToggleButton-secondary-border-selected);
1803
+ }
1804
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1805
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1806
+ --color: var(--hop-ToggleButton-upsell-color);
1807
+ --border: var(--hop-ToggleButton-upsell-border);
1808
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1809
+ }
1810
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
1811
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
1812
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1813
+ --color: var(--hop-ToggleButton-upsell-color-hover);
1814
+ --border: var(--hop-ToggleButton-upsell-border-hover);
1815
+ }
1816
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
1817
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1818
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
1819
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
1820
+ }
1821
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
1822
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1823
+ --color: var(--hop-ToggleButton-upsell-color-selected);
1824
+ --border: var(--hop-ToggleButton-upsell-border-selected);
1825
+ }
1826
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1827
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1828
+ --color: var(--hop-ToggleButton-tertiary-color);
1829
+ --border: var(--hop-ToggleButton-tertiary-border);
1830
+ --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
1831
+ }
1832
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
1833
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
1834
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
1835
+ --color: var(--hop-ToggleButton-tertiary-color-hover);
1836
+ --border: var(--hop-ToggleButton-tertiary-border-hover);
1837
+ --text-underline: underline;
1613
1838
  }
1614
- .LinkButton-module__hop-LinkButton--upsell___ika2M {
1839
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
1840
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
1841
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
1842
+ --color: var(--hop-ToggleButton-tertiary-color-pressed);
1843
+ --border: var(--hop-ToggleButton-tertiary-border-pressed);
1615
1844
  }
1616
- .LinkButton-module__hop-LinkButton--danger___7K9U7 {
1845
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
1846
+ --text-underline: underline;
1617
1847
  }
1618
- .LinkButton-module__hop-LinkButton--ghost-primary___EgbKo {
1848
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
1849
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1619
1850
  }
1620
- .LinkButton-module__hop-LinkButton--ghost-secondary___sHQSh {
1851
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
1852
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
1853
+ cursor: not-allowed;
1621
1854
  }
1622
- .LinkButton-module__hop-LinkButton--ghost-danger___oALe- {
1855
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
1856
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
1857
+ --color: var(--hop-ToggleButton-color-disabled);
1858
+ --border: var(--hop-ToggleButton-border-disabled);
1859
+ }
1860
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
1861
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
1862
+ --color: var(--hop-ToggleButton-tertiary-color-disabled);
1863
+ --border: var(--hop-ToggleButton-tertiary-border-disabled);
1864
+ }
1865
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
1866
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1867
+ --color: var(--hop-ToggleButton-primary-color);
1868
+ --border: var(--hop-ToggleButton-primary-border);
1869
+ }
1870
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1871
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1872
+ --color: var(--hop-ToggleButton-secondary-color);
1873
+ --border: var(--hop-ToggleButton-secondary-border);
1874
+ }
1875
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1876
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1877
+ --color: var(--hop-ToggleButton-upsell-color);
1878
+ --border: var(--hop-ToggleButton-upsell-border);
1879
+ }
1880
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1881
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1882
+ --color: var(--hop-ToggleButton-tertiary-color);
1883
+ --border: var(--hop-ToggleButton-tertiary-border);
1884
+ --text-underline: none;
1623
1885
  }
1624
- .LinkButton-module__hop-LinkButton__Spinner___qT9rt {
1886
+ .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
1887
+ position: absolute;
1888
+ color: var(--spinner-color);
1625
1889
  }
1626
- .LinkButton-module__hop-LinkButton__icon___T-YW5,
1627
- .LinkButton-module__hop-LinkButton__icon-list___hekki {
1890
+ .ToggleButton-module__hop-ToggleButton__icon___9MF68,
1891
+ .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
1892
+ flex: 0 0 auto;
1893
+ justify-self: end;
1894
+ order: 1;
1628
1895
  }
1629
- .LinkButton-module__hop-LinkButton__text___R7z5h {
1896
+ .ToggleButton-module__hop-ToggleButton__text___dDxdD {
1897
+ user-select: none;
1898
+ overflow: visible;
1899
+ flex: 0 1 auto;
1900
+ order: 2;
1901
+ font-weight: var(--hop-font-weight-505);
1902
+ text-decoration: var(--text-underline);
1903
+ text-underline-offset: 0.125rem;
1904
+ text-wrap: nowrap;
1630
1905
  }
1631
- .LinkButton-module__hop-LinkButton__end-icon___IMzH0,
1632
- .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
1906
+ .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
1907
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1908
+ flex: 0 0 auto;
1909
+ order: 3;
1633
1910
  }
1634
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__icon-list___hekki,
1635
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
1911
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
1912
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1636
1913
  flex-wrap: nowrap;
1637
1914
  }
1915
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
1916
+ opacity: 0;
1917
+ }
1638
1918
 
1639
1919
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1640
- .HopperProvider-module__hop-HopperProvider___2NQJm {
1920
+ .HopperProvider-module__hop-HopperProvider___0oWjx {
1641
1921
  font-family: var(--hop-body-md-font-family);
1642
1922
  font-size: var(--hop-body-md-font-size);
1643
1923
  font-weight: var(--hop-body-md-font-weight);
@@ -1647,7 +1927,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1647
1927
  }
1648
1928
 
1649
1929
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1650
- .Link-module__hop-Link___0LyLe {
1930
+ .Link-module__hop-Link___zN0GU {
1651
1931
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1652
1932
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1653
1933
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1707,130 +1987,130 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1707
1987
  outline: none;
1708
1988
  outline-offset: 0.125rem;
1709
1989
  }
1710
- :where(.Link-module__hop-Link___0LyLe) {
1990
+ :where(.Link-module__hop-Link___zN0GU) {
1711
1991
  font-family: var(--font-family);
1712
1992
  font-size: var(--font-size);
1713
1993
  font-weight: var(--font-weight);
1714
1994
  line-height: var(--line-height);
1715
1995
  }
1716
- :where(.Link-module__hop-Link--xs___9aIEA) {
1996
+ :where(.Link-module__hop-Link--xs___ABclH) {
1717
1997
  --font-size: var(--hop-Link-xs-font-size);
1718
1998
  --font-family: var(--hop-Link-xs-font-family);
1719
1999
  --font-weight: var(--hop-Link-xs-font-weight);
1720
2000
  --line-height: var(--hop-Link-xs-line-height);
1721
2001
  }
1722
- :where(.Link-module__hop-Link--sm___LfRYy) {
2002
+ :where(.Link-module__hop-Link--sm___6euWI) {
1723
2003
  --font-size: var(--hop-Link-sm-font-size);
1724
2004
  --font-family: var(--hop-Link-sm-font-family);
1725
2005
  --font-weight: var(--hop-Link-sm-font-weight);
1726
2006
  --line-height: var(--hop-Link-sm-line-height);
1727
2007
  }
1728
- :where(.Link-module__hop-Link--md___nzmu9) {
2008
+ :where(.Link-module__hop-Link--md___-4wx-) {
1729
2009
  --font-size: var(--hop-Link-md-font-size);
1730
2010
  --font-family: var(--hop-Link-md-font-family);
1731
2011
  --font-weight: var(--hop-Link-md-font-weight);
1732
2012
  --line-height: var(--hop-Link-md-line-height);
1733
2013
  }
1734
- :where(.Link-module__hop-Link--lg___RS4Xr) {
2014
+ :where(.Link-module__hop-Link--lg___r5ujq) {
1735
2015
  --font-size: var(--hop-Link-lg-font-size);
1736
2016
  --font-family: var(--hop-Link-lg-font-family);
1737
2017
  --font-weight: var(--hop-Link-lg-font-weight);
1738
2018
  --line-height: var(--hop-Link-lg-line-height);
1739
2019
  }
1740
- :where(.Link-module__hop-Link--xl___B0s8f) {
2020
+ :where(.Link-module__hop-Link--xl___ntD7P) {
1741
2021
  --font-size: var(--hop-Link-xl-font-size);
1742
2022
  --font-family: var(--hop-Link-xl-font-family);
1743
2023
  --font-weight: var(--hop-Link-xl-font-weight);
1744
2024
  --line-height: var(--hop-Link-xl-line-height);
1745
2025
  }
1746
- :where(.Link-module__hop-Link--2xl___84ayj) {
2026
+ :where(.Link-module__hop-Link--2xl___tluwP) {
1747
2027
  --font-size: var(--hop-Link-2xl-font-size);
1748
2028
  --font-family: var(--hop-Link-2xl-font-family);
1749
2029
  --font-weight: var(--hop-Link-2xl-font-weight);
1750
2030
  --line-height: var(--hop-Link-2xl-line-height);
1751
2031
  }
1752
- :where(.Link-module__hop-Link--inherit___qijuu) {
2032
+ :where(.Link-module__hop-Link--inherit___RyQa4) {
1753
2033
  --font-size: var(--hop-Link-inherit-size-font-size);
1754
2034
  --font-family: var(--hop-Link-inherit-size-font-family);
1755
2035
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1756
2036
  --line-height: var(--hop-Link-inherit-size-line-height);
1757
2037
  }
1758
- .Link-module__hop-Link___0LyLe[data-focus-visible] {
2038
+ .Link-module__hop-Link___zN0GU[data-focus-visible] {
1759
2039
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1760
2040
  }
1761
- .Link-module__hop-Link___0LyLe[data-disabled] {
2041
+ .Link-module__hop-Link___zN0GU[data-disabled] {
1762
2042
  cursor: default;
1763
2043
  }
1764
- .Link-module__hop-Link--standalone___CUe-L .Link-module__hop-Link__text___wtntQ {
2044
+ .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
1765
2045
  padding: var(--hop-Link-padding-standalone);
1766
2046
  }
1767
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--xs___9aIEA .Link-module__hop-Link__text___wtntQ {
2047
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
1768
2048
  padding: var(--hop-Link-padding-standalone-xs);
1769
2049
  }
1770
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--sm___LfRYy .Link-module__hop-Link__text___wtntQ {
2050
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
1771
2051
  padding: var(--hop-Link-padding-standalone-sm);
1772
2052
  }
1773
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--md___nzmu9 .Link-module__hop-Link__text___wtntQ {
2053
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
1774
2054
  padding: var(--hop-Link-padding-standalone-md);
1775
2055
  }
1776
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--lg___RS4Xr .Link-module__hop-Link__text___wtntQ {
2056
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
1777
2057
  padding: var(--hop-Link-padding-standalone-lg);
1778
2058
  }
1779
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--xl___B0s8f .Link-module__hop-Link__text___wtntQ {
2059
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
1780
2060
  padding: var(--hop-Link-padding-standalone-xl);
1781
2061
  }
1782
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--2xl___84ayj .Link-module__hop-Link__text___wtntQ {
2062
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
1783
2063
  padding: var(--hop-Link-padding-standalone-2xl);
1784
2064
  }
1785
- .Link-module__hop-Link--quiet___hbVzy[data-focus-visible],
1786
- .Link-module__hop-Link--quiet___hbVzy[data-hovered],
1787
- .Link-module__hop-Link--standalone___CUe-L[data-focus-visible],
1788
- .Link-module__hop-Link--standalone___CUe-L[data-hovered] {
2065
+ .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
2066
+ .Link-module__hop-Link--quiet___p89Vc[data-hovered],
2067
+ .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
2068
+ .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
1789
2069
  text-decoration: underline;
1790
2070
  }
1791
- .Link-module__hop-Link___0LyLe:not(.Link-module__hop-Link--quiet___hbVzy, .Link-module__hop-Link--standalone___CUe-L) {
2071
+ .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
1792
2072
  text-decoration: underline;
1793
2073
  }
1794
- .Link-module__hop-Link--primary___o-lxN {
2074
+ .Link-module__hop-Link--primary___o0ags {
1795
2075
  color: var(--hop-Link-primary-text-color);
1796
2076
  }
1797
- .Link-module__hop-Link--primary___o-lxN[data-disabled] {
2077
+ .Link-module__hop-Link--primary___o0ags[data-disabled] {
1798
2078
  color: var(--hop-Link-primary-text-disabled-color);
1799
2079
  }
1800
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-focus-visible],
1801
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-hovered] {
2080
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
2081
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
1802
2082
  color: var(--hop-Link-primary-text-hover-color);
1803
2083
  }
1804
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-pressed] {
2084
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
1805
2085
  color: var(--hop-Link-primary-text-pressed-color);
1806
2086
  }
1807
- .Link-module__hop-Link--secondary___YZ-J7 {
2087
+ .Link-module__hop-Link--secondary___jcpD5 {
1808
2088
  color: var(--hop-Link-neutral-text-color);
1809
2089
  }
1810
- .Link-module__hop-Link--secondary___YZ-J7[data-disabled] {
2090
+ .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
1811
2091
  color: var(--hop-Link-neutral-text-disabled-color);
1812
2092
  }
1813
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-focus-visible],
1814
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-hovered] {
2093
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
2094
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
1815
2095
  color: var(--hop-Link-neutral-text-hover-color);
1816
2096
  }
1817
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-pressed] {
2097
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
1818
2098
  color: var(--hop-Link-neutral-text-pressed-color);
1819
2099
  }
1820
- .Link-module__hop-Link__icon___Y2Dkw,
1821
- .Link-module__hop-Link__icon-list___uaGHu {
2100
+ .Link-module__hop-Link__icon___N8Pvt,
2101
+ .Link-module__hop-Link__icon-list___jgYl- {
1822
2102
  order: 2;
1823
2103
  }
1824
- .Link-module__hop-Link__text___wtntQ {
2104
+ .Link-module__hop-Link__text___9BuwZ {
1825
2105
  order: 1;
1826
2106
  }
1827
- .Link-module__hop-Link__start-icon___r8Z46,
1828
- .Link-module__hop-Link__start-icon-list___B4G-Q {
2107
+ .Link-module__hop-Link__start-icon___GOMwu,
2108
+ .Link-module__hop-Link__start-icon-list___P72wB {
1829
2109
  order: 0;
1830
2110
  }
1831
2111
 
1832
2112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1833
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG {
2113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
1834
2114
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1835
2115
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1836
2116
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1861,46 +2141,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1861
2141
  background-color: var(--background-color);
1862
2142
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1863
2143
  }
1864
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___P4871 {
2144
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
1865
2145
  --size: var(--hop-RichIconAvatarImage-xs-size);
1866
2146
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1867
2147
  }
1868
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RasWJ {
2148
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
1869
2149
  --size: var(--hop-RichIconAvatarImage-sm-size);
1870
2150
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1871
2151
  }
1872
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Dz4pU {
2152
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
1873
2153
  --size: var(--hop-RichIconAvatarImage-md-size);
1874
2154
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1875
2155
  }
1876
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OH-gD {
2156
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
1877
2157
  --size: var(--hop-RichIconAvatarImage-lg-size);
1878
2158
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1879
2159
  }
1880
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___PUJ3C {
2160
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
1881
2161
  --size: var(--hop-RichIconAvatarImage-xl-size);
1882
2162
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1883
2163
  }
1884
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PFE3 {
2164
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
1885
2165
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1886
2166
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1887
2167
  }
1888
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] {
2168
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
1889
2169
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1890
2170
  }
1891
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
2171
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1892
2172
  position: relative;
1893
2173
  display: block;
1894
2174
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1895
2175
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1896
2176
  }
1897
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
2177
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1898
2178
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1899
2179
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1900
2180
  }
1901
2181
 
1902
2182
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1903
- .Avatar-module__hop-Avatar___UK5w- {
2183
+ .Avatar-module__hop-Avatar___sOX9A {
1904
2184
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1905
2185
  --hop-Avatar-mix-blend-mode: normal;
1906
2186
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1945,67 +2225,67 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1945
2225
  background-color: var(--background-color, transparent);
1946
2226
  border-radius: var(--hop-Avatar-border-radius);
1947
2227
  }
1948
- .Avatar-module__hop-Avatar--xs___kGlrt {
2228
+ .Avatar-module__hop-Avatar--xs___i1aUW {
1949
2229
  --size: var(--hop-Avatar-xs-size);
1950
2230
  }
1951
- .Avatar-module__hop-Avatar--sm___d9LVJ {
2231
+ .Avatar-module__hop-Avatar--sm___nwUvL {
1952
2232
  --size: var(--hop-Avatar-sm-size);
1953
2233
  }
1954
- .Avatar-module__hop-Avatar--md___rKLQC {
2234
+ .Avatar-module__hop-Avatar--md___uyw33 {
1955
2235
  --size: var(--hop-Avatar-md-size);
1956
2236
  }
1957
- .Avatar-module__hop-Avatar--lg___VadBR {
2237
+ .Avatar-module__hop-Avatar--lg___Mui78 {
1958
2238
  --size: var(--hop-Avatar-lg-size);
1959
2239
  }
1960
- .Avatar-module__hop-Avatar--xl___cG4AH {
2240
+ .Avatar-module__hop-Avatar--xl___hHaUG {
1961
2241
  --size: var(--hop-Avatar-xl-size);
1962
2242
  }
1963
- .Avatar-module__hop-Avatar--2xl___gYpb7 {
2243
+ .Avatar-module__hop-Avatar--2xl___pqrQN {
1964
2244
  --size: var(--hop-Avatar-2xl-size);
1965
2245
  }
1966
- .Avatar-module__hop-Avatar--decorative-option1___rPJY3 {
2246
+ .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
1967
2247
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1968
2248
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1969
2249
  }
1970
- .Avatar-module__hop-Avatar--decorative-option2___wGv-I {
2250
+ .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
1971
2251
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1972
2252
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1973
2253
  }
1974
- .Avatar-module__hop-Avatar--decorative-option3___B4LtG {
2254
+ .Avatar-module__hop-Avatar--decorative-option3___vCyti {
1975
2255
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1976
2256
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1977
2257
  }
1978
- .Avatar-module__hop-Avatar--decorative-option4___AMRxq {
2258
+ .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
1979
2259
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1980
2260
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1981
2261
  }
1982
- .Avatar-module__hop-Avatar--decorative-option5___q-beY {
2262
+ .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
1983
2263
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1984
2264
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1985
2265
  }
1986
- .Avatar-module__hop-Avatar--decorative-option6___zR-1U {
2266
+ .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
1987
2267
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1988
2268
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1989
2269
  }
1990
- .Avatar-module__hop-Avatar--decorative-option7___V7lf3 {
2270
+ .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
1991
2271
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1992
2272
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1993
2273
  }
1994
- .Avatar-module__hop-Avatar--decorative-option8___M6MKQ {
2274
+ .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
1995
2275
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1996
2276
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1997
2277
  }
1998
- .Avatar-module__hop-Avatar--decorative-option9___IlUqF {
2278
+ .Avatar-module__hop-Avatar--decorative-option9___en8-c {
1999
2279
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2000
2280
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2001
2281
  }
2002
- .Avatar-module__hop-Avatar___UK5w-[data-disabled] {
2282
+ .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
2003
2283
  --background-color: var(--hop-Avatar-background-color-disabled);
2004
2284
  --text-color: var(--hop-Avatar-text-color-disabled);
2005
2285
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2006
2286
  isolation: isolate;
2007
2287
  }
2008
- .Avatar-module__hop-Avatar__image___JwMgS {
2288
+ .Avatar-module__hop-Avatar__image___aGfAg {
2009
2289
  position: relative;
2010
2290
  display: block;
2011
2291
  box-sizing: border-box;
@@ -2016,7 +2296,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2016
2296
  }
2017
2297
 
2018
2298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2019
- .Tooltip-module__hop-Tooltip___P0P5e {
2299
+ .Tooltip-module__hop-Tooltip___nVbS- {
2020
2300
  --hop-Tooltip-max-inline-size: 20rem;
2021
2301
  --hop-Tooltip-slide-amount: 0.25rem;
2022
2302
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2043,29 +2323,29 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2043
2323
  border-radius: var(--hop-Tooltip-border-radius);
2044
2324
  box-shadow: var(--hop-Tooltip-box-shadow);
2045
2325
  }
2046
- .Tooltip-module__hop-Tooltip--top___ZfA-q {
2326
+ .Tooltip-module__hop-Tooltip--top___0Picg {
2047
2327
  --origin-x: 0;
2048
2328
  --origin-y: var(--hop-Tooltip-slide-amount);
2049
2329
  }
2050
- .Tooltip-module__hop-Tooltip--right___zw45r {
2330
+ .Tooltip-module__hop-Tooltip--right___J7XGb {
2051
2331
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2052
2332
  --origin-y: 0;
2053
2333
  }
2054
- .Tooltip-module__hop-Tooltip--bottom___dlSjn {
2334
+ .Tooltip-module__hop-Tooltip--bottom___apr36 {
2055
2335
  --origin-x: 0;
2056
2336
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2057
2337
  }
2058
- .Tooltip-module__hop-Tooltip--left___IRimW {
2338
+ .Tooltip-module__hop-Tooltip--left___98KWK {
2059
2339
  --origin-x: var(--hop-Tooltip-slide-amount);
2060
2340
  --origin-y: 0;
2061
2341
  }
2062
- .Tooltip-module__hop-Tooltip___P0P5e[data-entering] {
2063
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-out;
2342
+ .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2343
+ animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2064
2344
  }
2065
- .Tooltip-module__hop-Tooltip___P0P5e[data-exiting] {
2066
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-in reverse;
2345
+ .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2346
+ animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2067
2347
  }
2068
- @keyframes Tooltip-module__slide___Wdi5R {
2348
+ @keyframes Tooltip-module__slide___COczJ {
2069
2349
  from {
2070
2350
  transform: translate(var(--origin-x), var(--origin-y));
2071
2351
  opacity: 0;
@@ -2077,44 +2357,44 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2077
2357
  }
2078
2358
 
2079
2359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2080
- .AvatarGroup-module__hop-AvatarGroup___iEI3W {
2360
+ .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2081
2361
  --hop-AvatarGroup-display: flex;
2082
2362
  --hop-AvatarGroup-align-items: center;
2083
2363
  display: var(--hop-AvatarGroup-display);
2084
2364
  align-items: var(--hop-AvatarGroup-align-items);
2085
2365
  }
2086
- .AvatarGroup-module__hop-AvatarGroup--wrap___UQFjo {
2366
+ .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2087
2367
  flex-wrap: wrap;
2088
2368
  }
2089
- .AvatarGroup-module__hop-AvatarGroup--xs___2bo4Q {
2369
+ .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2090
2370
  --gap: -0.125rem;
2091
2371
  }
2092
- .AvatarGroup-module__hop-AvatarGroup--sm___jxRGB {
2372
+ .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2093
2373
  --gap: -0.25rem;
2094
2374
  }
2095
- .AvatarGroup-module__hop-AvatarGroup--md___o9-ff {
2375
+ .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2096
2376
  --gap: -0.5rem;
2097
2377
  }
2098
- .AvatarGroup-module__hop-AvatarGroup--lg___5tURN {
2378
+ .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2099
2379
  --gap: -1rem;
2100
2380
  }
2101
- .AvatarGroup-module__hop-AvatarGroup--xl___amVob {
2381
+ .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2102
2382
  --gap: -1rem;
2103
2383
  }
2104
- .AvatarGroup-module__hop-AvatarGroup--2xl___Rj8b8 {
2384
+ .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2105
2385
  --gap: -2rem;
2106
2386
  }
2107
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
2387
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2108
2388
  margin-inline-start: var(--gap);
2109
2389
  transition: margin var(--hop-easing-duration-2);
2110
2390
  }
2111
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
2391
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2112
2392
  margin-inline-start: 0;
2113
2393
  }
2114
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:first-child {
2394
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2115
2395
  margin-inline-start: 0;
2116
2396
  }
2117
- .AvatarGroup-module__hop-AvatarGroup__label___9YEzQ {
2397
+ .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2118
2398
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2119
2399
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2120
2400
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2126,7 +2406,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2126
2406
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2127
2407
  line-height: var(--hop-AvatarGroup-label-line-height);
2128
2408
  }
2129
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ- {
2409
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2130
2410
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2131
2411
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2132
2412
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2144,21 +2424,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2144
2424
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2145
2425
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2146
2426
  }
2147
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ-:not(:last-child) {
2427
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2148
2428
  margin-block-end: 0.25rem;
2149
2429
  }
2150
- .AvatarGroup-module__hop-AvatarGroup--start___BnTP1 {
2430
+ .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2151
2431
  justify-content: flex-start;
2152
2432
  }
2153
- .AvatarGroup-module__hop-AvatarGroup--end___OSrjF {
2433
+ .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
2154
2434
  justify-content: flex-end;
2155
2435
  }
2156
- .AvatarGroup-module__hop-AvatarGroup--center___Lo2Cv {
2436
+ .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
2157
2437
  justify-content: center;
2158
2438
  }
2159
2439
 
2160
2440
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2161
- .Badge-module__hop-Badge___lPpFg {
2441
+ .Badge-module__hop-Badge___zgMp1 {
2162
2442
  --hop-Badge-height: 1.5rem;
2163
2443
  --hop-Badge-width: max-content;
2164
2444
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2208,67 +2488,67 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2208
2488
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2209
2489
  border-radius: var(--border-radius);
2210
2490
  }
2211
- .Badge-module__hop-Badge--primary___u6qz3 {
2491
+ .Badge-module__hop-Badge--primary___FtMRN {
2212
2492
  --background-color: var(--hop-Badge-primary-background-color);
2213
2493
  --text-color: var(--hop-Badge-primary-text-color);
2214
2494
  }
2215
- .Badge-module__hop-Badge--primary___u6qz3[data-hovered] {
2495
+ .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
2216
2496
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2217
2497
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2218
2498
  }
2219
- .Badge-module__hop-Badge--primary___u6qz3[data-pressed] {
2499
+ .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
2220
2500
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2221
2501
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2222
2502
  }
2223
- .Badge-module__hop-Badge--primary___u6qz3[data-selected] {
2503
+ .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
2224
2504
  --background-color: var(--hop-Badge-primary-background-color-selected);
2225
2505
  --text-color: var(--hop-Badge-primary-text-color-selected);
2226
2506
  }
2227
- .Badge-module__hop-Badge--secondary___wqxKv {
2507
+ .Badge-module__hop-Badge--secondary___mIP5m {
2228
2508
  --background-color: var(--hop-Badge-secondary-background-color);
2229
2509
  --text-color: var(--hop-Badge-secondary-text-color);
2230
2510
  }
2231
- .Badge-module__hop-Badge--secondary___wqxKv[data-hovered] {
2511
+ .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
2232
2512
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2233
2513
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2234
2514
  }
2235
- .Badge-module__hop-Badge--secondary___wqxKv[data-pressed] {
2515
+ .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
2236
2516
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2237
2517
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2238
2518
  }
2239
- .Badge-module__hop-Badge--secondary___wqxKv[data-selected] {
2519
+ .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
2240
2520
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2241
2521
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2242
2522
  }
2243
- .Badge-module__hop-Badge--subdued___BgfRB {
2523
+ .Badge-module__hop-Badge--subdued___8iY3E {
2244
2524
  --background-color: var(--hop-Badge-subdued-background-color);
2245
2525
  --text-color: var(--hop-Badge-subdued-text-color);
2246
2526
  }
2247
- .Badge-module__hop-Badge--subdued___BgfRB[data-hovered] {
2527
+ .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
2248
2528
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2249
2529
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2250
2530
  }
2251
- .Badge-module__hop-Badge--subdued___BgfRB[data-pressed] {
2531
+ .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
2252
2532
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2253
2533
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2254
2534
  }
2255
- .Badge-module__hop-Badge--subdued___BgfRB[data-selected] {
2535
+ .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
2256
2536
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2257
2537
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2258
2538
  }
2259
- .Badge-module__hop-Badge___lPpFg[data-indeterminate] {
2539
+ .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
2260
2540
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2261
2541
  --height: var(--hop-Badge-indeterminate-height);
2262
2542
  --width: var(--hop-Badge-indeterminate-width);
2263
2543
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2264
2544
  }
2265
- .Badge-module__hop-Badge___lPpFg[data-disabled] {
2545
+ .Badge-module__hop-Badge___zgMp1[data-disabled] {
2266
2546
  --background-color: var(--hop-Badge-background-color-disabled);
2267
2547
  --text-color: var(--hop-Badge-text-color-disabled);
2268
2548
  }
2269
2549
 
2270
2550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2271
- .FloatingBadge-module__hop-FloatingBadge___KvZf7 {
2551
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j {
2272
2552
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2273
2553
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2274
2554
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2309,7 +2589,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2309
2589
  box-sizing: border-box;
2310
2590
  inline-size: max-content;
2311
2591
  }
2312
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"] {
2592
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
2313
2593
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2314
2594
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2315
2595
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2317,11 +2597,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2317
2597
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2318
2598
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2319
2599
  }
2320
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"][data-overlap=circular] {
2600
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
2321
2601
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2322
2602
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2323
2603
  }
2324
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"] {
2604
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
2325
2605
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2326
2606
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2327
2607
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2329,11 +2609,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2329
2609
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2330
2610
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2331
2611
  }
2332
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"][data-overlap=circular] {
2612
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
2333
2613
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2334
2614
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2335
2615
  }
2336
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"] {
2616
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
2337
2617
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2338
2618
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2339
2619
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2341,11 +2621,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2341
2621
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2342
2622
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2343
2623
  }
2344
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"][data-overlap=circular] {
2624
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
2345
2625
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2346
2626
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2347
2627
  }
2348
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"] {
2628
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
2349
2629
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2350
2630
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2351
2631
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2353,11 +2633,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2353
2633
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2354
2634
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2355
2635
  }
2356
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"][data-overlap=circular] {
2636
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
2357
2637
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2358
2638
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2359
2639
  }
2360
- .FloatingBadge-module__hop-FloatingBadge__badge___dInkZ {
2640
+ .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
2361
2641
  position: absolute;
2362
2642
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2363
2643
  transform-origin: var(--badge-transform-origin);
@@ -2365,7 +2645,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2365
2645
  }
2366
2646
 
2367
2647
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2368
- .Checkbox-module__hop-Checkbox___owhpo {
2648
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2369
2649
  --hop-Checkbox-box-border-size: 0.0625rem;
2370
2650
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2371
2651
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2440,60 +2720,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2440
2720
  inline-size: max-content;
2441
2721
  max-inline-size: 100%;
2442
2722
  }
2443
- .Checkbox-module__hop-Checkbox___owhpo[data-focus-visible] {
2723
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2444
2724
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2445
2725
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2446
2726
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2447
2727
  --text-color: var(--hop-Checkbox-text-color-focused);
2448
2728
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2449
2729
  }
2450
- .Checkbox-module__hop-Checkbox___owhpo[data-hovered] {
2730
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2451
2731
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2452
2732
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2453
2733
  --text-color: var(--hop-Checkbox-text-color-hovered);
2454
2734
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2455
2735
  }
2456
- .Checkbox-module__hop-Checkbox___owhpo[data-pressed] {
2736
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2457
2737
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2458
2738
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2459
2739
  --text-color: var(--hop-Checkbox-text-color-pressed);
2460
2740
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2461
2741
  }
2462
- .Checkbox-module__hop-Checkbox___owhpo[data-selected] {
2742
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2463
2743
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2464
2744
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2465
2745
  --check-display: var(--hop-Checkbox-check-display-selected);
2466
2746
  --text-color: var(--hop-Checkbox-text-color-selected);
2467
2747
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2468
2748
  }
2469
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid] {
2749
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2470
2750
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2471
2751
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2472
2752
  --check-color: var(--hop-Checkbox-check-color-invalid);
2473
2753
  --text-color: var(--hop-Checkbox-text-color-invalid);
2474
2754
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2475
2755
  }
2476
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-focus-visible]) {
2756
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2477
2757
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2478
2758
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2479
2759
  }
2480
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-hovered]) {
2760
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2481
2761
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2482
2762
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2483
2763
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2484
2764
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2485
2765
  }
2486
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-pressed]) {
2766
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2487
2767
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2488
2768
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2489
2769
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2490
2770
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2491
2771
  }
2492
- .Checkbox-module__hop-Checkbox___owhpo:where([data-invalid])[data-selected] {
2772
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2493
2773
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2494
2774
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2495
2775
  }
2496
- .Checkbox-module__hop-Checkbox___owhpo[data-disabled] {
2776
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2497
2777
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2498
2778
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2499
2779
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2501,25 +2781,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2501
2781
  --text-color: var(--hop-Checkbox-text-color-disabled);
2502
2782
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2503
2783
  }
2504
- .Checkbox-module__hop-Checkbox--sm___0u9Ax {
2784
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2505
2785
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2506
2786
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2507
2787
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2508
2788
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2509
2789
  }
2510
- .Checkbox-module__hop-Checkbox--md___W0NWx {
2790
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2511
2791
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2512
2792
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2513
2793
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2514
2794
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2515
2795
  }
2516
- .Checkbox-module__hop-Checkbox__icon___A6Y0G,
2517
- .Checkbox-module__hop-Checkbox__icon-list___ev-oV {
2796
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
2797
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2518
2798
  flex: 0 0 auto;
2519
2799
  order: 3;
2520
2800
  color: var(--icon-color);
2521
2801
  }
2522
- .Checkbox-module__hop-Checkbox__box___1zfEu {
2802
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2523
2803
  display: flex;
2524
2804
  flex: 0 0 auto;
2525
2805
  align-items: center;
@@ -2535,11 +2815,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2535
2815
  outline-offset: 0.125rem;
2536
2816
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2537
2817
  }
2538
- .Checkbox-module__hop-Checkbox__check___lts9D {
2818
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2539
2819
  display: var(--check-display);
2540
2820
  color: var(--check-color);
2541
2821
  }
2542
- .Checkbox-module__hop-Checkbox__text___8vRlD {
2822
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2543
2823
  flex: 0 1 auto;
2544
2824
  order: 2;
2545
2825
  min-inline-size: 0;
@@ -2549,7 +2829,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2549
2829
  }
2550
2830
 
2551
2831
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2552
- .CheckboxField-module__hop-CheckboxField___nJ48U {
2832
+ .CheckboxField-module__hop-CheckboxField___Moz-- {
2553
2833
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2554
2834
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2555
2835
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2568,28 +2848,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2568
2848
  inline-size: max-content;
2569
2849
  max-inline-size: 100%;
2570
2850
  }
2571
- .CheckboxField-module__hop-CheckboxField___nJ48U[data-disabled] {
2851
+ .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
2572
2852
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2573
2853
  }
2574
- .CheckboxField-module__hop-CheckboxField--sm___M5mq- {
2854
+ .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
2575
2855
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2576
2856
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2577
2857
  }
2578
- .CheckboxField-module__hop-CheckboxField--md___-iccL {
2858
+ .CheckboxField-module__hop-CheckboxField--md___0I29B {
2579
2859
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2580
2860
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2581
2861
  }
2582
- .CheckboxField-module__hop-CheckboxField__description___-nZdA {
2862
+ .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
2583
2863
  order: 2;
2584
2864
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2585
2865
  color: var(--description-color);
2586
2866
  }
2587
- .CheckboxField-module__hop-CheckboxField__checkbox___BA-Lt {
2867
+ .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
2588
2868
  order: 1;
2589
2869
  }
2590
2870
 
2591
2871
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2592
- .ErrorMessage-module__hop-ErrorMessage___GOnja {
2872
+ .ErrorMessage-module__hop-ErrorMessage___V-yBH {
2593
2873
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2594
2874
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2595
2875
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2606,13 +2886,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2606
2886
  line-height: var(--hop-ErrorMessage-line-height);
2607
2887
  color: var(--hop-ErrorMessage-color);
2608
2888
  }
2609
- .ErrorMessage-module__hop-ErrorMessage__icon___quLAp {
2889
+ .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
2610
2890
  flex: 0 0 auto;
2611
2891
  align-self: flex-start;
2612
2892
  }
2613
2893
 
2614
2894
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2615
- .HelperMessage-module__hop-HelperMessage___-PNk8 {
2895
+ .HelperMessage-module__hop-HelperMessage___eMQ7m {
2616
2896
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2617
2897
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2618
2898
  display: flex;
@@ -2621,13 +2901,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2621
2901
  box-sizing: border-box;
2622
2902
  color: var(--hop-HelperMessage-color);
2623
2903
  }
2624
- .HelperMessage-module__hop-HelperMessage__icon___mhyT3 {
2904
+ .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
2625
2905
  flex: 0 0 auto;
2626
2906
  align-self: flex-start;
2627
2907
  }
2628
2908
 
2629
2909
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2630
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz {
2910
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
2631
2911
  --hop-CheckboxGroup-align-items: flex-start;
2632
2912
  --hop-CheckboxGroup-justify-content: flex-start;
2633
2913
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2666,46 +2946,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2666
2946
  inline-size: max-content;
2667
2947
  max-inline-size: 100%;
2668
2948
  }
2669
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5 {
2949
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
2670
2950
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2671
2951
  --list-border-radius: var(--hop-shape-rounded-md);
2672
2952
  }
2673
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Qefe- {
2953
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2674
2954
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2675
2955
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2676
2956
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2677
2957
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2678
2958
  }
2679
- .CheckboxGroup-module__hop-CheckboxGroup--md___6gQ1R {
2959
+ .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2680
2960
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2681
2961
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2682
2962
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2683
2963
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2684
2964
  }
2685
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5.CheckboxGroup-module__hop-CheckboxGroup--sm___Qefe- {
2965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2686
2966
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2687
2967
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2688
2968
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2689
2969
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2690
2970
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2691
2971
  }
2692
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5.CheckboxGroup-module__hop-CheckboxGroup--md___6gQ1R {
2972
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2693
2973
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2694
2974
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2695
2975
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2696
2976
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2697
2977
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2698
2978
  }
2699
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz[data-orientation=horizontal] {
2979
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
2700
2980
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2701
2981
  }
2702
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5[data-orientation=horizontal] {
2982
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
2703
2983
  --flex-wrap: nowrap;
2704
2984
  }
2705
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__label___y-048 {
2985
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
2706
2986
  order: 1;
2707
2987
  }
2708
- .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 {
2988
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
2709
2989
  display: flex;
2710
2990
  flex-flow: var(--flex-direction) var(--flex-wrap);
2711
2991
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2716,7 +2996,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2716
2996
  border: var(--list-border, none);
2717
2997
  border-radius: var(--list-border-radius, 0);
2718
2998
  }
2719
- .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD {
2999
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
2720
3000
  position: relative;
2721
3001
  flex: 0 1 auto;
2722
3002
  align-content: start;
@@ -2724,28 +3004,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2724
3004
  min-inline-size: 0;
2725
3005
  padding: var(--checkbox-padding, 0);
2726
3006
  }
2727
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5 .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD::before {
3007
+ .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 {
2728
3008
  content: "";
2729
3009
  position: absolute;
2730
3010
  display: block;
2731
3011
  }
2732
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD::before {
3012
+ .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 {
2733
3013
  inset-block-start: 0;
2734
3014
  inset-inline: 0;
2735
3015
  border-block-start: var(--list-border, none);
2736
3016
  }
2737
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD::before {
3017
+ .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 {
2738
3018
  inset-block: 0;
2739
3019
  inset-inline-start: 0;
2740
3020
  border-inline-start: var(--list-border, none);
2741
3021
  }
2742
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__error-message___D-3RF,
2743
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KWXu4 {
3022
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
3023
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
2744
3024
  order: 3;
2745
3025
  }
2746
3026
 
2747
3027
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2748
- .Checkbox-module__hop-Checkbox___owhpo {
3028
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2749
3029
  --hop-Checkbox-box-border-size: 0.0625rem;
2750
3030
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2751
3031
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2820,60 +3100,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2820
3100
  inline-size: max-content;
2821
3101
  max-inline-size: 100%;
2822
3102
  }
2823
- .Checkbox-module__hop-Checkbox___owhpo[data-focus-visible] {
3103
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2824
3104
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2825
3105
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2826
3106
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2827
3107
  --text-color: var(--hop-Checkbox-text-color-focused);
2828
3108
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2829
3109
  }
2830
- .Checkbox-module__hop-Checkbox___owhpo[data-hovered] {
3110
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2831
3111
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2832
3112
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2833
3113
  --text-color: var(--hop-Checkbox-text-color-hovered);
2834
3114
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2835
3115
  }
2836
- .Checkbox-module__hop-Checkbox___owhpo[data-pressed] {
3116
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2837
3117
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2838
3118
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2839
3119
  --text-color: var(--hop-Checkbox-text-color-pressed);
2840
3120
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2841
3121
  }
2842
- .Checkbox-module__hop-Checkbox___owhpo[data-selected] {
3122
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2843
3123
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2844
3124
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2845
3125
  --check-display: var(--hop-Checkbox-check-display-selected);
2846
3126
  --text-color: var(--hop-Checkbox-text-color-selected);
2847
3127
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2848
3128
  }
2849
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid] {
3129
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2850
3130
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2851
3131
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2852
3132
  --check-color: var(--hop-Checkbox-check-color-invalid);
2853
3133
  --text-color: var(--hop-Checkbox-text-color-invalid);
2854
3134
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2855
3135
  }
2856
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-focus-visible]) {
3136
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2857
3137
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2858
3138
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2859
3139
  }
2860
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-hovered]) {
3140
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2861
3141
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2862
3142
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2863
3143
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2864
3144
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2865
3145
  }
2866
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-pressed]) {
3146
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2867
3147
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2868
3148
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2869
3149
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2870
3150
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2871
3151
  }
2872
- .Checkbox-module__hop-Checkbox___owhpo:where([data-invalid])[data-selected] {
3152
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2873
3153
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2874
3154
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2875
3155
  }
2876
- .Checkbox-module__hop-Checkbox___owhpo[data-disabled] {
3156
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2877
3157
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2878
3158
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2879
3159
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2881,25 +3161,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2881
3161
  --text-color: var(--hop-Checkbox-text-color-disabled);
2882
3162
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2883
3163
  }
2884
- .Checkbox-module__hop-Checkbox--sm___0u9Ax {
3164
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2885
3165
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2886
3166
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2887
3167
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2888
3168
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2889
3169
  }
2890
- .Checkbox-module__hop-Checkbox--md___W0NWx {
3170
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2891
3171
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2892
3172
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2893
3173
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2894
3174
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2895
3175
  }
2896
- .Checkbox-module__hop-Checkbox__icon___A6Y0G,
2897
- .Checkbox-module__hop-Checkbox__icon-list___ev-oV {
3176
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
3177
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2898
3178
  flex: 0 0 auto;
2899
3179
  order: 3;
2900
3180
  color: var(--icon-color);
2901
3181
  }
2902
- .Checkbox-module__hop-Checkbox__box___1zfEu {
3182
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2903
3183
  display: flex;
2904
3184
  flex: 0 0 auto;
2905
3185
  align-items: center;
@@ -2915,11 +3195,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2915
3195
  outline-offset: 0.125rem;
2916
3196
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2917
3197
  }
2918
- .Checkbox-module__hop-Checkbox__check___lts9D {
3198
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2919
3199
  display: var(--check-display);
2920
3200
  color: var(--check-color);
2921
3201
  }
2922
- .Checkbox-module__hop-Checkbox__text___8vRlD {
3202
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2923
3203
  flex: 0 1 auto;
2924
3204
  order: 2;
2925
3205
  min-inline-size: 0;
@@ -2927,24 +3207,24 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2927
3207
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2928
3208
  color: var(--text-color);
2929
3209
  }
2930
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___xWUkM {
3210
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
2931
3211
  }
2932
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___K1f-4 {
3212
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
2933
3213
  }
2934
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___oZW8t {
3214
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
2935
3215
  }
2936
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Dg0CB,
2937
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___udlWv {
3216
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3217
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
2938
3218
  }
2939
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___tGhzk {
3219
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
2940
3220
  }
2941
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dq92k {
3221
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
2942
3222
  }
2943
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___jVAnl {
3223
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
2944
3224
  }
2945
3225
 
2946
3226
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2947
- .Radio-module__hop-Radio___OpfZi {
3227
+ .Radio-module__hop-Radio___H2CQS {
2948
3228
  --hop-Radio-box-border-size: 0.0625rem;
2949
3229
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2950
3230
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3018,60 +3298,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3018
3298
  inline-size: max-content;
3019
3299
  max-inline-size: 100%;
3020
3300
  }
3021
- .Radio-module__hop-Radio___OpfZi[data-focus-visible] {
3301
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3022
3302
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3023
3303
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3024
3304
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3025
3305
  --text-color: var(--hop-Radio-text-color-focused);
3026
3306
  --icon-color: var(--hop-Radio-icon-color-focused);
3027
3307
  }
3028
- .Radio-module__hop-Radio___OpfZi[data-hovered] {
3308
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3029
3309
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3030
3310
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3031
3311
  --text-color: var(--hop-Radio-text-color-hovered);
3032
3312
  --icon-color: var(--hop-Radio-icon-color-hovered);
3033
3313
  }
3034
- .Radio-module__hop-Radio___OpfZi[data-pressed] {
3314
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3035
3315
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3036
3316
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3037
3317
  --text-color: var(--hop-Radio-text-color-pressed);
3038
3318
  --icon-color: var(--hop-Radio-icon-color-pressed);
3039
3319
  }
3040
- .Radio-module__hop-Radio___OpfZi[data-selected] {
3320
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3041
3321
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3042
3322
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3043
3323
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3044
3324
  --text-color: var(--hop-Radio-text-color-selected);
3045
3325
  --icon-color: var(--hop-Radio-icon-color-selected);
3046
3326
  }
3047
- .Radio-module__hop-Radio___OpfZi[data-invalid] {
3327
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3048
3328
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3049
3329
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3050
3330
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3051
3331
  --text-color: var(--hop-Radio-text-color-invalid);
3052
3332
  --icon-color: var(--hop-Radio-icon-color-invalid);
3053
3333
  }
3054
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-focus-visible] {
3334
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3055
3335
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3056
3336
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3057
3337
  }
3058
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-hovered] {
3338
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3059
3339
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3060
3340
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3061
3341
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3062
3342
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3063
3343
  }
3064
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-pressed] {
3344
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3065
3345
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3066
3346
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3067
3347
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3068
3348
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3069
3349
  }
3070
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-selected] {
3350
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3071
3351
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3072
3352
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3073
3353
  }
3074
- .Radio-module__hop-Radio___OpfZi[data-disabled] {
3354
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3075
3355
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3076
3356
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3077
3357
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3079,25 +3359,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3079
3359
  --text-color: var(--hop-Radio-text-color-disabled);
3080
3360
  --icon-color: var(--hop-Radio-icon-color-disabled);
3081
3361
  }
3082
- .Radio-module__hop-Radio--sm___QtBHX {
3362
+ .Radio-module__hop-Radio--sm___wsMEb {
3083
3363
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3084
3364
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3085
3365
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3086
3366
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3087
3367
  }
3088
- .Radio-module__hop-Radio--md___PPakb {
3368
+ .Radio-module__hop-Radio--md___Y9v6E {
3089
3369
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3090
3370
  --box-block-size: var(--hop-Radio-box-md-block-size);
3091
3371
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3092
3372
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3093
3373
  }
3094
- .Radio-module__hop-Radio__icon___-VX5c,
3095
- .Radio-module__hop-Radio__icon-list___Hp7Kz {
3374
+ .Radio-module__hop-Radio__icon___AnsTY,
3375
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3096
3376
  flex: 0 0 auto;
3097
3377
  order: 3;
3098
3378
  color: var(--icon-color);
3099
3379
  }
3100
- .Radio-module__hop-Radio__box___YlKA6 {
3380
+ .Radio-module__hop-Radio__box___sb7RR {
3101
3381
  display: flex;
3102
3382
  flex: 0 0 auto;
3103
3383
  align-items: center;
@@ -3113,11 +3393,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3113
3393
  outline-offset: 0.125rem;
3114
3394
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3115
3395
  }
3116
- .Radio-module__hop-Radio__bullet___ndDTR {
3396
+ .Radio-module__hop-Radio__bullet___d4tcu {
3117
3397
  display: var(--bullet-display);
3118
3398
  color: var(--bullet-color);
3119
3399
  }
3120
- .Radio-module__hop-Radio__text___vjWkf {
3400
+ .Radio-module__hop-Radio__text___y2Kzb {
3121
3401
  flex: 0 1 auto;
3122
3402
  order: 2;
3123
3403
  min-inline-size: 0;
@@ -3125,24 +3405,24 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3125
3405
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3126
3406
  color: var(--text-color);
3127
3407
  }
3128
- .DecorativeRadio-module__hop-DecorativeRadio___Ro3TP {
3408
+ .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3129
3409
  }
3130
- .DecorativeRadio-module__hop-DecorativeRadio--sm___NbE5l {
3410
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3131
3411
  }
3132
- .DecorativeRadio-module__hop-DecorativeRadio--md___XK2Xd {
3412
+ .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3133
3413
  }
3134
- .DecorativeRadio-module__hop-DecorativeRadio__icon___DU4mZ,
3135
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___yex4n {
3414
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3415
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3136
3416
  }
3137
- .DecorativeRadio-module__hop-DecorativeRadio__box___XBbim {
3417
+ .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3138
3418
  }
3139
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___eQjV- {
3419
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3140
3420
  }
3141
- .DecorativeRadio-module__hop-DecorativeRadio__text___v31jK {
3421
+ .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3142
3422
  }
3143
3423
 
3144
3424
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3145
- .Radio-module__hop-Radio___OpfZi {
3425
+ .Radio-module__hop-Radio___H2CQS {
3146
3426
  --hop-Radio-box-border-size: 0.0625rem;
3147
3427
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3148
3428
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3216,60 +3496,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3216
3496
  inline-size: max-content;
3217
3497
  max-inline-size: 100%;
3218
3498
  }
3219
- .Radio-module__hop-Radio___OpfZi[data-focus-visible] {
3499
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3220
3500
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3221
3501
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3222
3502
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3223
3503
  --text-color: var(--hop-Radio-text-color-focused);
3224
3504
  --icon-color: var(--hop-Radio-icon-color-focused);
3225
3505
  }
3226
- .Radio-module__hop-Radio___OpfZi[data-hovered] {
3506
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3227
3507
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3228
3508
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3229
3509
  --text-color: var(--hop-Radio-text-color-hovered);
3230
3510
  --icon-color: var(--hop-Radio-icon-color-hovered);
3231
3511
  }
3232
- .Radio-module__hop-Radio___OpfZi[data-pressed] {
3512
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3233
3513
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3234
3514
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3235
3515
  --text-color: var(--hop-Radio-text-color-pressed);
3236
3516
  --icon-color: var(--hop-Radio-icon-color-pressed);
3237
3517
  }
3238
- .Radio-module__hop-Radio___OpfZi[data-selected] {
3518
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3239
3519
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3240
3520
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3241
3521
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3242
3522
  --text-color: var(--hop-Radio-text-color-selected);
3243
3523
  --icon-color: var(--hop-Radio-icon-color-selected);
3244
3524
  }
3245
- .Radio-module__hop-Radio___OpfZi[data-invalid] {
3525
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3246
3526
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3247
3527
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3248
3528
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3249
3529
  --text-color: var(--hop-Radio-text-color-invalid);
3250
3530
  --icon-color: var(--hop-Radio-icon-color-invalid);
3251
3531
  }
3252
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-focus-visible] {
3532
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3253
3533
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3254
3534
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3255
3535
  }
3256
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-hovered] {
3536
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3257
3537
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3258
3538
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3259
3539
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3260
3540
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3261
3541
  }
3262
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-pressed] {
3542
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3263
3543
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3264
3544
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3265
3545
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3266
3546
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3267
3547
  }
3268
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-selected] {
3548
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3269
3549
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3270
3550
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3271
3551
  }
3272
- .Radio-module__hop-Radio___OpfZi[data-disabled] {
3552
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3273
3553
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3274
3554
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3275
3555
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3277,25 +3557,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3277
3557
  --text-color: var(--hop-Radio-text-color-disabled);
3278
3558
  --icon-color: var(--hop-Radio-icon-color-disabled);
3279
3559
  }
3280
- .Radio-module__hop-Radio--sm___QtBHX {
3560
+ .Radio-module__hop-Radio--sm___wsMEb {
3281
3561
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3282
3562
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3283
3563
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3284
3564
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3285
3565
  }
3286
- .Radio-module__hop-Radio--md___PPakb {
3566
+ .Radio-module__hop-Radio--md___Y9v6E {
3287
3567
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3288
3568
  --box-block-size: var(--hop-Radio-box-md-block-size);
3289
3569
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3290
3570
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3291
3571
  }
3292
- .Radio-module__hop-Radio__icon___-VX5c,
3293
- .Radio-module__hop-Radio__icon-list___Hp7Kz {
3572
+ .Radio-module__hop-Radio__icon___AnsTY,
3573
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3294
3574
  flex: 0 0 auto;
3295
3575
  order: 3;
3296
3576
  color: var(--icon-color);
3297
3577
  }
3298
- .Radio-module__hop-Radio__box___YlKA6 {
3578
+ .Radio-module__hop-Radio__box___sb7RR {
3299
3579
  display: flex;
3300
3580
  flex: 0 0 auto;
3301
3581
  align-items: center;
@@ -3311,11 +3591,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3311
3591
  outline-offset: 0.125rem;
3312
3592
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3313
3593
  }
3314
- .Radio-module__hop-Radio__bullet___ndDTR {
3594
+ .Radio-module__hop-Radio__bullet___d4tcu {
3315
3595
  display: var(--bullet-display);
3316
3596
  color: var(--bullet-color);
3317
3597
  }
3318
- .Radio-module__hop-Radio__text___vjWkf {
3598
+ .Radio-module__hop-Radio__text___y2Kzb {
3319
3599
  flex: 0 1 auto;
3320
3600
  order: 2;
3321
3601
  min-inline-size: 0;
@@ -3325,7 +3605,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3325
3605
  }
3326
3606
 
3327
3607
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3328
- .RadioField-module__hop-RadioField___Heck6 {
3608
+ .RadioField-module__hop-RadioField___Q4QIQ {
3329
3609
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3330
3610
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3331
3611
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3344,28 +3624,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3344
3624
  inline-size: max-content;
3345
3625
  max-inline-size: 100%;
3346
3626
  }
3347
- .RadioField-module__hop-RadioField___Heck6[data-disabled] {
3627
+ .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3348
3628
  --description-color: var(--hop-RadioField-description-color-disabled);
3349
3629
  }
3350
- .RadioField-module__hop-RadioField--sm___8mB6Y {
3630
+ .RadioField-module__hop-RadioField--sm___VXiap {
3351
3631
  --row-gap: var(--hop-RadioField-sm-row-gap);
3352
3632
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3353
3633
  }
3354
- .RadioField-module__hop-RadioField--md___jMLtu {
3634
+ .RadioField-module__hop-RadioField--md___HW2CQ {
3355
3635
  --row-gap: var(--hop-RadioField-md-row-gap);
3356
3636
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3357
3637
  }
3358
- .RadioField-module__hop-RadioField__description___kjoN7 {
3638
+ .RadioField-module__hop-RadioField__description___ia1Zr {
3359
3639
  order: 2;
3360
3640
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3361
3641
  color: var(--description-color);
3362
3642
  }
3363
- .RadioField-module__hop-RadioField__radio___xwm9e {
3643
+ .RadioField-module__hop-RadioField__radio___EivJe {
3364
3644
  order: 1;
3365
3645
  }
3366
3646
 
3367
3647
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3368
- .RadioGroup-module__hop-RadioGroup___OCh7L {
3648
+ .RadioGroup-module__hop-RadioGroup___GAhMc {
3369
3649
  --hop-RadioGroup-align-items: flex-start;
3370
3650
  --hop-RadioGroup-justify-content: flex-start;
3371
3651
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3405,46 +3685,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3405
3685
  inline-size: var(--inline-size);
3406
3686
  max-inline-size: 100%;
3407
3687
  }
3408
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1 {
3688
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
3409
3689
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3410
3690
  --list-border-radius: var(--hop-shape-rounded-md);
3411
3691
  }
3412
- .RadioGroup-module__hop-RadioGroup--sm___dVuGC {
3692
+ .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3413
3693
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3414
3694
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3415
3695
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3416
3696
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3417
3697
  }
3418
- .RadioGroup-module__hop-RadioGroup--md___IDQhs {
3698
+ .RadioGroup-module__hop-RadioGroup--md___K9W8i {
3419
3699
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3420
3700
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3421
3701
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3422
3702
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3423
3703
  }
3424
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1.RadioGroup-module__hop-RadioGroup--sm___dVuGC {
3704
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3425
3705
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3426
3706
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3427
3707
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3428
3708
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3429
3709
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3430
3710
  }
3431
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1.RadioGroup-module__hop-RadioGroup--md___IDQhs {
3711
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
3432
3712
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3433
3713
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3434
3714
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3435
3715
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3436
3716
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3437
3717
  }
3438
- .RadioGroup-module__hop-RadioGroup___OCh7L[data-orientation=horizontal] {
3718
+ .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
3439
3719
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3440
3720
  }
3441
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1[data-orientation=horizontal] {
3721
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
3442
3722
  --flex-wrap: nowrap;
3443
3723
  }
3444
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__label___VywEQ {
3724
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
3445
3725
  order: 1;
3446
3726
  }
3447
- .RadioGroup-module__hop-RadioGroup__list___2igwk {
3727
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
3448
3728
  display: flex;
3449
3729
  flex-flow: var(--flex-direction) var(--flex-wrap);
3450
3730
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3455,7 +3735,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3455
3735
  border: var(--list-border, none);
3456
3736
  border-radius: var(--list-border-radius, 0);
3457
3737
  }
3458
- .RadioGroup-module__hop-RadioGroup__list___2igwk > .RadioGroup-module__hop-RadioGroup__radio___qNJ8S {
3738
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
3459
3739
  position: relative;
3460
3740
  flex: 0 1 auto;
3461
3741
  align-content: start;
@@ -3463,28 +3743,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3463
3743
  min-inline-size: 0;
3464
3744
  padding: var(--radio-padding, 0);
3465
3745
  }
3466
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1 .RadioGroup-module__hop-RadioGroup__list___2igwk > .RadioGroup-module__hop-RadioGroup__radio___qNJ8S ~ .RadioGroup-module__hop-RadioGroup__radio___qNJ8S::before {
3746
+ .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 {
3467
3747
  content: "";
3468
3748
  position: absolute;
3469
3749
  display: block;
3470
3750
  }
3471
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___2igwk > .RadioGroup-module__hop-RadioGroup__radio___qNJ8S ~ .RadioGroup-module__hop-RadioGroup__radio___qNJ8S::before {
3751
+ .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 {
3472
3752
  inset-block-start: 0;
3473
3753
  inset-inline: 0;
3474
3754
  border-block-start: var(--list-border, none);
3475
3755
  }
3476
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___2igwk > .RadioGroup-module__hop-RadioGroup__radio___qNJ8S ~ .RadioGroup-module__hop-RadioGroup__radio___qNJ8S::before {
3756
+ .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 {
3477
3757
  inset-block: 0;
3478
3758
  inset-inline-start: 0;
3479
3759
  border-inline-start: var(--list-border, none);
3480
3760
  }
3481
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__error-message___POw6K,
3482
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__helper-message___5tAiT {
3761
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3762
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
3483
3763
  order: 3;
3484
3764
  }
3485
3765
 
3486
3766
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3487
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___1Seqp {
3767
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
3488
3768
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3489
3769
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3490
3770
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3510,7 +3790,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3510
3790
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3511
3791
  background-size: 400% 100%;
3512
3792
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3513
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___HloPZ;
3793
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
3514
3794
  animation-duration: var(--animation-duration);
3515
3795
  animation-timing-function: ease-in-out;
3516
3796
  animation-fill-mode: forwards;
@@ -3519,19 +3799,19 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3519
3799
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3520
3800
  }
3521
3801
  }
3522
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UIhB2 {
3802
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
3523
3803
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3524
3804
  }
3525
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Lhm2- {
3805
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
3526
3806
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3527
3807
  }
3528
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___dd21P {
3808
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
3529
3809
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3530
3810
  }
3531
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-2bCZ {
3811
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
3532
3812
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3533
3813
  }
3534
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___HloPZ {
3814
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
3535
3815
  0% {
3536
3816
  background-position: 125% 50%;
3537
3817
  }
@@ -3541,7 +3821,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3541
3821
  }
3542
3822
 
3543
3823
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3544
- .ListBoxItem-module__hop-ListBoxItem___p-eg2 {
3824
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN {
3545
3825
  --hop-ListBoxItem-background-color: transparent;
3546
3826
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3547
3827
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3638,129 +3918,129 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3638
3918
  outline: var(--outline);
3639
3919
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3640
3920
  }
3641
- .ListBoxItem-module__hop-ListBoxItem--xs___djZR9 {
3921
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
3642
3922
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3643
3923
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3644
3924
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3645
3925
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3646
3926
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3647
3927
  }
3648
- .ListBoxItem-module__hop-ListBoxItem--sm___CknwJ {
3928
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
3649
3929
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3650
3930
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3651
3931
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3652
3932
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3653
3933
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3654
3934
  }
3655
- .ListBoxItem-module__hop-ListBoxItem--md___Yd4Ir {
3935
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
3656
3936
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3657
3937
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3658
3938
  --min-height: var(--hop-ListBoxItem-md-min-height);
3659
3939
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3660
3940
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3661
3941
  }
3662
- .ListBoxItem-module__hop-ListBoxItem--lg___j6vWd {
3942
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
3663
3943
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3664
3944
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3665
3945
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3666
3946
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3667
3947
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3668
3948
  }
3669
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-selection-mode] {
3949
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
3670
3950
  --cursor: pointer;
3671
3951
  }
3672
- .ListBoxItem-module__hop-ListBoxItem___p-eg2:not([data-selection-mode]) {
3952
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
3673
3953
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3674
3954
  }
3675
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8) {
3955
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3676
3956
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3677
3957
  }
3678
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8) {
3958
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3679
3959
  --checkmark-transition: none;
3680
3960
  }
3681
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-selected] {
3961
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
3682
3962
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3683
3963
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3684
3964
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3685
3965
  --checkmark-opacity: 1;
3686
3966
  }
3687
- .ListBoxItem-module__hop-ListBoxItem--xs___djZR9[data-selected] {
3967
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
3688
3968
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3689
3969
  }
3690
- .ListBoxItem-module__hop-ListBoxItem--sm___CknwJ[data-selected] {
3970
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
3691
3971
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3692
3972
  }
3693
- .ListBoxItem-module__hop-ListBoxItem--md___Yd4Ir[data-selected] {
3973
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
3694
3974
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3695
3975
  }
3696
- .ListBoxItem-module__hop-ListBoxItem--lg___j6vWd[data-selected] {
3976
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
3697
3977
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3698
3978
  }
3699
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-focus-visible] {
3979
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
3700
3980
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3701
3981
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3702
3982
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3703
3983
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3704
3984
  }
3705
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-hovered] {
3985
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
3706
3986
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3707
3987
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3708
3988
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3709
3989
  }
3710
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-pressed] {
3990
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
3711
3991
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3712
3992
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3713
3993
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3714
3994
  }
3715
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-disabled] {
3995
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
3716
3996
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3717
3997
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3718
3998
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3719
3999
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3720
4000
  --cursor: not-allowed;
3721
4001
  }
3722
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid] {
4002
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
3723
4003
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3724
4004
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3725
4005
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3726
4006
  }
3727
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-selected] {
4007
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
3728
4008
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3729
4009
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3730
4010
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3731
4011
  }
3732
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-focus-visible] {
4012
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
3733
4013
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3734
4014
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3735
4015
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3736
4016
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3737
4017
  }
3738
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-hovered] {
4018
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
3739
4019
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3740
4020
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3741
4021
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3742
4022
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3743
4023
  }
3744
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-pressed] {
4024
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
3745
4025
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3746
4026
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3747
4027
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3748
4028
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3749
4029
  }
3750
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-disabled] {
4030
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
3751
4031
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3752
4032
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3753
4033
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3754
4034
  }
3755
- .ListBoxItem-module__hop-ListBoxItem___p-eg2:has(.ListBoxItem-module__hop-ListBoxItem__description___A9QOn) {
4035
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
3756
4036
  --row-gap: var(--hop-ListBoxItem-row-gap);
3757
4037
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3758
4038
  }
3759
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-loading] {
4039
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
3760
4040
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3761
4041
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3762
4042
  }
3763
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq {
4043
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
3764
4044
  display: grid;
3765
4045
  grid-template-areas: var(--grid-template-areas);
3766
4046
  grid-template-columns: var(--grid-template-columns);
@@ -3772,33 +4052,33 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3772
4052
  padding-inline: var(--padding-inline);
3773
4053
  transition: grid-template-columns .3s ease-in-out;
3774
4054
  }
3775
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8 {
4055
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
3776
4056
  grid-area: indicator;
3777
4057
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3778
4058
  color: var(--icon-color);
3779
4059
  opacity: var(--checkmark-opacity);
3780
4060
  transition: var(--checkmark-transition);
3781
4061
  }
3782
- .ListBoxItem-module__hop-ListBoxItem__radio___SRm7T,
3783
- .ListBoxItem-module__hop-ListBoxItem__checkbox___9Dk0T {
4062
+ .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4063
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
3784
4064
  pointer-events: none;
3785
4065
  user-select: none;
3786
4066
  grid-area: indicator;
3787
4067
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3788
4068
  }
3789
- .ListBoxItem-module__hop-ListBoxItem__avatar___4G5Vn {
4069
+ .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
3790
4070
  grid-area: avatar;
3791
4071
  margin-block: var(--avatar-margin-block, 0);
3792
4072
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3793
4073
  }
3794
- .ListBoxItem-module__hop-ListBoxItem__icon-list___AZ79L,
3795
- .ListBoxItem-module__hop-ListBoxItem__icon___s5YmH {
4074
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4075
+ .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
3796
4076
  grid-area: icon;
3797
4077
  flex: 0 0 auto;
3798
4078
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3799
4079
  color: var(--icon-color);
3800
4080
  }
3801
- .ListBoxItem-module__hop-ListBoxItem__label___ZBKzM {
4081
+ .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
3802
4082
  overflow: hidden;
3803
4083
  grid-area: label;
3804
4084
  min-inline-size: 0;
@@ -3806,18 +4086,18 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3806
4086
  text-overflow: ellipsis;
3807
4087
  white-space: nowrap;
3808
4088
  }
3809
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___VB-ax,
3810
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kj8IM {
4089
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4090
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
3811
4091
  grid-area: end-icon;
3812
4092
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3813
4093
  color: var(--icon-color);
3814
4094
  }
3815
- .ListBoxItem-module__hop-ListBoxItem__badge___gnBCT {
4095
+ .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
3816
4096
  grid-area: badge;
3817
4097
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3818
4098
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3819
4099
  }
3820
- .ListBoxItem-module__hop-ListBoxItem__description___A9QOn {
4100
+ .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
3821
4101
  overflow: hidden;
3822
4102
  display: -webkit-box;
3823
4103
  grid-area: description;
@@ -3828,7 +4108,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3828
4108
  }
3829
4109
 
3830
4110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3831
- .ListBox-module__hop-ListBox___NI-KB {
4111
+ .ListBox-module__hop-ListBox___PSbqU {
3832
4112
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3833
4113
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3834
4114
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3875,11 +4155,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3875
4155
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3876
4156
  border-radius: var(--hop-ListBox-border-radius);
3877
4157
  }
3878
- .ListBox-module__hop-ListBox--fluid___1q6Vr {
4158
+ .ListBox-module__hop-ListBox--fluid___GX-qg {
3879
4159
  --max-width: var(--hop-ListBox-fluid-max-width);
3880
4160
  --width: var(--hop-ListBox-fluid-width);
3881
4161
  }
3882
- .ListBox-module__hop-ListBox__section___6eHK1 {
4162
+ .ListBox-module__hop-ListBox__section___bsYz4 {
3883
4163
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3884
4164
  margin-inline: var(--hop-ListBox-section-margin-inline);
3885
4165
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3887,21 +4167,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3887
4167
  border-block-start: var(--section-border-block-start);
3888
4168
  border-block-end: var(--section-border-block-end);
3889
4169
  }
3890
- .ListBox-module__hop-ListBox__item___YJkWK + .ListBox-module__hop-ListBox__section___6eHK1 {
4170
+ .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
3891
4171
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3892
4172
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3893
4173
  }
3894
- .ListBox-module__hop-ListBox__section___6eHK1:has(+ .ListBox-module__hop-ListBox__item___YJkWK) {
4174
+ .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
3895
4175
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3896
4176
  }
3897
- .ListBox-module__hop-ListBox__section___6eHK1:first-child {
4177
+ .ListBox-module__hop-ListBox__section___bsYz4:first-child {
3898
4178
  --section-padding-block-start: 0;
3899
4179
  }
3900
- .ListBox-module__hop-ListBox__section___6eHK1:last-child {
4180
+ .ListBox-module__hop-ListBox__section___bsYz4:last-child {
3901
4181
  --section-padding-block-end: 0;
3902
4182
  --section-border-block-end: 0;
3903
4183
  }
3904
- .ListBox-module__hop-ListBox__section-header___0rwGF {
4184
+ .ListBox-module__hop-ListBox__section-header___JA5vG {
3905
4185
  margin: 0;
3906
4186
  padding: var(--hop-ListBox-section-header-padding);
3907
4187
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3912,30 +4192,30 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3912
4192
  text-transform: var(--hop-ListBox-section-header-text-transform);
3913
4193
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3914
4194
  }
3915
- .ListBox-module__hop-ListBox__section-header___0rwGF::before,
3916
- .ListBox-module__hop-ListBox__section-header___0rwGF::after {
4195
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4196
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3917
4197
  content: "";
3918
4198
  display: block;
3919
4199
  box-sizing: border-box;
3920
4200
  inline-size: 0;
3921
4201
  block-size: 0;
3922
4202
  }
3923
- .ListBox-module__hop-ListBox__section-header___0rwGF::before {
4203
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before {
3924
4204
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3925
4205
  }
3926
- .ListBox-module__hop-ListBox__section-header___0rwGF::after {
4206
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3927
4207
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3928
4208
  }
3929
4209
 
3930
4210
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3931
- :where(.Popover-module__hop-Popover___U1bem *) {
4211
+ :where(.Popover-module__hop-Popover___Tn-G9 *) {
3932
4212
  font-family: var(--font-family);
3933
4213
  font-size: var(--font-size);
3934
4214
  font-weight: var(--font-weight);
3935
4215
  line-height: var(--line-height);
3936
4216
  outline: none;
3937
4217
  }
3938
- .Popover-module__hop-Popover___U1bem {
4218
+ .Popover-module__hop-Popover___Tn-G9 {
3939
4219
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3940
4220
  --hop-Popover-inline-width: 25rem;
3941
4221
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3948,22 +4228,22 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3948
4228
  inline-size: var(--width);
3949
4229
  max-inline-size: var(--max-width);
3950
4230
  }
3951
- .Popover-module__hop-Popover___U1bem[data-trigger=Select] {
4231
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
3952
4232
  --width: var(--hop-Popover-dropdown-inline-width);
3953
4233
  }
3954
- .Popover-module__hop-Popover___U1bem[data-trigger=ComboBox] {
4234
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
3955
4235
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3956
4236
  }
3957
- .Popover-module__hop-Popover___U1bem[data-auto-width] {
4237
+ .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
3958
4238
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3959
4239
  }
3960
- .Popover-module__hop-Popover___U1bem[data-entering] {
3961
- animation: Popover-module__fade___5bgK7 0.25s;
4240
+ .Popover-module__hop-Popover___Tn-G9[data-entering] {
4241
+ animation: Popover-module__fade___nUmvV 0.25s;
3962
4242
  }
3963
- .Popover-module__hop-Popover___U1bem[data-exiting] {
3964
- animation: Popover-module__fade___5bgK7 0.25s reverse;
4243
+ .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4244
+ animation: Popover-module__fade___nUmvV 0.25s reverse;
3965
4245
  }
3966
- @keyframes Popover-module__fade___5bgK7 {
4246
+ @keyframes Popover-module__fade___nUmvV {
3967
4247
  from {
3968
4248
  opacity: 0;
3969
4249
  }
@@ -3971,14 +4251,14 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3971
4251
  opacity: 1;
3972
4252
  }
3973
4253
  }
3974
- .Popover-module__hop-Popover__wrapper___gOaLn {
4254
+ .Popover-module__hop-Popover__wrapper___606o6 {
3975
4255
  display: flex;
3976
4256
  flex: 1 1 auto;
3977
4257
  flex-direction: column;
3978
4258
  min-block-size: 0;
3979
4259
  }
3980
- .Popover-module__hop-Popover__dialog___h18ia,
3981
- .Popover-module__hop-Popover__dropdown___opt0t {
4260
+ .Popover-module__hop-Popover__dialog___OKeOS,
4261
+ .Popover-module__hop-Popover__dropdown___GLwYO {
3982
4262
  --hop-Popover-background: var(--hop-neutral-surface);
3983
4263
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3984
4264
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4026,21 +4306,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4026
4306
  border-radius: var(--hop-Popover-border-radius);
4027
4307
  box-shadow: var(--hop-Popover-box-shadow);
4028
4308
  }
4029
- .Popover-module__hop-Popover__dropdown___opt0t {
4309
+ .Popover-module__hop-Popover__dropdown___GLwYO {
4030
4310
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4031
4311
  --footer-place-self: stretch;
4032
4312
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4033
4313
  --padding: var(--hop-Popover-dropdown-padding);
4034
4314
  overflow: hidden;
4035
4315
  }
4036
- .Popover-module__hop-Popover__dialog___h18ia {
4316
+ .Popover-module__hop-Popover__dialog___OKeOS {
4037
4317
  --padding: var(--hop-Popover-dialog-padding);
4038
4318
  }
4039
- .Popover-module__hop-Popover__title___awbcu {
4319
+ .Popover-module__hop-Popover__title___Tu4KH {
4040
4320
  grid-area: header;
4041
4321
  color: var(--hop-Popover-color);
4042
4322
  }
4043
- .Popover-module__hop-Popover__content___yxGrH {
4323
+ .Popover-module__hop-Popover__content___t3KK5 {
4044
4324
  --font-size: var(--hop-Popover-content-font-size);
4045
4325
  --line-height: var(--hop-Popover-content-line-height);
4046
4326
  --font-family: var(--hop-Popover-content-font-family);
@@ -4051,12 +4331,12 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4051
4331
  padding: 0;
4052
4332
  color: var(--hop-Popover-content-color);
4053
4333
  }
4054
- .Popover-module__hop-Popover___U1bem:not(:has(.Popover-module__hop-Popover__title___awbcu)) {
4055
- .Popover-module__hop-Popover__content___yxGrH {
4334
+ .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4335
+ .Popover-module__hop-Popover__content___t3KK5 {
4056
4336
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4057
4337
  }
4058
4338
  }
4059
- .Popover-module__hop-Popover__dropdown___opt0t .Popover-module__hop-Popover__list-box___aIvDu {
4339
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4060
4340
  grid-area: content;
4061
4341
  inline-size: auto;
4062
4342
  min-inline-size: auto;
@@ -4064,7 +4344,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4064
4344
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4065
4345
  border: none;
4066
4346
  }
4067
- .Popover-module__hop-Popover__footer___r9fbQ {
4347
+ .Popover-module__hop-Popover__footer___jo9Dl {
4068
4348
  --font-size: var(--hop-Popover-footer-font-size);
4069
4349
  --line-height: var(--hop-Popover-footer-line-height);
4070
4350
  grid-area: footer;
@@ -4072,28 +4352,27 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4072
4352
  margin: var(--footer-margin);
4073
4353
  color: var(--hop-Popover-color);
4074
4354
  }
4075
- .Popover-module__hop-Popover__dropdown___opt0t .Popover-module__hop-Popover__footer___r9fbQ {
4355
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4076
4356
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4077
4357
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4078
4358
  }
4079
- .Popover-module__hop-Popover__actions___BKyIi,
4080
- .Popover-module__hop-Popover__action___-rS12 {
4359
+ .Popover-module__hop-Popover__actions___dcbdB,
4360
+ .Popover-module__hop-Popover__action___6mpc0 {
4081
4361
  grid-area: action;
4082
4362
  justify-self: end;
4083
4363
  margin-block-start: var(--hop-Popover-row-gap);
4084
4364
  }
4085
- .Popover-module__hop-Popover___U1bem:has(.Popover-module__hop-Popover__actions___BKyIi, .Popover-module__hop-Popover__action___-rS12) .Popover-module__hop-Popover__footer___r9fbQ {
4365
+ .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 {
4086
4366
  margin-inline-end: var(--hop-Popover-column-gap);
4087
4367
  }
4088
4368
 
4089
4369
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4090
- .PopoverBase-module__hop-PopoverBase___kKxrd {
4370
+ .PopoverBase-module__hop-PopoverBase___R08eb {
4091
4371
  --hop-Popover-background: var(--hop-neutral-surface);
4092
4372
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4093
4373
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4094
4374
  --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4095
4375
  --hop-Popover-color: var(--hop-neutral-text);
4096
- --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4097
4376
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4098
4377
  --hop-Popover-font-size: var(--hop-body-md-font-size);
4099
4378
  --hop-Popover-font-weight: var(--hop-body-md-font-weight);
@@ -4118,20 +4397,17 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4118
4397
  box-shadow: var(--hop-Popover-box-shadow);
4119
4398
  transition: opacity var(--hop-easing-duration-2);
4120
4399
  }
4121
- .PopoverBase-module__hop-PopoverBase___kKxrd[data-entering] {
4400
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-entering] {
4122
4401
  opacity: 0;
4123
4402
  }
4124
- .PopoverBase-module__hop-PopoverBase___kKxrd[data-exiting] {
4403
+ .PopoverBase-module__hop-PopoverBase___R08eb[data-exiting] {
4125
4404
  pointer-events: none;
4126
4405
  opacity: 0;
4127
4406
  transition-timing-function: var(--hop-easing-productive);
4128
4407
  }
4129
- .PopoverBase-module__hop-PopoverBase___kKxrd:focus-visible {
4130
- outline: var(--hop-Popover-color-outline);
4131
- }
4132
4408
 
4133
4409
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4134
- .Menu-module__hop-Menu___dUSVj {
4410
+ .Menu-module__hop-Menu___9rGJh {
4135
4411
  --hop-Menu-overflow-y: auto;
4136
4412
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4137
4413
  --hop-Menu-outline: none;
@@ -4145,7 +4421,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4145
4421
  padding-block: var(--hop-Menu-padding-block);
4146
4422
  outline: var(--hop-Menu-outline);
4147
4423
  }
4148
- .Menu-module__hop-Menu__header___5-N04 {
4424
+ .Menu-module__hop-Menu__header___ioE-p {
4149
4425
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4150
4426
  --hop-Menu-header-cursor: default;
4151
4427
  --hop-Menu-header-display: flex;
@@ -4173,7 +4449,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4173
4449
  text-transform: var(--hop-Menu-header-text-transform);
4174
4450
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4175
4451
  }
4176
- .Menu-module__hop-Menu__divider___ezm1O {
4452
+ .Menu-module__hop-Menu__divider___wqoaY {
4177
4453
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4178
4454
  margin-block: var( --hop-Menu-divider-margin-block);
4179
4455
  }