@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,26 +85,33 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___F1-jA {
88
+ .Label-module__hop-Label___x-D7q {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___F1-jA) {
95
+ :where(.Label-module__hop-Label___x-D7q) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
99
99
  line-height: var(--hop-Label-line-height);
100
100
  color: var(--hop-Label-color);
101
101
  }
102
- :where(.Label-module__hop-Label__indicator___kySOy) {
102
+
103
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___VGoF6 {
105
+ display: flex;
106
+ gap: var(--hop-space-inset-xs);
107
+ align-items: center;
108
+ }
109
+ .FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
103
110
  padding-inline-start: var(--hop-space-20);
104
111
  }
105
112
 
106
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
107
- :where(.OverlineText-module__hop-OverlineText___nkvhg) {
114
+ :where(.OverlineText-module__hop-OverlineText___uqriG) {
108
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
109
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
110
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -128,26 +135,26 @@
128
135
  text-transform: uppercase;
129
136
  letter-spacing: var(--letter-spacing);
130
137
  }
131
- .OverlineText-module__hop-OverlineText__text___2PvUz {
138
+ .OverlineText-module__hop-OverlineText__text___QC4h8 {
132
139
  box-sizing: border-box;
133
140
  }
134
- .OverlineText-module__hop-OverlineText__text___2PvUz::before,
135
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
141
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before,
142
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
136
143
  content: "";
137
144
  display: block;
138
145
  box-sizing: border-box;
139
146
  inline-size: 0;
140
147
  block-size: 0;
141
148
  }
142
- .OverlineText-module__hop-OverlineText__text___2PvUz::before {
149
+ .OverlineText-module__hop-OverlineText__text___QC4h8::before {
143
150
  margin-block-end: var(--bottom-offset);
144
151
  }
145
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
152
+ .OverlineText-module__hop-OverlineText__text___QC4h8::after {
146
153
  margin-block-start: var(--top-offset);
147
154
  }
148
155
 
149
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
150
- .Text-module__hop-Text___qvnKA {
157
+ .Text-module__hop-Text___TlqAw {
151
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
152
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
153
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -177,49 +184,49 @@
177
184
  --hop-Text-inherit-size-font-weight: inherit;
178
185
  --hop-Text-inherit-size-line-height: inherit;
179
186
  }
180
- :where(.Text-module__hop-Text___qvnKA) {
187
+ :where(.Text-module__hop-Text___TlqAw) {
181
188
  font-family: var(--font-family);
182
189
  font-size: var(--font-size);
183
190
  font-weight: var(--font-weight);
184
191
  line-height: var(--line-height);
185
192
  }
186
- :where(.Text-module__hop-Text--xs___heReZ) {
193
+ :where(.Text-module__hop-Text--xs___r7Jh2) {
187
194
  --font-size: var(--hop-Text-xs-font-size);
188
195
  --font-family: var(--hop-Text-xs-font-family);
189
196
  --font-weight: var(--hop-Text-xs-font-weight);
190
197
  --line-height: var(--hop-Text-xs-line-height);
191
198
  }
192
- :where(.Text-module__hop-Text--sm___541we) {
199
+ :where(.Text-module__hop-Text--sm___47IuM) {
193
200
  --font-size: var(--hop-Text-sm-font-size);
194
201
  --font-family: var(--hop-Text-sm-font-family);
195
202
  --font-weight: var(--hop-Text-sm-font-weight);
196
203
  --line-height: var(--hop-Text-sm-line-height);
197
204
  }
198
- :where(.Text-module__hop-Text--md___hdUyI) {
205
+ :where(.Text-module__hop-Text--md___C2YwB) {
199
206
  --font-size: var(--hop-Text-md-font-size);
200
207
  --font-family: var(--hop-Text-md-font-family);
201
208
  --font-weight: var(--hop-Text-md-font-weight);
202
209
  --line-height: var(--hop-Text-md-line-height);
203
210
  }
204
- :where(.Text-module__hop-Text--lg___lVP0u) {
211
+ :where(.Text-module__hop-Text--lg___hfcIw) {
205
212
  --font-size: var(--hop-Text-lg-font-size);
206
213
  --font-family: var(--hop-Text-lg-font-family);
207
214
  --font-weight: var(--hop-Text-lg-font-weight);
208
215
  --line-height: var(--hop-Text-lg-line-height);
209
216
  }
210
- :where(.Text-module__hop-Text--xl___CTAop) {
217
+ :where(.Text-module__hop-Text--xl___jSZWl) {
211
218
  --font-size: var(--hop-Text-xl-font-size);
212
219
  --font-family: var(--hop-Text-xl-font-family);
213
220
  --font-weight: var(--hop-Text-xl-font-weight);
214
221
  --line-height: var(--hop-Text-xl-line-height);
215
222
  }
216
- :where(.Text-module__hop-Text--2xl___yx4Sp) {
223
+ :where(.Text-module__hop-Text--2xl___3Q3EA) {
217
224
  --font-size: var(--hop-Text-2xl-font-size);
218
225
  --font-family: var(--hop-Text-2xl-font-family);
219
226
  --font-weight: var(--hop-Text-2xl-font-weight);
220
227
  --line-height: var(--hop-Text-2xl-line-height);
221
228
  }
222
- :where(.Text-module__hop-Text--inherit___284Ab) {
229
+ :where(.Text-module__hop-Text--inherit___S3ePi) {
223
230
  --font-size: var(--hop-Text-inherit-size-font-size);
224
231
  --font-family: var(--hop-Text-inherit-size-font-family);
225
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -227,7 +234,7 @@
227
234
  }
228
235
 
229
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
230
- .Paragraph-module__hop-Paragraph___txlUW {
237
+ .Paragraph-module__hop-Paragraph___HpT17 {
231
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
232
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
233
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -239,40 +246,40 @@
239
246
  margin-block-end: var(--margin-block-end);
240
247
  overflow-wrap: break-word;
241
248
  }
242
- .Paragraph-module__hop-Paragraph___txlUW:last-child {
249
+ .Paragraph-module__hop-Paragraph___HpT17:last-child {
243
250
  --margin-block-end: 0;
244
251
  }
245
- .Paragraph-module__hop-Paragraph--xs___uSr-c {
252
+ .Paragraph-module__hop-Paragraph--xs___DXGDe {
246
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
247
254
  }
248
- .Paragraph-module__hop-Paragraph--sm___Xa52U {
255
+ .Paragraph-module__hop-Paragraph--sm___qshKm {
249
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
250
257
  }
251
- .Paragraph-module__hop-Paragraph--md___KBlMl {
258
+ .Paragraph-module__hop-Paragraph--md___UEgGX {
252
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
253
260
  }
254
- .Paragraph-module__hop-Paragraph--lg___bF-R2 {
261
+ .Paragraph-module__hop-Paragraph--lg___EvhSs {
255
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
256
263
  }
257
- .Paragraph-module__hop-Paragraph--xl___2XG7c {
264
+ .Paragraph-module__hop-Paragraph--xl___X9E7u {
258
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
259
266
  }
260
- .Paragraph-module__hop-Paragraph--2xl___PyV-w {
267
+ .Paragraph-module__hop-Paragraph--2xl___MYUu5 {
261
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
262
269
  }
263
- .Paragraph-module__hop-Paragraph--inherit___K3CwL {
270
+ .Paragraph-module__hop-Paragraph--inherit___IZyrO {
264
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
265
272
  }
266
273
 
267
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
268
- .Form-module__hop-Form___RucAL {
275
+ .Form-module__hop-Form___uqGvw {
269
276
  display: flex;
270
277
  flex-direction: column;
271
278
  gap: var(--hop-space-stack-lg);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
275
- .IconList-module__hop-IconList___dAr-Y {
282
+ .IconList-module__hop-IconList___TpK2G {
276
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
277
284
  display: flex;
278
285
  flex-wrap: wrap;
@@ -281,7 +288,7 @@
281
288
  }
282
289
 
283
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
284
- @keyframes Spinner-module__spin___dI-4t {
291
+ @keyframes Spinner-module__spin___Qq0VA {
285
292
  0% {
286
293
  transform: rotate(0deg);
287
294
  }
@@ -289,7 +296,7 @@
289
296
  transform: rotate(360deg);
290
297
  }
291
298
  }
292
- .Spinner-module__hop-Spinner___nfESa {
299
+ .Spinner-module__hop-Spinner___q7lsB {
293
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
294
301
  --hop-Spinner-sm-wheel-size: 1rem;
295
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -297,7 +304,7 @@
297
304
  --hop-Spinner-track-width: 0.125rem;
298
305
  --hop-Spinner-track-opacity: 0.2;
299
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
300
- --hop-Spinner-fill-animation: Spinner-module__spin___dI-4t .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___Qq0VA .8s infinite linear;
301
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
302
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
303
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -308,19 +315,19 @@
308
315
  align-items: center;
309
316
  box-sizing: border-box;
310
317
  }
311
- .Spinner-module__hop-Spinner--sm___mbeG8 {
318
+ .Spinner-module__hop-Spinner--sm___jaKcR {
312
319
  --width: var(--hop-Spinner-sm-wheel-size);
313
320
  --height: var(--hop-Spinner-sm-wheel-size);
314
321
  }
315
- .Spinner-module__hop-Spinner--md___GJhEX {
322
+ .Spinner-module__hop-Spinner--md___GNVfI {
316
323
  --width: var(--hop-Spinner-md-wheel-size);
317
324
  --height: var(--hop-Spinner-md-wheel-size);
318
325
  }
319
- .Spinner-module__hop-Spinner--lg___hXeT0 {
326
+ .Spinner-module__hop-Spinner--lg___s54Hy {
320
327
  --width: var(--hop-Spinner-lg-wheel-size);
321
328
  --height: var(--hop-Spinner-lg-wheel-size);
322
329
  }
323
- .Spinner-module__hop-Spinner__track___VD4ur {
330
+ .Spinner-module__hop-Spinner__track___P2N1M {
324
331
  grid-area: spinner;
325
332
  box-sizing: border-box;
326
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -329,7 +336,7 @@
329
336
  border: var(--hop-Spinner-track-border);
330
337
  border-radius: var(--hop-Spinner-border-radius);
331
338
  }
332
- .Spinner-module__hop-Spinner__fill___fXKFk {
339
+ .Spinner-module__hop-Spinner__fill___DA6KG {
333
340
  grid-area: spinner;
334
341
  box-sizing: border-box;
335
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -340,17 +347,17 @@
340
347
  animation: var(--hop-Spinner-fill-animation);
341
348
  }
342
349
  @media (prefers-reduced-motion: reduce) {
343
- .Spinner-module__hop-Spinner__fill___fXKFk {
350
+ .Spinner-module__hop-Spinner__fill___DA6KG {
344
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
345
352
  }
346
353
  }
347
- .Spinner-module__hop-Spinner__label___vagu8 {
354
+ .Spinner-module__hop-Spinner__label___7Vmlu {
348
355
  grid-area: label;
349
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
350
357
  }
351
358
 
352
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
353
- .Button-module__hop-Button___ZPqlN {
360
+ .Button-module__hop-Button___0Z1G- {
354
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
355
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
356
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -474,215 +481,215 @@
474
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
475
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
476
483
  }
477
- .Button-module__hop-Button--fluid___K97-Y {
484
+ .Button-module__hop-Button--fluid___ocE9B {
478
485
  --inline-size: 100%;
479
486
  }
480
- .Button-module__hop-Button--sm___VdVxi {
487
+ .Button-module__hop-Button--sm___Iin1k {
481
488
  --block-size: var(--hop-Button-sm-height);
482
489
  --padding: var(--hop-Button-sm-padding);
483
490
  }
484
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
485
492
  --padding: var(--hop-Button-ghost-sm-padding);
486
493
  }
487
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
494
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
488
495
  --padding: var(--hop-Button-ghost-md-padding);
489
496
  }
490
- .Button-module__hop-Button--icon-only___NMJIz {
497
+ .Button-module__hop-Button--icon-only___aWeym {
491
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
492
499
  --padding: var(--hop-Button-icon-only-padding);
493
500
  aspect-ratio: 1;
494
501
  }
495
- .Button-module__hop-Button--primary___hVpe1 {
502
+ .Button-module__hop-Button--primary___3Qmg3 {
496
503
  --background-color: var(--hop-Button-primary-background-color);
497
504
  --color: var(--hop-Button-primary-color);
498
505
  --border: var(--hop-Button-primary-border);
499
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
500
507
  }
501
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
502
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
509
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
503
510
  --background-color: var(--hop-Button-primary-background-color-hover);
504
511
  --color: var(--hop-Button-primary-color-hover);
505
512
  --border: var(--hop-Button-primary-border-hover);
506
513
  }
507
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
514
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
508
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
509
516
  --color: var(--hop-Button-primary-color-pressed);
510
517
  --border: var(--hop-Button-primary-border-pressed);
511
518
  }
512
- .Button-module__hop-Button--secondary___Gjg5h {
519
+ .Button-module__hop-Button--secondary___u3qlM {
513
520
  --background-color: var(--hop-Button-secondary-background-color);
514
521
  --color: var(--hop-Button-secondary-color);
515
522
  --border: var(--hop-Button-secondary-border);
516
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
517
524
  }
518
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
519
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
526
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
520
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
521
528
  --color: var(--hop-Button-secondary-color-hover);
522
529
  --border: var(--hop-Button-secondary-border-hover);
523
530
  }
524
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
531
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
525
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
526
533
  --color: var(--hop-Button-secondary-color-pressed);
527
534
  --border: var(--hop-Button-secondary-border-pressed);
528
535
  }
529
- .Button-module__hop-Button--upsell___j1HQ7 {
536
+ .Button-module__hop-Button--upsell___Wa1Kb {
530
537
  --background-color: var(--hop-Button-upsell-background-color);
531
538
  --color: var(--hop-Button-upsell-color);
532
539
  --border: var(--hop-Button-upsell-border);
533
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
534
541
  }
535
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
536
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
543
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
537
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
538
545
  --color: var(--hop-Button-upsell-color-hover);
539
546
  --border: var(--hop-Button-upsell-border-hover);
540
547
  }
541
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
548
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
542
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
543
550
  --color: var(--hop-Button-upsell-color-pressed);
544
551
  --border: var(--hop-Button-upsell-border-pressed);
545
552
  }
546
- .Button-module__hop-Button--danger___5VBlb {
553
+ .Button-module__hop-Button--danger___de-7T {
547
554
  --background-color: var(--hop-Button-danger-background-color);
548
555
  --color: var(--hop-Button-danger-color);
549
556
  --border: var(--hop-Button-danger-border);
550
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
551
558
  }
552
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
553
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
560
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
554
561
  --background-color: var(--hop-Button-danger-background-color-hover);
555
562
  --color: var(--hop-Button-danger-color-hover);
556
563
  --border: var(--hop-Button-danger-border-hover);
557
564
  }
558
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
565
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
559
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
560
567
  --color: var(--hop-Button-danger-color-pressed);
561
568
  --border: var(--hop-Button-danger-border-pressed);
562
569
  }
563
- .Button-module__hop-Button--ghost-primary___jdoVD {
570
+ .Button-module__hop-Button--ghost-primary___f-GHo {
564
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
565
572
  --color: var(--hop-Button-ghost-primary-color);
566
573
  --border: var(--hop-Button-ghost-primary-border);
567
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
568
575
  }
569
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
570
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
571
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
572
579
  --color: var(--hop-Button-ghost-primary-color-hover);
573
580
  --border: var(--hop-Button-ghost-primary-border-hover);
574
581
  --text-underline: underline;
575
582
  }
576
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
577
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
578
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
579
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
580
587
  --text-underline: underline;
581
588
  }
582
- .Button-module__hop-Button--ghost-secondary___FIdYc {
589
+ .Button-module__hop-Button--ghost-secondary___732dQ {
583
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
584
591
  --color: var(--hop-Button-ghost-secondary-color);
585
592
  --border: var(--hop-Button-ghost-secondary-border);
586
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
587
594
  }
588
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
589
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
590
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
591
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
592
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
593
600
  --text-underline: underline;
594
601
  }
595
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
596
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
597
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
598
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
599
606
  --text-underline: underline;
600
607
  }
601
- .Button-module__hop-Button--ghost-danger___hWB-b {
608
+ .Button-module__hop-Button--ghost-danger___mXQFT {
602
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
603
610
  --color: var(--hop-Button-ghost-danger-color);
604
611
  --border: var(--hop-Button-ghost-danger-border);
605
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
606
613
  }
607
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
608
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
609
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
610
617
  --color: var(--hop-Button-ghost-danger-color-hover);
611
618
  --border: var(--hop-Button-ghost-danger-border-hover);
612
619
  --text-underline: underline;
613
620
  }
614
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
615
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
616
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
617
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
618
625
  --text-underline: underline;
619
626
  }
620
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
627
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
621
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
622
629
  }
623
- .Button-module__hop-Button___ZPqlN[data-disabled],
624
- .Button-module__hop-Button--loading___BXVdp {
630
+ .Button-module__hop-Button___0Z1G-[data-disabled],
631
+ .Button-module__hop-Button--loading___3l487 {
625
632
  cursor: not-allowed;
626
633
  }
627
- .Button-module__hop-Button___ZPqlN[data-disabled] {
634
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
628
635
  --background-color: var(--hop-Button-background-color-disabled);
629
636
  --color: var(--hop-Button-color-disabled);
630
637
  --border: var(--hop-Button-border-disabled);
631
638
  }
632
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
633
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
634
641
  --color: var(--hop-Button-ghost-color-disabled);
635
642
  --border: var(--hop-Button-ghost-border-disabled);
636
643
  }
637
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
644
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
638
645
  --background-color: var(--hop-Button-primary-background-color);
639
646
  --color: var(--hop-Button-primary-color);
640
647
  --border: var(--hop-Button-primary-border);
641
648
  }
642
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
649
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
643
650
  --background-color: var(--hop-Button-secondary-background-color);
644
651
  --color: var(--hop-Button-secondary-color);
645
652
  --border: var(--hop-Button-secondary-border);
646
653
  }
647
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
654
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
648
655
  --background-color: var(--hop-Button-upsell-background-color);
649
656
  --color: var(--hop-Button-upsell-color);
650
657
  --border: var(--hop-Button-upsell-border);
651
658
  }
652
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
659
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
653
660
  --background-color: var(--hop-Button-danger-background-color);
654
661
  --color: var(--hop-Button-danger-color);
655
662
  --border: var(--hop-Button-danger-border);
656
663
  }
657
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
664
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
658
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
659
666
  --color: var(--hop-Button-ghost-primary-color);
660
667
  --border: var(--hop-Button-ghost-primary-border);
661
668
  --text-underline: none;
662
669
  }
663
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
670
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
664
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
665
672
  --color: var(--hop-Button-ghost-secondary-color);
666
673
  --border: var(--hop-Button-ghost-secondary-border);
667
674
  --text-underline: none;
668
675
  }
669
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
676
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
670
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
671
678
  --color: var(--hop-Button-ghost-danger-color);
672
679
  --border: var(--hop-Button-ghost-danger-border);
673
680
  --text-underline: none;
674
681
  }
675
- .Button-module__hop-Button__Spinner___310hA {
682
+ .Button-module__hop-Button__Spinner___Aydmf {
676
683
  position: absolute;
677
684
  color: var(--spinner-color);
678
685
  }
679
- .Button-module__hop-Button__icon___YbJeU,
680
- .Button-module__hop-Button__icon-list___w8gX0 {
686
+ .Button-module__hop-Button__icon___3H1Sb,
687
+ .Button-module__hop-Button__icon-list___iWElA {
681
688
  flex: 0 0 auto;
682
689
  justify-self: end;
683
690
  order: 1;
684
691
  }
685
- .Button-module__hop-Button__text___HL8Dk {
692
+ .Button-module__hop-Button__text___ZFtXo {
686
693
  user-select: none;
687
694
  overflow: visible;
688
695
  flex: 0 1 auto;
@@ -692,60 +699,60 @@
692
699
  text-underline-offset: 0.125rem;
693
700
  text-wrap: nowrap;
694
701
  }
695
- .Button-module__hop-Button__end-icon___y2Lq-,
696
- .Button-module__hop-Button__end-icon-list___CTkAY {
702
+ .Button-module__hop-Button__end-icon___nOaCX,
703
+ .Button-module__hop-Button__end-icon-list___ge2sI {
697
704
  flex: 0 0 auto;
698
705
  order: 3;
699
706
  }
700
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
701
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
707
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
708
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
702
709
  flex-wrap: nowrap;
703
710
  }
704
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
711
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
705
712
  opacity: 0;
706
713
  }
707
714
 
708
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
709
- .ButtonGroup-module__hop-ButtonGroup___U8kPM {
716
+ .ButtonGroup-module__hop-ButtonGroup___LQF3m {
710
717
  display: inline-flex;
711
718
  flex-wrap: nowrap;
712
719
  gap: var(--hop-space-inline-md);
713
720
  }
714
- .ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
715
722
  align-items: center;
716
723
  }
717
- .ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
718
725
  flex-direction: column;
719
726
  gap: var(--hop-space-stack-md);
720
727
  justify-content: center;
721
728
  }
722
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
723
730
  align-items: flex-start;
724
731
  }
725
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
726
733
  align-items: center;
727
734
  }
728
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--vertical___i-5VQ {
729
736
  align-items: flex-end;
730
737
  }
731
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___EoJmg.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
732
739
  justify-content: flex-start;
733
740
  }
734
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___cwZyh.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
735
742
  justify-content: center;
736
743
  }
737
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___BMbbc.ButtonGroup-module__hop-ButtonGroup--horizontal___hTrDu {
738
745
  justify-content: flex-end;
739
746
  }
740
- .ButtonGroup-module__hop-ButtonGroup--wrap___54QPw {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___TJ4km {
741
748
  flex-wrap: wrap;
742
749
  }
743
- .ButtonGroup-module__hop-ButtonGroup--fluid___jt0SM {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___gXntW {
744
751
  inline-size: 100%;
745
752
  }
746
753
 
747
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
748
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu {
749
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
750
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
751
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -909,7 +916,7 @@
909
916
  outline: none;
910
917
  transition: color var(--transition);
911
918
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu::before {
913
920
  content: "";
914
921
  position: absolute;
915
922
  inset-block-start: 50%;
@@ -922,284 +929,284 @@
922
929
  border-radius: var(--effect-border-radius);
923
930
  transition: background-color var(--transition);
924
931
  }
925
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-square] {
926
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
927
934
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7 {
929
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
930
937
  --block-size: var(--hop-EmbeddedButton-md-height);
931
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
932
939
  }
933
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe- {
934
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
935
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
936
943
  --focus-ring-offset: 0;
937
944
  }
938
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___rMja7::before {
939
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
940
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
941
948
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___6Doe-::before {
943
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
944
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0 {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r {
947
954
  --color: var(--hop-EmbeddedButton-neutral-color);
948
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
949
956
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr {
951
958
  --color: var(--hop-EmbeddedButton-subdued-color);
952
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
953
960
  }
954
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5 {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv {
955
962
  --color: var(--hop-EmbeddedButton-progress-color);
956
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
957
964
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf {
959
966
  --color: var(--hop-EmbeddedButton-positive-color);
960
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3 {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0 {
963
970
  --color: var(--hop-EmbeddedButton-caution-color);
964
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
965
972
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU {
967
974
  --color: var(--hop-EmbeddedButton-negative-color);
968
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
969
976
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9 {
971
978
  --color: var(--hop-EmbeddedButton-option1-color);
972
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
973
980
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2 {
975
982
  --color: var(--hop-EmbeddedButton-option2-color);
976
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
977
984
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw {
979
986
  --color: var(--hop-EmbeddedButton-option3-color);
980
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
981
988
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3 {
983
990
  --color: var(--hop-EmbeddedButton-option4-color);
984
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
985
992
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF {
987
994
  --color: var(--hop-EmbeddedButton-option5-color);
988
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
989
996
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5 {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo {
991
998
  --color: var(--hop-EmbeddedButton-option6-color);
992
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
993
1000
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-selected] {
995
1002
  --color: var(--hop-EmbeddedButton-selected-color);
996
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
997
1004
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-focus-visible] {
999
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1000
1007
  outline-offset: var(--focus-ring-offset);
1001
1008
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___xYGNu[data-disabled] {
1003
1010
  cursor: not-allowed;
1004
1011
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-hovered] {
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1007
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1008
1015
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-focus-visible] {
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1011
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1012
1019
  }
1013
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-pressed] {
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1015
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1016
1023
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___BeN5r[data-disabled] {
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1019
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1020
1027
  }
1021
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-hovered] {
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1023
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1024
1031
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-focus-visible] {
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1027
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1028
1035
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-pressed] {
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1031
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1032
1039
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___yuQCr[data-disabled] {
1034
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1035
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1036
1043
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-hovered] {
1038
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1039
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1040
1047
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-focus-visible] {
1042
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1043
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1044
1051
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-pressed] {
1046
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1047
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1048
1055
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___bUJKv[data-disabled] {
1050
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1051
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1052
1059
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-hovered] {
1054
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1055
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1056
1063
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-focus-visible] {
1058
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1059
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1060
1067
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-pressed] {
1062
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1063
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1064
1071
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Qaqgf[data-disabled] {
1066
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1067
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1068
1075
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-hovered] {
1070
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1071
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1072
1079
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-focus-visible] {
1074
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1075
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1076
1083
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-pressed] {
1078
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1079
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1080
1087
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___aKBZ0[data-disabled] {
1082
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1083
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1084
1091
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-hovered] {
1086
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1087
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1088
1095
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-focus-visible] {
1090
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1091
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1092
1099
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-pressed] {
1094
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1095
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1096
1103
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___deFvU[data-disabled] {
1098
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1099
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1100
1107
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-hovered] {
1102
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1103
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1104
1111
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-focus-visible] {
1106
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1107
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1108
1115
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-pressed] {
1110
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1111
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1112
1119
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___sSKL9[data-disabled] {
1114
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1115
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1116
1123
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-hovered] {
1118
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1119
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1120
1127
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-focus-visible] {
1122
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1123
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1124
1131
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-pressed] {
1126
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1127
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1128
1135
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___68Bh2[data-disabled] {
1130
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1131
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1132
1139
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-hovered] {
1134
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1135
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1136
1143
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-focus-visible] {
1138
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1139
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1140
1147
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-pressed] {
1142
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1143
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1144
1151
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___PNksw[data-disabled] {
1146
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1147
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1148
1155
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-hovered] {
1150
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1151
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1152
1159
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-focus-visible] {
1154
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1155
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1156
1163
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-pressed] {
1158
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1159
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1160
1167
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___b77U3[data-disabled] {
1162
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1163
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1164
1171
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-hovered] {
1166
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1167
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1168
1175
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-focus-visible] {
1170
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1171
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1172
1179
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-pressed] {
1174
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1175
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1176
1183
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___tqsSF[data-disabled] {
1178
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1179
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1180
1187
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-hovered] {
1182
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1183
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1184
1191
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-focus-visible] {
1186
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1187
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1188
1195
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-pressed] {
1190
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1191
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1192
1199
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___27kdo[data-disabled] {
1194
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1195
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1196
1203
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton__icon___BbHVZ {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LgoT6 {
1198
1205
  position: relative;
1199
1206
  }
1200
1207
 
1201
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1202
- button.CloseButton-module__hop-CloseButton___fFfuS {
1209
+ button.CloseButton-module__hop-CloseButton___i-yPG {
1203
1210
  --hop-CloseButton-margin-top: 0rem;
1204
1211
  --hop-CloseButton-padding: 0rem;
1205
1212
  --hop-CloseButton-width: fit-content;
@@ -1211,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1211
1218
  }
1212
1219
 
1213
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1214
- .Button-module__hop-Button___ZPqlN {
1221
+ .Button-module__hop-Button___0Z1G- {
1215
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1216
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1217
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1335,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1335
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1336
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1337
1344
  }
1338
- .Button-module__hop-Button--fluid___K97-Y {
1345
+ .Button-module__hop-Button--fluid___ocE9B {
1339
1346
  --inline-size: 100%;
1340
1347
  }
1341
- .Button-module__hop-Button--sm___VdVxi {
1348
+ .Button-module__hop-Button--sm___Iin1k {
1342
1349
  --block-size: var(--hop-Button-sm-height);
1343
1350
  --padding: var(--hop-Button-sm-padding);
1344
1351
  }
1345
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___Iin1k[class*=--ghost] {
1346
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1347
1354
  }
1348
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___bYBGM[class*=--ghost] {
1349
1356
  --padding: var(--hop-Button-ghost-md-padding);
1350
1357
  }
1351
- .Button-module__hop-Button--icon-only___NMJIz {
1358
+ .Button-module__hop-Button--icon-only___aWeym {
1352
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1353
1360
  --padding: var(--hop-Button-icon-only-padding);
1354
1361
  aspect-ratio: 1;
1355
1362
  }
1356
- .Button-module__hop-Button--primary___hVpe1 {
1363
+ .Button-module__hop-Button--primary___3Qmg3 {
1357
1364
  --background-color: var(--hop-Button-primary-background-color);
1358
1365
  --color: var(--hop-Button-primary-color);
1359
1366
  --border: var(--hop-Button-primary-border);
1360
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1361
1368
  }
1362
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
1363
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___3Qmg3[data-hovered],
1370
+ .Button-module__hop-Button--primary___3Qmg3[data-focus-visible] {
1364
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1365
1372
  --color: var(--hop-Button-primary-color-hover);
1366
1373
  --border: var(--hop-Button-primary-border-hover);
1367
1374
  }
1368
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
1375
+ .Button-module__hop-Button--primary___3Qmg3[data-pressed] {
1369
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1370
1377
  --color: var(--hop-Button-primary-color-pressed);
1371
1378
  --border: var(--hop-Button-primary-border-pressed);
1372
1379
  }
1373
- .Button-module__hop-Button--secondary___Gjg5h {
1380
+ .Button-module__hop-Button--secondary___u3qlM {
1374
1381
  --background-color: var(--hop-Button-secondary-background-color);
1375
1382
  --color: var(--hop-Button-secondary-color);
1376
1383
  --border: var(--hop-Button-secondary-border);
1377
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1378
1385
  }
1379
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
1380
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___u3qlM[data-hovered],
1387
+ .Button-module__hop-Button--secondary___u3qlM[data-focus-visible] {
1381
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1382
1389
  --color: var(--hop-Button-secondary-color-hover);
1383
1390
  --border: var(--hop-Button-secondary-border-hover);
1384
1391
  }
1385
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___u3qlM[data-pressed] {
1386
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1387
1394
  --color: var(--hop-Button-secondary-color-pressed);
1388
1395
  --border: var(--hop-Button-secondary-border-pressed);
1389
1396
  }
1390
- .Button-module__hop-Button--upsell___j1HQ7 {
1397
+ .Button-module__hop-Button--upsell___Wa1Kb {
1391
1398
  --background-color: var(--hop-Button-upsell-background-color);
1392
1399
  --color: var(--hop-Button-upsell-color);
1393
1400
  --border: var(--hop-Button-upsell-border);
1394
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1395
1402
  }
1396
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
1397
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___Wa1Kb[data-hovered],
1404
+ .Button-module__hop-Button--upsell___Wa1Kb[data-focus-visible] {
1398
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1399
1406
  --color: var(--hop-Button-upsell-color-hover);
1400
1407
  --border: var(--hop-Button-upsell-border-hover);
1401
1408
  }
1402
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___Wa1Kb[data-pressed] {
1403
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1404
1411
  --color: var(--hop-Button-upsell-color-pressed);
1405
1412
  --border: var(--hop-Button-upsell-border-pressed);
1406
1413
  }
1407
- .Button-module__hop-Button--danger___5VBlb {
1414
+ .Button-module__hop-Button--danger___de-7T {
1408
1415
  --background-color: var(--hop-Button-danger-background-color);
1409
1416
  --color: var(--hop-Button-danger-color);
1410
1417
  --border: var(--hop-Button-danger-border);
1411
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1412
1419
  }
1413
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
1414
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___de-7T[data-hovered],
1421
+ .Button-module__hop-Button--danger___de-7T[data-focus-visible] {
1415
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1416
1423
  --color: var(--hop-Button-danger-color-hover);
1417
1424
  --border: var(--hop-Button-danger-border-hover);
1418
1425
  }
1419
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
1426
+ .Button-module__hop-Button--danger___de-7T[data-pressed] {
1420
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1421
1428
  --color: var(--hop-Button-danger-color-pressed);
1422
1429
  --border: var(--hop-Button-danger-border-pressed);
1423
1430
  }
1424
- .Button-module__hop-Button--ghost-primary___jdoVD {
1431
+ .Button-module__hop-Button--ghost-primary___f-GHo {
1425
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1426
1433
  --color: var(--hop-Button-ghost-primary-color);
1427
1434
  --border: var(--hop-Button-ghost-primary-border);
1428
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1429
1436
  }
1430
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
1431
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-focus-visible] {
1432
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1433
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1434
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1435
1442
  --text-underline: underline;
1436
1443
  }
1437
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___f-GHo[data-pressed] {
1438
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1439
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1440
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1441
1448
  --text-underline: underline;
1442
1449
  }
1443
- .Button-module__hop-Button--ghost-secondary___FIdYc {
1450
+ .Button-module__hop-Button--ghost-secondary___732dQ {
1444
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1445
1452
  --color: var(--hop-Button-ghost-secondary-color);
1446
1453
  --border: var(--hop-Button-ghost-secondary-border);
1447
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1448
1455
  }
1449
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
1450
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-focus-visible] {
1451
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1452
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1453
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1454
1461
  --text-underline: underline;
1455
1462
  }
1456
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___732dQ[data-pressed] {
1457
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1458
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1459
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1460
1467
  --text-underline: underline;
1461
1468
  }
1462
- .Button-module__hop-Button--ghost-danger___hWB-b {
1469
+ .Button-module__hop-Button--ghost-danger___mXQFT {
1463
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1464
1471
  --color: var(--hop-Button-ghost-danger-color);
1465
1472
  --border: var(--hop-Button-ghost-danger-border);
1466
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1467
1474
  }
1468
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
1469
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-focus-visible] {
1470
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1471
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1472
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1473
1480
  --text-underline: underline;
1474
1481
  }
1475
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___mXQFT[data-pressed] {
1476
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1477
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1478
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1479
1486
  --text-underline: underline;
1480
1487
  }
1481
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
1488
+ .Button-module__hop-Button___0Z1G-[data-focus-visible] {
1482
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1483
1490
  }
1484
- .Button-module__hop-Button___ZPqlN[data-disabled],
1485
- .Button-module__hop-Button--loading___BXVdp {
1491
+ .Button-module__hop-Button___0Z1G-[data-disabled],
1492
+ .Button-module__hop-Button--loading___3l487 {
1486
1493
  cursor: not-allowed;
1487
1494
  }
1488
- .Button-module__hop-Button___ZPqlN[data-disabled] {
1495
+ .Button-module__hop-Button___0Z1G-[data-disabled] {
1489
1496
  --background-color: var(--hop-Button-background-color-disabled);
1490
1497
  --color: var(--hop-Button-color-disabled);
1491
1498
  --border: var(--hop-Button-border-disabled);
1492
1499
  }
1493
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___0Z1G-[class*=--ghost][data-disabled] {
1494
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1495
1502
  --color: var(--hop-Button-ghost-color-disabled);
1496
1503
  --border: var(--hop-Button-ghost-border-disabled);
1497
1504
  }
1498
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
1505
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--primary___3Qmg3 {
1499
1506
  --background-color: var(--hop-Button-primary-background-color);
1500
1507
  --color: var(--hop-Button-primary-color);
1501
1508
  --border: var(--hop-Button-primary-border);
1502
1509
  }
1503
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
1510
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--secondary___u3qlM {
1504
1511
  --background-color: var(--hop-Button-secondary-background-color);
1505
1512
  --color: var(--hop-Button-secondary-color);
1506
1513
  --border: var(--hop-Button-secondary-border);
1507
1514
  }
1508
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
1515
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--upsell___Wa1Kb {
1509
1516
  --background-color: var(--hop-Button-upsell-background-color);
1510
1517
  --color: var(--hop-Button-upsell-color);
1511
1518
  --border: var(--hop-Button-upsell-border);
1512
1519
  }
1513
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
1520
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--danger___de-7T {
1514
1521
  --background-color: var(--hop-Button-danger-background-color);
1515
1522
  --color: var(--hop-Button-danger-color);
1516
1523
  --border: var(--hop-Button-danger-border);
1517
1524
  }
1518
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
1525
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-primary___f-GHo {
1519
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1520
1527
  --color: var(--hop-Button-ghost-primary-color);
1521
1528
  --border: var(--hop-Button-ghost-primary-border);
1522
1529
  --text-underline: none;
1523
1530
  }
1524
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
1531
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-secondary___732dQ {
1525
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1526
1533
  --color: var(--hop-Button-ghost-secondary-color);
1527
1534
  --border: var(--hop-Button-ghost-secondary-border);
1528
1535
  --text-underline: none;
1529
1536
  }
1530
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
1537
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button--ghost-danger___mXQFT {
1531
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1532
1539
  --color: var(--hop-Button-ghost-danger-color);
1533
1540
  --border: var(--hop-Button-ghost-danger-border);
1534
1541
  --text-underline: none;
1535
1542
  }
1536
- .Button-module__hop-Button__Spinner___310hA {
1543
+ .Button-module__hop-Button__Spinner___Aydmf {
1537
1544
  position: absolute;
1538
1545
  color: var(--spinner-color);
1539
1546
  }
1540
- .Button-module__hop-Button__icon___YbJeU,
1541
- .Button-module__hop-Button__icon-list___w8gX0 {
1547
+ .Button-module__hop-Button__icon___3H1Sb,
1548
+ .Button-module__hop-Button__icon-list___iWElA {
1542
1549
  flex: 0 0 auto;
1543
1550
  justify-self: end;
1544
1551
  order: 1;
1545
1552
  }
1546
- .Button-module__hop-Button__text___HL8Dk {
1553
+ .Button-module__hop-Button__text___ZFtXo {
1547
1554
  user-select: none;
1548
1555
  overflow: visible;
1549
1556
  flex: 0 1 auto;
@@ -1553,57 +1560,330 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1553
1560
  text-underline-offset: 0.125rem;
1554
1561
  text-wrap: nowrap;
1555
1562
  }
1556
- .Button-module__hop-Button__end-icon___y2Lq-,
1557
- .Button-module__hop-Button__end-icon-list___CTkAY {
1563
+ .Button-module__hop-Button__end-icon___nOaCX,
1564
+ .Button-module__hop-Button__end-icon-list___ge2sI {
1558
1565
  flex: 0 0 auto;
1559
1566
  order: 3;
1560
1567
  }
1561
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
1562
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
1568
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__icon-list___iWElA,
1569
+ .Button-module__hop-Button___0Z1G- .Button-module__hop-Button__end-icon-list___ge2sI {
1563
1570
  flex-wrap: nowrap;
1564
1571
  }
1565
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
1572
+ .Button-module__hop-Button--loading___3l487.Button-module__hop-Button___0Z1G- > *:not(.Button-module__hop-Button__Spinner___Aydmf) {
1566
1573
  opacity: 0;
1567
1574
  }
1568
- .LinkButton-module__hop-LinkButton___N3nc0 {
1575
+ .LinkButton-module__hop-LinkButton___-WoGS {
1569
1576
  }
1570
- .LinkButton-module__hop-LinkButton--fluid___mJSQl {
1577
+ .LinkButton-module__hop-LinkButton--fluid___dxw2A {
1571
1578
  }
1572
- .LinkButton-module__hop-LinkButton--sm___D9mwg {
1579
+ .LinkButton-module__hop-LinkButton--sm___OyTLF {
1573
1580
  }
1574
- .LinkButton-module__hop-LinkButton--icon-only___gJ4PG {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___JOox2 {
1575
1582
  }
1576
- .LinkButton-module__hop-LinkButton--primary___AJNa- {
1583
+ .LinkButton-module__hop-LinkButton--primary___GqNpo {
1577
1584
  }
1578
- .LinkButton-module__hop-LinkButton--secondary___CxLPH {
1585
+ .LinkButton-module__hop-LinkButton--secondary___Bekbp {
1579
1586
  }
1580
- .LinkButton-module__hop-LinkButton--upsell___ika2M {
1587
+ .LinkButton-module__hop-LinkButton--upsell___SKX6u {
1581
1588
  }
1582
- .LinkButton-module__hop-LinkButton--danger___7K9U7 {
1589
+ .LinkButton-module__hop-LinkButton--danger___qDii5 {
1583
1590
  }
1584
- .LinkButton-module__hop-LinkButton--ghost-primary___EgbKo {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___e2zJB {
1585
1592
  }
1586
- .LinkButton-module__hop-LinkButton--ghost-secondary___sHQSh {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH {
1587
1594
  }
1588
- .LinkButton-module__hop-LinkButton--ghost-danger___oALe- {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ {
1589
1596
  }
1590
- .LinkButton-module__hop-LinkButton__Spinner___qT9rt {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___3DWvP {
1591
1598
  }
1592
- .LinkButton-module__hop-LinkButton__icon___T-YW5,
1593
- .LinkButton-module__hop-LinkButton__icon-list___hekki {
1599
+ .LinkButton-module__hop-LinkButton__icon___agTeu,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___vFCgT {
1594
1601
  }
1595
- .LinkButton-module__hop-LinkButton__text___R7z5h {
1602
+ .LinkButton-module__hop-LinkButton__text___pBNkq {
1596
1603
  }
1597
- .LinkButton-module__hop-LinkButton__end-icon___IMzH0,
1598
- .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___Ya3uz,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1599
1606
  }
1600
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__icon-list___hekki,
1601
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
1607
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__icon-list___vFCgT,
1608
+ .LinkButton-module__hop-LinkButton___-WoGS .LinkButton-module__hop-LinkButton__end-icon-list___mVfmL {
1602
1609
  flex-wrap: nowrap;
1603
1610
  }
1604
1611
 
1612
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
+ .ToggleButton-module__hop-ToggleButton___oE-c4 {
1614
+ --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1615
+ --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1616
+ --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1617
+ --hop-ToggleButton-icon-only-column-gap: 0;
1618
+ --hop-ToggleButton-outline-size: var(--hop-space-20);
1619
+ --hop-ToggleButton-border-size: var(--hop-space-10);
1620
+ --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1621
+ --hop-ToggleButton-icon-only-padding: 0;
1622
+ --hop-ToggleButton-sm-height: 2rem;
1623
+ --hop-ToggleButton-md-height: 2.5rem;
1624
+ --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1625
+ --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1626
+ --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1627
+ --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1628
+ --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1629
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1630
+ --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1631
+ --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1632
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1633
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1634
+ --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1635
+ --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1636
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1637
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1638
+ --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1639
+ --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1640
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1641
+ --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1642
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1643
+ --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1644
+ --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1645
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1646
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1647
+ --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1648
+ --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1649
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1650
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1651
+ --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1652
+ --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1653
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1654
+ --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1655
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1656
+ --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1657
+ --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1658
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1659
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1660
+ --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1661
+ --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1662
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1663
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1664
+ --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1665
+ --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1666
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1667
+ --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1668
+ --hop-ToggleButton-tertiary-color: var(--hop-neutral-text-weak);
1669
+ --hop-ToggleButton-tertiary-color-hover: var(--hop-neutral-text-weak-hover);
1670
+ --hop-ToggleButton-tertiary-color-pressed: var(--hop-neutral-text-weak-press);
1671
+ --hop-ToggleButton-tertiary-background-color: transparent;
1672
+ --hop-ToggleButton-tertiary-background-color-hover: var(--hop-neutral-surface-hover);
1673
+ --hop-ToggleButton-tertiary-background-color-pressed: var(--hop-neutral-surface-press);
1674
+ --hop-ToggleButton-tertiary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color);
1675
+ --hop-ToggleButton-tertiary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-hover);
1676
+ --hop-ToggleButton-tertiary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-pressed);
1677
+ --hop-ToggleButton-tertiary-spinner-color: var(--hop-neutral-icon);
1678
+ --hop-ToggleButton-tertiary-color-disabled: var(--hop-neutral-text-disabled);
1679
+ --hop-ToggleButton-tertiary-background-color-disabled: transparent;
1680
+ --hop-ToggleButton-tertiary-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-tertiary-background-color-disabled);
1681
+ --inline-size: max-content;
1682
+ --block-size: var(--hop-ToggleButton-md-height);
1683
+ --background-color: var(--hop-primary-surface-strong);
1684
+ --color: var(--hop-primary-text-strong);
1685
+ --column-gap: var(--hop-ToggleButton-column-gap);
1686
+ --spinner: var(--hop-primary-icon-strong);
1687
+ --border: 0;
1688
+ --padding: var(--hop-ToggleButton-md-padding);
1689
+ --text-underline: none;
1690
+ cursor: pointer;
1691
+ position: relative;
1692
+ overflow: hidden;
1693
+ display: flex;
1694
+ column-gap: var(--column-gap);
1695
+ align-items: center;
1696
+ justify-content: center;
1697
+ box-sizing: border-box;
1698
+ inline-size: var(--inline-size);
1699
+ block-size: var(--block-size);
1700
+ padding: var(--padding);
1701
+ color: var(--color);
1702
+ text-decoration: none;
1703
+ white-space: nowrap;
1704
+ background-color: var(--background-color);
1705
+ border: var(--border);
1706
+ border-radius: var(--hop-ToggleButton-border-radius);
1707
+ outline: none;
1708
+ outline-offset: var(--hop-ToggleButton-outline-size);
1709
+ transition:
1710
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1711
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1712
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1713
+ }
1714
+ .ToggleButton-module__hop-ToggleButton--fluid___tjNCt {
1715
+ --inline-size: 100%;
1716
+ }
1717
+ .ToggleButton-module__hop-ToggleButton--sm___3FzX2 {
1718
+ --block-size: var(--hop-ToggleButton-sm-height);
1719
+ --padding: var(--hop-ToggleButton-sm-padding);
1720
+ }
1721
+ .ToggleButton-module__hop-ToggleButton--icon-only___sdnLP {
1722
+ --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1723
+ --padding: var(--hop-ToggleButton-icon-only-padding);
1724
+ aspect-ratio: 1;
1725
+ }
1726
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk {
1727
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1728
+ --color: var(--hop-ToggleButton-primary-color);
1729
+ --border: var(--hop-ToggleButton-primary-border);
1730
+ --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1731
+ }
1732
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-hovered],
1733
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-focus-visible] {
1734
+ --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1735
+ --color: var(--hop-ToggleButton-primary-color-hover);
1736
+ --border: var(--hop-ToggleButton-primary-border-hover);
1737
+ }
1738
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-pressed] {
1739
+ --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1740
+ --color: var(--hop-ToggleButton-primary-color-pressed);
1741
+ --border: var(--hop-ToggleButton-primary-border-pressed);
1742
+ }
1743
+ .ToggleButton-module__hop-ToggleButton--primary___j98yk[data-selected] {
1744
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1745
+ --color: var(--hop-ToggleButton-primary-color-selected);
1746
+ --border: var(--hop-ToggleButton-primary-border-selected);
1747
+ }
1748
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1749
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1750
+ --color: var(--hop-ToggleButton-secondary-color);
1751
+ --border: var(--hop-ToggleButton-secondary-border);
1752
+ --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1753
+ }
1754
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-hovered],
1755
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-focus-visible] {
1756
+ --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1757
+ --color: var(--hop-ToggleButton-secondary-color-hover);
1758
+ --border: var(--hop-ToggleButton-secondary-border-hover);
1759
+ }
1760
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-pressed] {
1761
+ --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1762
+ --color: var(--hop-ToggleButton-secondary-color-pressed);
1763
+ --border: var(--hop-ToggleButton-secondary-border-pressed);
1764
+ }
1765
+ .ToggleButton-module__hop-ToggleButton--secondary___8WysN[data-selected] {
1766
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1767
+ --color: var(--hop-ToggleButton-secondary-color-selected);
1768
+ --border: var(--hop-ToggleButton-secondary-border-selected);
1769
+ }
1770
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1771
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1772
+ --color: var(--hop-ToggleButton-upsell-color);
1773
+ --border: var(--hop-ToggleButton-upsell-border);
1774
+ --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1775
+ }
1776
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-hovered],
1777
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-focus-visible] {
1778
+ --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1779
+ --color: var(--hop-ToggleButton-upsell-color-hover);
1780
+ --border: var(--hop-ToggleButton-upsell-border-hover);
1781
+ }
1782
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-pressed] {
1783
+ --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1784
+ --color: var(--hop-ToggleButton-upsell-color-pressed);
1785
+ --border: var(--hop-ToggleButton-upsell-border-pressed);
1786
+ }
1787
+ .ToggleButton-module__hop-ToggleButton--upsell___Op-iH[data-selected] {
1788
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1789
+ --color: var(--hop-ToggleButton-upsell-color-selected);
1790
+ --border: var(--hop-ToggleButton-upsell-border-selected);
1791
+ }
1792
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1793
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1794
+ --color: var(--hop-ToggleButton-tertiary-color);
1795
+ --border: var(--hop-ToggleButton-tertiary-border);
1796
+ --spinner-color: var(--hop-ToggleButton-tertiary-spinner-color);
1797
+ }
1798
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-hovered],
1799
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-focus-visible] {
1800
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-hover);
1801
+ --color: var(--hop-ToggleButton-tertiary-color-hover);
1802
+ --border: var(--hop-ToggleButton-tertiary-border-hover);
1803
+ --text-underline: underline;
1804
+ }
1805
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed],
1806
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-selected] {
1807
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-pressed);
1808
+ --color: var(--hop-ToggleButton-tertiary-color-pressed);
1809
+ --border: var(--hop-ToggleButton-tertiary-border-pressed);
1810
+ }
1811
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-pressed] {
1812
+ --text-underline: underline;
1813
+ }
1814
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-focus-visible] {
1815
+ outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1816
+ }
1817
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled],
1818
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv {
1819
+ cursor: not-allowed;
1820
+ }
1821
+ .ToggleButton-module__hop-ToggleButton___oE-c4[data-disabled] {
1822
+ --background-color: var(--hop-ToggleButton-background-color-disabled);
1823
+ --color: var(--hop-ToggleButton-color-disabled);
1824
+ --border: var(--hop-ToggleButton-border-disabled);
1825
+ }
1826
+ .ToggleButton-module__hop-ToggleButton--tertiary___YiTR9[data-disabled] {
1827
+ --background-color: var(--hop-ToggleButton-tertiary-background-color-disabled);
1828
+ --color: var(--hop-ToggleButton-tertiary-color-disabled);
1829
+ --border: var(--hop-ToggleButton-tertiary-border-disabled);
1830
+ }
1831
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--primary___j98yk {
1832
+ --background-color: var(--hop-ToggleButton-primary-background-color);
1833
+ --color: var(--hop-ToggleButton-primary-color);
1834
+ --border: var(--hop-ToggleButton-primary-border);
1835
+ }
1836
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--secondary___8WysN {
1837
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
1838
+ --color: var(--hop-ToggleButton-secondary-color);
1839
+ --border: var(--hop-ToggleButton-secondary-border);
1840
+ }
1841
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--upsell___Op-iH {
1842
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
1843
+ --color: var(--hop-ToggleButton-upsell-color);
1844
+ --border: var(--hop-ToggleButton-upsell-border);
1845
+ }
1846
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton--tertiary___YiTR9 {
1847
+ --background-color: var(--hop-ToggleButton-tertiary-background-color);
1848
+ --color: var(--hop-ToggleButton-tertiary-color);
1849
+ --border: var(--hop-ToggleButton-tertiary-border);
1850
+ --text-underline: none;
1851
+ }
1852
+ .ToggleButton-module__hop-ToggleButton__Spinner___eTDKR {
1853
+ position: absolute;
1854
+ color: var(--spinner-color);
1855
+ }
1856
+ .ToggleButton-module__hop-ToggleButton__icon___9MF68,
1857
+ .ToggleButton-module__hop-ToggleButton__icon-list___36wAy {
1858
+ flex: 0 0 auto;
1859
+ justify-self: end;
1860
+ order: 1;
1861
+ }
1862
+ .ToggleButton-module__hop-ToggleButton__text___dDxdD {
1863
+ user-select: none;
1864
+ overflow: visible;
1865
+ flex: 0 1 auto;
1866
+ order: 2;
1867
+ font-weight: var(--hop-font-weight-505);
1868
+ text-decoration: var(--text-underline);
1869
+ text-underline-offset: 0.125rem;
1870
+ text-wrap: nowrap;
1871
+ }
1872
+ .ToggleButton-module__hop-ToggleButton__end-icon___kTzUI,
1873
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1874
+ flex: 0 0 auto;
1875
+ order: 3;
1876
+ }
1877
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__icon-list___36wAy,
1878
+ .ToggleButton-module__hop-ToggleButton___oE-c4 .ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy {
1879
+ flex-wrap: nowrap;
1880
+ }
1881
+ .ToggleButton-module__hop-ToggleButton--loading___l26Nv.ToggleButton-module__hop-ToggleButton___oE-c4 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___eTDKR) {
1882
+ opacity: 0;
1883
+ }
1884
+
1605
1885
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1606
- .HopperProvider-module__hop-HopperProvider___2NQJm {
1886
+ .HopperProvider-module__hop-HopperProvider___0oWjx {
1607
1887
  font-family: var(--hop-body-md-font-family);
1608
1888
  font-size: var(--hop-body-md-font-size);
1609
1889
  font-weight: var(--hop-body-md-font-weight);
@@ -1613,7 +1893,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1613
1893
  }
1614
1894
 
1615
1895
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1616
- .Link-module__hop-Link___0LyLe {
1896
+ .Link-module__hop-Link___zN0GU {
1617
1897
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1618
1898
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1619
1899
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1673,130 +1953,130 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1673
1953
  outline: none;
1674
1954
  outline-offset: 0.125rem;
1675
1955
  }
1676
- :where(.Link-module__hop-Link___0LyLe) {
1956
+ :where(.Link-module__hop-Link___zN0GU) {
1677
1957
  font-family: var(--font-family);
1678
1958
  font-size: var(--font-size);
1679
1959
  font-weight: var(--font-weight);
1680
1960
  line-height: var(--line-height);
1681
1961
  }
1682
- :where(.Link-module__hop-Link--xs___9aIEA) {
1962
+ :where(.Link-module__hop-Link--xs___ABclH) {
1683
1963
  --font-size: var(--hop-Link-xs-font-size);
1684
1964
  --font-family: var(--hop-Link-xs-font-family);
1685
1965
  --font-weight: var(--hop-Link-xs-font-weight);
1686
1966
  --line-height: var(--hop-Link-xs-line-height);
1687
1967
  }
1688
- :where(.Link-module__hop-Link--sm___LfRYy) {
1968
+ :where(.Link-module__hop-Link--sm___6euWI) {
1689
1969
  --font-size: var(--hop-Link-sm-font-size);
1690
1970
  --font-family: var(--hop-Link-sm-font-family);
1691
1971
  --font-weight: var(--hop-Link-sm-font-weight);
1692
1972
  --line-height: var(--hop-Link-sm-line-height);
1693
1973
  }
1694
- :where(.Link-module__hop-Link--md___nzmu9) {
1974
+ :where(.Link-module__hop-Link--md___-4wx-) {
1695
1975
  --font-size: var(--hop-Link-md-font-size);
1696
1976
  --font-family: var(--hop-Link-md-font-family);
1697
1977
  --font-weight: var(--hop-Link-md-font-weight);
1698
1978
  --line-height: var(--hop-Link-md-line-height);
1699
1979
  }
1700
- :where(.Link-module__hop-Link--lg___RS4Xr) {
1980
+ :where(.Link-module__hop-Link--lg___r5ujq) {
1701
1981
  --font-size: var(--hop-Link-lg-font-size);
1702
1982
  --font-family: var(--hop-Link-lg-font-family);
1703
1983
  --font-weight: var(--hop-Link-lg-font-weight);
1704
1984
  --line-height: var(--hop-Link-lg-line-height);
1705
1985
  }
1706
- :where(.Link-module__hop-Link--xl___B0s8f) {
1986
+ :where(.Link-module__hop-Link--xl___ntD7P) {
1707
1987
  --font-size: var(--hop-Link-xl-font-size);
1708
1988
  --font-family: var(--hop-Link-xl-font-family);
1709
1989
  --font-weight: var(--hop-Link-xl-font-weight);
1710
1990
  --line-height: var(--hop-Link-xl-line-height);
1711
1991
  }
1712
- :where(.Link-module__hop-Link--2xl___84ayj) {
1992
+ :where(.Link-module__hop-Link--2xl___tluwP) {
1713
1993
  --font-size: var(--hop-Link-2xl-font-size);
1714
1994
  --font-family: var(--hop-Link-2xl-font-family);
1715
1995
  --font-weight: var(--hop-Link-2xl-font-weight);
1716
1996
  --line-height: var(--hop-Link-2xl-line-height);
1717
1997
  }
1718
- :where(.Link-module__hop-Link--inherit___qijuu) {
1998
+ :where(.Link-module__hop-Link--inherit___RyQa4) {
1719
1999
  --font-size: var(--hop-Link-inherit-size-font-size);
1720
2000
  --font-family: var(--hop-Link-inherit-size-font-family);
1721
2001
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1722
2002
  --line-height: var(--hop-Link-inherit-size-line-height);
1723
2003
  }
1724
- .Link-module__hop-Link___0LyLe[data-focus-visible] {
2004
+ .Link-module__hop-Link___zN0GU[data-focus-visible] {
1725
2005
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1726
2006
  }
1727
- .Link-module__hop-Link___0LyLe[data-disabled] {
2007
+ .Link-module__hop-Link___zN0GU[data-disabled] {
1728
2008
  cursor: default;
1729
2009
  }
1730
- .Link-module__hop-Link--standalone___CUe-L .Link-module__hop-Link__text___wtntQ {
2010
+ .Link-module__hop-Link--standalone___l-iNG .Link-module__hop-Link__text___9BuwZ {
1731
2011
  padding: var(--hop-Link-padding-standalone);
1732
2012
  }
1733
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--xs___9aIEA .Link-module__hop-Link__text___wtntQ {
2013
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xs___ABclH .Link-module__hop-Link__text___9BuwZ {
1734
2014
  padding: var(--hop-Link-padding-standalone-xs);
1735
2015
  }
1736
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--sm___LfRYy .Link-module__hop-Link__text___wtntQ {
2016
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--sm___6euWI .Link-module__hop-Link__text___9BuwZ {
1737
2017
  padding: var(--hop-Link-padding-standalone-sm);
1738
2018
  }
1739
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--md___nzmu9 .Link-module__hop-Link__text___wtntQ {
2019
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--md___-4wx- .Link-module__hop-Link__text___9BuwZ {
1740
2020
  padding: var(--hop-Link-padding-standalone-md);
1741
2021
  }
1742
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--lg___RS4Xr .Link-module__hop-Link__text___wtntQ {
2022
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--lg___r5ujq .Link-module__hop-Link__text___9BuwZ {
1743
2023
  padding: var(--hop-Link-padding-standalone-lg);
1744
2024
  }
1745
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--xl___B0s8f .Link-module__hop-Link__text___wtntQ {
2025
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--xl___ntD7P .Link-module__hop-Link__text___9BuwZ {
1746
2026
  padding: var(--hop-Link-padding-standalone-xl);
1747
2027
  }
1748
- .Link-module__hop-Link--standalone___CUe-L.Link-module__hop-Link--2xl___84ayj .Link-module__hop-Link__text___wtntQ {
2028
+ .Link-module__hop-Link--standalone___l-iNG.Link-module__hop-Link--2xl___tluwP .Link-module__hop-Link__text___9BuwZ {
1749
2029
  padding: var(--hop-Link-padding-standalone-2xl);
1750
2030
  }
1751
- .Link-module__hop-Link--quiet___hbVzy[data-focus-visible],
1752
- .Link-module__hop-Link--quiet___hbVzy[data-hovered],
1753
- .Link-module__hop-Link--standalone___CUe-L[data-focus-visible],
1754
- .Link-module__hop-Link--standalone___CUe-L[data-hovered] {
2031
+ .Link-module__hop-Link--quiet___p89Vc[data-focus-visible],
2032
+ .Link-module__hop-Link--quiet___p89Vc[data-hovered],
2033
+ .Link-module__hop-Link--standalone___l-iNG[data-focus-visible],
2034
+ .Link-module__hop-Link--standalone___l-iNG[data-hovered] {
1755
2035
  text-decoration: underline;
1756
2036
  }
1757
- .Link-module__hop-Link___0LyLe:not(.Link-module__hop-Link--quiet___hbVzy, .Link-module__hop-Link--standalone___CUe-L) {
2037
+ .Link-module__hop-Link___zN0GU:not(.Link-module__hop-Link--quiet___p89Vc, .Link-module__hop-Link--standalone___l-iNG) {
1758
2038
  text-decoration: underline;
1759
2039
  }
1760
- .Link-module__hop-Link--primary___o-lxN {
2040
+ .Link-module__hop-Link--primary___o0ags {
1761
2041
  color: var(--hop-Link-primary-text-color);
1762
2042
  }
1763
- .Link-module__hop-Link--primary___o-lxN[data-disabled] {
2043
+ .Link-module__hop-Link--primary___o0ags[data-disabled] {
1764
2044
  color: var(--hop-Link-primary-text-disabled-color);
1765
2045
  }
1766
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-focus-visible],
1767
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-hovered] {
2046
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-focus-visible],
2047
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-hovered] {
1768
2048
  color: var(--hop-Link-primary-text-hover-color);
1769
2049
  }
1770
- .Link-module__hop-Link--primary___o-lxN:not([data-disabled])[data-pressed] {
2050
+ .Link-module__hop-Link--primary___o0ags:not([data-disabled])[data-pressed] {
1771
2051
  color: var(--hop-Link-primary-text-pressed-color);
1772
2052
  }
1773
- .Link-module__hop-Link--secondary___YZ-J7 {
2053
+ .Link-module__hop-Link--secondary___jcpD5 {
1774
2054
  color: var(--hop-Link-neutral-text-color);
1775
2055
  }
1776
- .Link-module__hop-Link--secondary___YZ-J7[data-disabled] {
2056
+ .Link-module__hop-Link--secondary___jcpD5[data-disabled] {
1777
2057
  color: var(--hop-Link-neutral-text-disabled-color);
1778
2058
  }
1779
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-focus-visible],
1780
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-hovered] {
2059
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-focus-visible],
2060
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-hovered] {
1781
2061
  color: var(--hop-Link-neutral-text-hover-color);
1782
2062
  }
1783
- .Link-module__hop-Link--secondary___YZ-J7:not([data-disabled])[data-pressed] {
2063
+ .Link-module__hop-Link--secondary___jcpD5:not([data-disabled])[data-pressed] {
1784
2064
  color: var(--hop-Link-neutral-text-pressed-color);
1785
2065
  }
1786
- .Link-module__hop-Link__icon___Y2Dkw,
1787
- .Link-module__hop-Link__icon-list___uaGHu {
2066
+ .Link-module__hop-Link__icon___N8Pvt,
2067
+ .Link-module__hop-Link__icon-list___jgYl- {
1788
2068
  order: 2;
1789
2069
  }
1790
- .Link-module__hop-Link__text___wtntQ {
2070
+ .Link-module__hop-Link__text___9BuwZ {
1791
2071
  order: 1;
1792
2072
  }
1793
- .Link-module__hop-Link__start-icon___r8Z46,
1794
- .Link-module__hop-Link__start-icon-list___B4G-Q {
2073
+ .Link-module__hop-Link__start-icon___GOMwu,
2074
+ .Link-module__hop-Link__start-icon-list___P72wB {
1795
2075
  order: 0;
1796
2076
  }
1797
2077
 
1798
2078
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1799
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG {
2079
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
1800
2080
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1801
2081
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1802
2082
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1827,46 +2107,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1827
2107
  background-color: var(--background-color);
1828
2108
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1829
2109
  }
1830
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___P4871 {
2110
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
1831
2111
  --size: var(--hop-RichIconAvatarImage-xs-size);
1832
2112
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1833
2113
  }
1834
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RasWJ {
2114
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
1835
2115
  --size: var(--hop-RichIconAvatarImage-sm-size);
1836
2116
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1837
2117
  }
1838
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Dz4pU {
2118
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
1839
2119
  --size: var(--hop-RichIconAvatarImage-md-size);
1840
2120
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1841
2121
  }
1842
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OH-gD {
2122
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
1843
2123
  --size: var(--hop-RichIconAvatarImage-lg-size);
1844
2124
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1845
2125
  }
1846
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___PUJ3C {
2126
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
1847
2127
  --size: var(--hop-RichIconAvatarImage-xl-size);
1848
2128
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1849
2129
  }
1850
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PFE3 {
2130
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
1851
2131
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1852
2132
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1853
2133
  }
1854
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] {
2134
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
1855
2135
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1856
2136
  }
1857
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
2137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1858
2138
  position: relative;
1859
2139
  display: block;
1860
2140
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1861
2141
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1862
2142
  }
1863
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
2143
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
1864
2144
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1865
2145
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1866
2146
  }
1867
2147
 
1868
2148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1869
- .Avatar-module__hop-Avatar___UK5w- {
2149
+ .Avatar-module__hop-Avatar___sOX9A {
1870
2150
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1871
2151
  --hop-Avatar-mix-blend-mode: normal;
1872
2152
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1911,67 +2191,67 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1911
2191
  background-color: var(--background-color, transparent);
1912
2192
  border-radius: var(--hop-Avatar-border-radius);
1913
2193
  }
1914
- .Avatar-module__hop-Avatar--xs___kGlrt {
2194
+ .Avatar-module__hop-Avatar--xs___i1aUW {
1915
2195
  --size: var(--hop-Avatar-xs-size);
1916
2196
  }
1917
- .Avatar-module__hop-Avatar--sm___d9LVJ {
2197
+ .Avatar-module__hop-Avatar--sm___nwUvL {
1918
2198
  --size: var(--hop-Avatar-sm-size);
1919
2199
  }
1920
- .Avatar-module__hop-Avatar--md___rKLQC {
2200
+ .Avatar-module__hop-Avatar--md___uyw33 {
1921
2201
  --size: var(--hop-Avatar-md-size);
1922
2202
  }
1923
- .Avatar-module__hop-Avatar--lg___VadBR {
2203
+ .Avatar-module__hop-Avatar--lg___Mui78 {
1924
2204
  --size: var(--hop-Avatar-lg-size);
1925
2205
  }
1926
- .Avatar-module__hop-Avatar--xl___cG4AH {
2206
+ .Avatar-module__hop-Avatar--xl___hHaUG {
1927
2207
  --size: var(--hop-Avatar-xl-size);
1928
2208
  }
1929
- .Avatar-module__hop-Avatar--2xl___gYpb7 {
2209
+ .Avatar-module__hop-Avatar--2xl___pqrQN {
1930
2210
  --size: var(--hop-Avatar-2xl-size);
1931
2211
  }
1932
- .Avatar-module__hop-Avatar--decorative-option1___rPJY3 {
2212
+ .Avatar-module__hop-Avatar--decorative-option1___s0WXt {
1933
2213
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1934
2214
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1935
2215
  }
1936
- .Avatar-module__hop-Avatar--decorative-option2___wGv-I {
2216
+ .Avatar-module__hop-Avatar--decorative-option2___c3i5W {
1937
2217
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1938
2218
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1939
2219
  }
1940
- .Avatar-module__hop-Avatar--decorative-option3___B4LtG {
2220
+ .Avatar-module__hop-Avatar--decorative-option3___vCyti {
1941
2221
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1942
2222
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1943
2223
  }
1944
- .Avatar-module__hop-Avatar--decorative-option4___AMRxq {
2224
+ .Avatar-module__hop-Avatar--decorative-option4___JbRKY {
1945
2225
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1946
2226
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1947
2227
  }
1948
- .Avatar-module__hop-Avatar--decorative-option5___q-beY {
2228
+ .Avatar-module__hop-Avatar--decorative-option5___xoYBk {
1949
2229
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1950
2230
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1951
2231
  }
1952
- .Avatar-module__hop-Avatar--decorative-option6___zR-1U {
2232
+ .Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
1953
2233
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1954
2234
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1955
2235
  }
1956
- .Avatar-module__hop-Avatar--decorative-option7___V7lf3 {
2236
+ .Avatar-module__hop-Avatar--decorative-option7___wTPOD {
1957
2237
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1958
2238
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1959
2239
  }
1960
- .Avatar-module__hop-Avatar--decorative-option8___M6MKQ {
2240
+ .Avatar-module__hop-Avatar--decorative-option8___swMm0 {
1961
2241
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1962
2242
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1963
2243
  }
1964
- .Avatar-module__hop-Avatar--decorative-option9___IlUqF {
2244
+ .Avatar-module__hop-Avatar--decorative-option9___en8-c {
1965
2245
  --background-color: var(--hop-Avatar-decorative-9-background-color);
1966
2246
  --text-color: var(--hop-Avatar-decorative-9-text-color);
1967
2247
  }
1968
- .Avatar-module__hop-Avatar___UK5w-[data-disabled] {
2248
+ .Avatar-module__hop-Avatar___sOX9A[data-disabled] {
1969
2249
  --background-color: var(--hop-Avatar-background-color-disabled);
1970
2250
  --text-color: var(--hop-Avatar-text-color-disabled);
1971
2251
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1972
2252
  isolation: isolate;
1973
2253
  }
1974
- .Avatar-module__hop-Avatar__image___JwMgS {
2254
+ .Avatar-module__hop-Avatar__image___aGfAg {
1975
2255
  position: relative;
1976
2256
  display: block;
1977
2257
  box-sizing: border-box;
@@ -1982,7 +2262,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1982
2262
  }
1983
2263
 
1984
2264
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
1985
- .Tooltip-module__hop-Tooltip___P0P5e {
2265
+ .Tooltip-module__hop-Tooltip___nVbS- {
1986
2266
  --hop-Tooltip-max-inline-size: 20rem;
1987
2267
  --hop-Tooltip-slide-amount: 0.25rem;
1988
2268
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2009,29 +2289,29 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2009
2289
  border-radius: var(--hop-Tooltip-border-radius);
2010
2290
  box-shadow: var(--hop-Tooltip-box-shadow);
2011
2291
  }
2012
- .Tooltip-module__hop-Tooltip--top___ZfA-q {
2292
+ .Tooltip-module__hop-Tooltip--top___0Picg {
2013
2293
  --origin-x: 0;
2014
2294
  --origin-y: var(--hop-Tooltip-slide-amount);
2015
2295
  }
2016
- .Tooltip-module__hop-Tooltip--right___zw45r {
2296
+ .Tooltip-module__hop-Tooltip--right___J7XGb {
2017
2297
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2018
2298
  --origin-y: 0;
2019
2299
  }
2020
- .Tooltip-module__hop-Tooltip--bottom___dlSjn {
2300
+ .Tooltip-module__hop-Tooltip--bottom___apr36 {
2021
2301
  --origin-x: 0;
2022
2302
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2023
2303
  }
2024
- .Tooltip-module__hop-Tooltip--left___IRimW {
2304
+ .Tooltip-module__hop-Tooltip--left___98KWK {
2025
2305
  --origin-x: var(--hop-Tooltip-slide-amount);
2026
2306
  --origin-y: 0;
2027
2307
  }
2028
- .Tooltip-module__hop-Tooltip___P0P5e[data-entering] {
2029
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-out;
2308
+ .Tooltip-module__hop-Tooltip___nVbS-[data-entering] {
2309
+ animation: Tooltip-module__slide___COczJ 0.2s ease-out;
2030
2310
  }
2031
- .Tooltip-module__hop-Tooltip___P0P5e[data-exiting] {
2032
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-in reverse;
2311
+ .Tooltip-module__hop-Tooltip___nVbS-[data-exiting] {
2312
+ animation: Tooltip-module__slide___COczJ 0.2s ease-in reverse;
2033
2313
  }
2034
- @keyframes Tooltip-module__slide___Wdi5R {
2314
+ @keyframes Tooltip-module__slide___COczJ {
2035
2315
  from {
2036
2316
  transform: translate(var(--origin-x), var(--origin-y));
2037
2317
  opacity: 0;
@@ -2043,44 +2323,44 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2043
2323
  }
2044
2324
 
2045
2325
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2046
- .AvatarGroup-module__hop-AvatarGroup___iEI3W {
2326
+ .AvatarGroup-module__hop-AvatarGroup___OnxWJ {
2047
2327
  --hop-AvatarGroup-display: flex;
2048
2328
  --hop-AvatarGroup-align-items: center;
2049
2329
  display: var(--hop-AvatarGroup-display);
2050
2330
  align-items: var(--hop-AvatarGroup-align-items);
2051
2331
  }
2052
- .AvatarGroup-module__hop-AvatarGroup--wrap___UQFjo {
2332
+ .AvatarGroup-module__hop-AvatarGroup--wrap___4--rv {
2053
2333
  flex-wrap: wrap;
2054
2334
  }
2055
- .AvatarGroup-module__hop-AvatarGroup--xs___2bo4Q {
2335
+ .AvatarGroup-module__hop-AvatarGroup--xs___L8mre {
2056
2336
  --gap: -0.125rem;
2057
2337
  }
2058
- .AvatarGroup-module__hop-AvatarGroup--sm___jxRGB {
2338
+ .AvatarGroup-module__hop-AvatarGroup--sm___UjcIm {
2059
2339
  --gap: -0.25rem;
2060
2340
  }
2061
- .AvatarGroup-module__hop-AvatarGroup--md___o9-ff {
2341
+ .AvatarGroup-module__hop-AvatarGroup--md___sBcpK {
2062
2342
  --gap: -0.5rem;
2063
2343
  }
2064
- .AvatarGroup-module__hop-AvatarGroup--lg___5tURN {
2344
+ .AvatarGroup-module__hop-AvatarGroup--lg___7YAak {
2065
2345
  --gap: -1rem;
2066
2346
  }
2067
- .AvatarGroup-module__hop-AvatarGroup--xl___amVob {
2347
+ .AvatarGroup-module__hop-AvatarGroup--xl___nbZIy {
2068
2348
  --gap: -1rem;
2069
2349
  }
2070
- .AvatarGroup-module__hop-AvatarGroup--2xl___Rj8b8 {
2350
+ .AvatarGroup-module__hop-AvatarGroup--2xl___ljxbT {
2071
2351
  --gap: -2rem;
2072
2352
  }
2073
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
2353
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2074
2354
  margin-inline-start: var(--gap);
2075
2355
  transition: margin var(--hop-easing-duration-2);
2076
2356
  }
2077
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
2357
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5 {
2078
2358
  margin-inline-start: 0;
2079
2359
  }
2080
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:first-child {
2360
+ .AvatarGroup-module__hop-AvatarGroup__avatar___O46a5:first-child {
2081
2361
  margin-inline-start: 0;
2082
2362
  }
2083
- .AvatarGroup-module__hop-AvatarGroup__label___9YEzQ {
2363
+ .AvatarGroup-module__hop-AvatarGroup__label___fbjFq {
2084
2364
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2085
2365
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2086
2366
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2092,7 +2372,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2092
2372
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2093
2373
  line-height: var(--hop-AvatarGroup-label-line-height);
2094
2374
  }
2095
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ- {
2375
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk {
2096
2376
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2097
2377
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2098
2378
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2110,21 +2390,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2110
2390
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2111
2391
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2112
2392
  }
2113
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ-:not(:last-child) {
2393
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fFImk:not(:last-child) {
2114
2394
  margin-block-end: 0.25rem;
2115
2395
  }
2116
- .AvatarGroup-module__hop-AvatarGroup--start___BnTP1 {
2396
+ .AvatarGroup-module__hop-AvatarGroup--start___rucz5 {
2117
2397
  justify-content: flex-start;
2118
2398
  }
2119
- .AvatarGroup-module__hop-AvatarGroup--end___OSrjF {
2399
+ .AvatarGroup-module__hop-AvatarGroup--end___9n-g7 {
2120
2400
  justify-content: flex-end;
2121
2401
  }
2122
- .AvatarGroup-module__hop-AvatarGroup--center___Lo2Cv {
2402
+ .AvatarGroup-module__hop-AvatarGroup--center___KbbSx {
2123
2403
  justify-content: center;
2124
2404
  }
2125
2405
 
2126
2406
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2127
- .Badge-module__hop-Badge___lPpFg {
2407
+ .Badge-module__hop-Badge___zgMp1 {
2128
2408
  --hop-Badge-height: 1.5rem;
2129
2409
  --hop-Badge-width: max-content;
2130
2410
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2174,67 +2454,67 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2174
2454
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2175
2455
  border-radius: var(--border-radius);
2176
2456
  }
2177
- .Badge-module__hop-Badge--primary___u6qz3 {
2457
+ .Badge-module__hop-Badge--primary___FtMRN {
2178
2458
  --background-color: var(--hop-Badge-primary-background-color);
2179
2459
  --text-color: var(--hop-Badge-primary-text-color);
2180
2460
  }
2181
- .Badge-module__hop-Badge--primary___u6qz3[data-hovered] {
2461
+ .Badge-module__hop-Badge--primary___FtMRN[data-hovered] {
2182
2462
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2183
2463
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2184
2464
  }
2185
- .Badge-module__hop-Badge--primary___u6qz3[data-pressed] {
2465
+ .Badge-module__hop-Badge--primary___FtMRN[data-pressed] {
2186
2466
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2187
2467
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2188
2468
  }
2189
- .Badge-module__hop-Badge--primary___u6qz3[data-selected] {
2469
+ .Badge-module__hop-Badge--primary___FtMRN[data-selected] {
2190
2470
  --background-color: var(--hop-Badge-primary-background-color-selected);
2191
2471
  --text-color: var(--hop-Badge-primary-text-color-selected);
2192
2472
  }
2193
- .Badge-module__hop-Badge--secondary___wqxKv {
2473
+ .Badge-module__hop-Badge--secondary___mIP5m {
2194
2474
  --background-color: var(--hop-Badge-secondary-background-color);
2195
2475
  --text-color: var(--hop-Badge-secondary-text-color);
2196
2476
  }
2197
- .Badge-module__hop-Badge--secondary___wqxKv[data-hovered] {
2477
+ .Badge-module__hop-Badge--secondary___mIP5m[data-hovered] {
2198
2478
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2199
2479
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2200
2480
  }
2201
- .Badge-module__hop-Badge--secondary___wqxKv[data-pressed] {
2481
+ .Badge-module__hop-Badge--secondary___mIP5m[data-pressed] {
2202
2482
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2203
2483
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2204
2484
  }
2205
- .Badge-module__hop-Badge--secondary___wqxKv[data-selected] {
2485
+ .Badge-module__hop-Badge--secondary___mIP5m[data-selected] {
2206
2486
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2207
2487
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2208
2488
  }
2209
- .Badge-module__hop-Badge--subdued___BgfRB {
2489
+ .Badge-module__hop-Badge--subdued___8iY3E {
2210
2490
  --background-color: var(--hop-Badge-subdued-background-color);
2211
2491
  --text-color: var(--hop-Badge-subdued-text-color);
2212
2492
  }
2213
- .Badge-module__hop-Badge--subdued___BgfRB[data-hovered] {
2493
+ .Badge-module__hop-Badge--subdued___8iY3E[data-hovered] {
2214
2494
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2215
2495
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2216
2496
  }
2217
- .Badge-module__hop-Badge--subdued___BgfRB[data-pressed] {
2497
+ .Badge-module__hop-Badge--subdued___8iY3E[data-pressed] {
2218
2498
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2219
2499
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2220
2500
  }
2221
- .Badge-module__hop-Badge--subdued___BgfRB[data-selected] {
2501
+ .Badge-module__hop-Badge--subdued___8iY3E[data-selected] {
2222
2502
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2223
2503
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2224
2504
  }
2225
- .Badge-module__hop-Badge___lPpFg[data-indeterminate] {
2505
+ .Badge-module__hop-Badge___zgMp1[data-indeterminate] {
2226
2506
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2227
2507
  --height: var(--hop-Badge-indeterminate-height);
2228
2508
  --width: var(--hop-Badge-indeterminate-width);
2229
2509
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2230
2510
  }
2231
- .Badge-module__hop-Badge___lPpFg[data-disabled] {
2511
+ .Badge-module__hop-Badge___zgMp1[data-disabled] {
2232
2512
  --background-color: var(--hop-Badge-background-color-disabled);
2233
2513
  --text-color: var(--hop-Badge-text-color-disabled);
2234
2514
  }
2235
2515
 
2236
2516
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2237
- .FloatingBadge-module__hop-FloatingBadge___KvZf7 {
2517
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j {
2238
2518
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2239
2519
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2240
2520
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2275,7 +2555,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2275
2555
  box-sizing: border-box;
2276
2556
  inline-size: max-content;
2277
2557
  }
2278
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"] {
2558
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"] {
2279
2559
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2280
2560
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2281
2561
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2283,11 +2563,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2283
2563
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2284
2564
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2285
2565
  }
2286
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"][data-overlap=circular] {
2566
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top right"][data-overlap=circular] {
2287
2567
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2288
2568
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2289
2569
  }
2290
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"] {
2570
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"] {
2291
2571
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2292
2572
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2293
2573
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2295,11 +2575,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2295
2575
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2296
2576
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2297
2577
  }
2298
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"][data-overlap=circular] {
2578
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="top left"][data-overlap=circular] {
2299
2579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2300
2580
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2301
2581
  }
2302
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"] {
2582
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"] {
2303
2583
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2304
2584
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2305
2585
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2307,11 +2587,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2307
2587
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2308
2588
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2309
2589
  }
2310
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"][data-overlap=circular] {
2590
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom right"][data-overlap=circular] {
2311
2591
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2312
2592
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2313
2593
  }
2314
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"] {
2594
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"] {
2315
2595
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2316
2596
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2317
2597
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2319,11 +2599,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2319
2599
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2320
2600
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2321
2601
  }
2322
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"][data-overlap=circular] {
2602
+ .FloatingBadge-module__hop-FloatingBadge___R2B4j[data-placement="bottom left"][data-overlap=circular] {
2323
2603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2324
2604
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2325
2605
  }
2326
- .FloatingBadge-module__hop-FloatingBadge__badge___dInkZ {
2606
+ .FloatingBadge-module__hop-FloatingBadge__badge___CDxdk {
2327
2607
  position: absolute;
2328
2608
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2329
2609
  transform-origin: var(--badge-transform-origin);
@@ -2331,7 +2611,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2331
2611
  }
2332
2612
 
2333
2613
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2334
- .Checkbox-module__hop-Checkbox___owhpo {
2614
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2335
2615
  --hop-Checkbox-box-border-size: 0.0625rem;
2336
2616
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2337
2617
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2406,60 +2686,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2406
2686
  inline-size: max-content;
2407
2687
  max-inline-size: 100%;
2408
2688
  }
2409
- .Checkbox-module__hop-Checkbox___owhpo[data-focus-visible] {
2689
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2410
2690
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2411
2691
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2412
2692
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2413
2693
  --text-color: var(--hop-Checkbox-text-color-focused);
2414
2694
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2415
2695
  }
2416
- .Checkbox-module__hop-Checkbox___owhpo[data-hovered] {
2696
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2417
2697
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2418
2698
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2419
2699
  --text-color: var(--hop-Checkbox-text-color-hovered);
2420
2700
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2421
2701
  }
2422
- .Checkbox-module__hop-Checkbox___owhpo[data-pressed] {
2702
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2423
2703
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2424
2704
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2425
2705
  --text-color: var(--hop-Checkbox-text-color-pressed);
2426
2706
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2427
2707
  }
2428
- .Checkbox-module__hop-Checkbox___owhpo[data-selected] {
2708
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2429
2709
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2430
2710
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2431
2711
  --check-display: var(--hop-Checkbox-check-display-selected);
2432
2712
  --text-color: var(--hop-Checkbox-text-color-selected);
2433
2713
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2434
2714
  }
2435
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid] {
2715
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2436
2716
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2437
2717
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2438
2718
  --check-color: var(--hop-Checkbox-check-color-invalid);
2439
2719
  --text-color: var(--hop-Checkbox-text-color-invalid);
2440
2720
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2441
2721
  }
2442
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-focus-visible]) {
2722
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2443
2723
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2444
2724
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2445
2725
  }
2446
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-hovered]) {
2726
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2447
2727
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2448
2728
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2449
2729
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2450
2730
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2451
2731
  }
2452
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-pressed]) {
2732
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2453
2733
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2454
2734
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2455
2735
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2456
2736
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2457
2737
  }
2458
- .Checkbox-module__hop-Checkbox___owhpo:where([data-invalid])[data-selected] {
2738
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2459
2739
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2460
2740
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2461
2741
  }
2462
- .Checkbox-module__hop-Checkbox___owhpo[data-disabled] {
2742
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2463
2743
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2464
2744
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2465
2745
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2467,25 +2747,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2467
2747
  --text-color: var(--hop-Checkbox-text-color-disabled);
2468
2748
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2469
2749
  }
2470
- .Checkbox-module__hop-Checkbox--sm___0u9Ax {
2750
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2471
2751
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2472
2752
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2473
2753
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2474
2754
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2475
2755
  }
2476
- .Checkbox-module__hop-Checkbox--md___W0NWx {
2756
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2477
2757
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2478
2758
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2479
2759
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2480
2760
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2481
2761
  }
2482
- .Checkbox-module__hop-Checkbox__icon___A6Y0G,
2483
- .Checkbox-module__hop-Checkbox__icon-list___ev-oV {
2762
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
2763
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2484
2764
  flex: 0 0 auto;
2485
2765
  order: 3;
2486
2766
  color: var(--icon-color);
2487
2767
  }
2488
- .Checkbox-module__hop-Checkbox__box___1zfEu {
2768
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2489
2769
  display: flex;
2490
2770
  flex: 0 0 auto;
2491
2771
  align-items: center;
@@ -2501,11 +2781,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2501
2781
  outline-offset: 0.125rem;
2502
2782
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2503
2783
  }
2504
- .Checkbox-module__hop-Checkbox__check___lts9D {
2784
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2505
2785
  display: var(--check-display);
2506
2786
  color: var(--check-color);
2507
2787
  }
2508
- .Checkbox-module__hop-Checkbox__text___8vRlD {
2788
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2509
2789
  flex: 0 1 auto;
2510
2790
  order: 2;
2511
2791
  min-inline-size: 0;
@@ -2515,7 +2795,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2515
2795
  }
2516
2796
 
2517
2797
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2518
- .CheckboxField-module__hop-CheckboxField___nJ48U {
2798
+ .CheckboxField-module__hop-CheckboxField___Moz-- {
2519
2799
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2520
2800
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2521
2801
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2534,28 +2814,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2534
2814
  inline-size: max-content;
2535
2815
  max-inline-size: 100%;
2536
2816
  }
2537
- .CheckboxField-module__hop-CheckboxField___nJ48U[data-disabled] {
2817
+ .CheckboxField-module__hop-CheckboxField___Moz--[data-disabled] {
2538
2818
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2539
2819
  }
2540
- .CheckboxField-module__hop-CheckboxField--sm___M5mq- {
2820
+ .CheckboxField-module__hop-CheckboxField--sm___WFkN2 {
2541
2821
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2542
2822
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2543
2823
  }
2544
- .CheckboxField-module__hop-CheckboxField--md___-iccL {
2824
+ .CheckboxField-module__hop-CheckboxField--md___0I29B {
2545
2825
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2546
2826
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2547
2827
  }
2548
- .CheckboxField-module__hop-CheckboxField__description___-nZdA {
2828
+ .CheckboxField-module__hop-CheckboxField__description___FQ5t0 {
2549
2829
  order: 2;
2550
2830
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2551
2831
  color: var(--description-color);
2552
2832
  }
2553
- .CheckboxField-module__hop-CheckboxField__checkbox___BA-Lt {
2833
+ .CheckboxField-module__hop-CheckboxField__checkbox___hNlqN {
2554
2834
  order: 1;
2555
2835
  }
2556
2836
 
2557
2837
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2558
- .ErrorMessage-module__hop-ErrorMessage___GOnja {
2838
+ .ErrorMessage-module__hop-ErrorMessage___V-yBH {
2559
2839
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2560
2840
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2561
2841
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2572,13 +2852,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2572
2852
  line-height: var(--hop-ErrorMessage-line-height);
2573
2853
  color: var(--hop-ErrorMessage-color);
2574
2854
  }
2575
- .ErrorMessage-module__hop-ErrorMessage__icon___quLAp {
2855
+ .ErrorMessage-module__hop-ErrorMessage__icon___DIRtx {
2576
2856
  flex: 0 0 auto;
2577
2857
  align-self: flex-start;
2578
2858
  }
2579
2859
 
2580
2860
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2581
- .HelperMessage-module__hop-HelperMessage___-PNk8 {
2861
+ .HelperMessage-module__hop-HelperMessage___eMQ7m {
2582
2862
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2583
2863
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2584
2864
  display: flex;
@@ -2587,13 +2867,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2587
2867
  box-sizing: border-box;
2588
2868
  color: var(--hop-HelperMessage-color);
2589
2869
  }
2590
- .HelperMessage-module__hop-HelperMessage__icon___mhyT3 {
2870
+ .HelperMessage-module__hop-HelperMessage__icon___hi1Mh {
2591
2871
  flex: 0 0 auto;
2592
2872
  align-self: flex-start;
2593
2873
  }
2594
2874
 
2595
2875
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2596
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz {
2876
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 {
2597
2877
  --hop-CheckboxGroup-align-items: flex-start;
2598
2878
  --hop-CheckboxGroup-justify-content: flex-start;
2599
2879
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2632,46 +2912,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2632
2912
  inline-size: max-content;
2633
2913
  max-inline-size: 100%;
2634
2914
  }
2635
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5 {
2915
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- {
2636
2916
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2637
2917
  --list-border-radius: var(--hop-shape-rounded-md);
2638
2918
  }
2639
- .CheckboxGroup-module__hop-CheckboxGroup--sm___Qefe- {
2919
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2640
2920
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2641
2921
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2642
2922
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2643
2923
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2644
2924
  }
2645
- .CheckboxGroup-module__hop-CheckboxGroup--md___6gQ1R {
2925
+ .CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2646
2926
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2647
2927
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2648
2928
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2649
2929
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2650
2930
  }
2651
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5.CheckboxGroup-module__hop-CheckboxGroup--sm___Qefe- {
2931
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP {
2652
2932
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2653
2933
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2654
2934
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2655
2935
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2656
2936
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2657
2937
  }
2658
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5.CheckboxGroup-module__hop-CheckboxGroup--md___6gQ1R {
2938
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-.CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY {
2659
2939
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2660
2940
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2661
2941
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2662
2942
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2663
2943
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2664
2944
  }
2665
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz[data-orientation=horizontal] {
2945
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2[data-orientation=horizontal] {
2666
2946
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2667
2947
  }
2668
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wgeE5[data-orientation=horizontal] {
2948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] {
2669
2949
  --flex-wrap: nowrap;
2670
2950
  }
2671
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__label___y-048 {
2951
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD {
2672
2952
  order: 1;
2673
2953
  }
2674
- .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 {
2954
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU {
2675
2955
  display: flex;
2676
2956
  flex-flow: var(--flex-direction) var(--flex-wrap);
2677
2957
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2682,7 +2962,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2682
2962
  border: var(--list-border, none);
2683
2963
  border-radius: var(--list-border-radius, 0);
2684
2964
  }
2685
- .CheckboxGroup-module__hop-CheckboxGroup__list___FcZB2 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___l6dWD {
2965
+ .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w {
2686
2966
  position: relative;
2687
2967
  flex: 0 1 auto;
2688
2968
  align-content: start;
@@ -2690,28 +2970,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2690
2970
  min-inline-size: 0;
2691
2971
  padding: var(--checkbox-padding, 0);
2692
2972
  }
2693
- .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 {
2973
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ- .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2694
2974
  content: "";
2695
2975
  position: absolute;
2696
2976
  display: block;
2697
2977
  }
2698
- .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 {
2978
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2699
2979
  inset-block-start: 0;
2700
2980
  inset-inline: 0;
2701
2981
  border-block-start: var(--list-border, none);
2702
2982
  }
2703
- .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 {
2983
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___CDciU > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w::before {
2704
2984
  inset-block: 0;
2705
2985
  inset-inline-start: 0;
2706
2986
  border-inline-start: var(--list-border, none);
2707
2987
  }
2708
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__error-message___D-3RF,
2709
- .CheckboxGroup-module__hop-CheckboxGroup___GykSz > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KWXu4 {
2988
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES,
2989
+ .CheckboxGroup-module__hop-CheckboxGroup___FPWi2 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB- {
2710
2990
  order: 3;
2711
2991
  }
2712
2992
 
2713
2993
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2714
- .Checkbox-module__hop-Checkbox___owhpo {
2994
+ .Checkbox-module__hop-Checkbox___5v0b4 {
2715
2995
  --hop-Checkbox-box-border-size: 0.0625rem;
2716
2996
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2717
2997
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2786,60 +3066,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2786
3066
  inline-size: max-content;
2787
3067
  max-inline-size: 100%;
2788
3068
  }
2789
- .Checkbox-module__hop-Checkbox___owhpo[data-focus-visible] {
3069
+ .Checkbox-module__hop-Checkbox___5v0b4[data-focus-visible] {
2790
3070
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2791
3071
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2792
3072
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2793
3073
  --text-color: var(--hop-Checkbox-text-color-focused);
2794
3074
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2795
3075
  }
2796
- .Checkbox-module__hop-Checkbox___owhpo[data-hovered] {
3076
+ .Checkbox-module__hop-Checkbox___5v0b4[data-hovered] {
2797
3077
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2798
3078
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2799
3079
  --text-color: var(--hop-Checkbox-text-color-hovered);
2800
3080
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2801
3081
  }
2802
- .Checkbox-module__hop-Checkbox___owhpo[data-pressed] {
3082
+ .Checkbox-module__hop-Checkbox___5v0b4[data-pressed] {
2803
3083
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2804
3084
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2805
3085
  --text-color: var(--hop-Checkbox-text-color-pressed);
2806
3086
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2807
3087
  }
2808
- .Checkbox-module__hop-Checkbox___owhpo[data-selected] {
3088
+ .Checkbox-module__hop-Checkbox___5v0b4[data-selected] {
2809
3089
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2810
3090
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2811
3091
  --check-display: var(--hop-Checkbox-check-display-selected);
2812
3092
  --text-color: var(--hop-Checkbox-text-color-selected);
2813
3093
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2814
3094
  }
2815
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid] {
3095
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid] {
2816
3096
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2817
3097
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2818
3098
  --check-color: var(--hop-Checkbox-check-color-invalid);
2819
3099
  --text-color: var(--hop-Checkbox-text-color-invalid);
2820
3100
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2821
3101
  }
2822
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-focus-visible]) {
3102
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-focus-visible]) {
2823
3103
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2824
3104
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2825
3105
  }
2826
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-hovered]) {
3106
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-hovered]) {
2827
3107
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2828
3108
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2829
3109
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2830
3110
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2831
3111
  }
2832
- .Checkbox-module__hop-Checkbox___owhpo[data-invalid]:where([data-pressed]) {
3112
+ .Checkbox-module__hop-Checkbox___5v0b4[data-invalid]:where([data-pressed]) {
2833
3113
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2834
3114
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2835
3115
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2836
3116
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2837
3117
  }
2838
- .Checkbox-module__hop-Checkbox___owhpo:where([data-invalid])[data-selected] {
3118
+ .Checkbox-module__hop-Checkbox___5v0b4:where([data-invalid])[data-selected] {
2839
3119
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2840
3120
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2841
3121
  }
2842
- .Checkbox-module__hop-Checkbox___owhpo[data-disabled] {
3122
+ .Checkbox-module__hop-Checkbox___5v0b4[data-disabled] {
2843
3123
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2844
3124
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2845
3125
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2847,25 +3127,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2847
3127
  --text-color: var(--hop-Checkbox-text-color-disabled);
2848
3128
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2849
3129
  }
2850
- .Checkbox-module__hop-Checkbox--sm___0u9Ax {
3130
+ .Checkbox-module__hop-Checkbox--sm___dSQOY {
2851
3131
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2852
3132
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2853
3133
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2854
3134
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2855
3135
  }
2856
- .Checkbox-module__hop-Checkbox--md___W0NWx {
3136
+ .Checkbox-module__hop-Checkbox--md___TOu-C {
2857
3137
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2858
3138
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2859
3139
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2860
3140
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2861
3141
  }
2862
- .Checkbox-module__hop-Checkbox__icon___A6Y0G,
2863
- .Checkbox-module__hop-Checkbox__icon-list___ev-oV {
3142
+ .Checkbox-module__hop-Checkbox__icon___nd2aw,
3143
+ .Checkbox-module__hop-Checkbox__icon-list___5WN5y {
2864
3144
  flex: 0 0 auto;
2865
3145
  order: 3;
2866
3146
  color: var(--icon-color);
2867
3147
  }
2868
- .Checkbox-module__hop-Checkbox__box___1zfEu {
3148
+ .Checkbox-module__hop-Checkbox__box___jxojt {
2869
3149
  display: flex;
2870
3150
  flex: 0 0 auto;
2871
3151
  align-items: center;
@@ -2881,11 +3161,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2881
3161
  outline-offset: 0.125rem;
2882
3162
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2883
3163
  }
2884
- .Checkbox-module__hop-Checkbox__check___lts9D {
3164
+ .Checkbox-module__hop-Checkbox__check___AxXm6 {
2885
3165
  display: var(--check-display);
2886
3166
  color: var(--check-color);
2887
3167
  }
2888
- .Checkbox-module__hop-Checkbox__text___8vRlD {
3168
+ .Checkbox-module__hop-Checkbox__text___RWv7Z {
2889
3169
  flex: 0 1 auto;
2890
3170
  order: 2;
2891
3171
  min-inline-size: 0;
@@ -2893,24 +3173,24 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2893
3173
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2894
3174
  color: var(--text-color);
2895
3175
  }
2896
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___xWUkM {
3176
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___TZCQR {
2897
3177
  }
2898
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___K1f-4 {
3178
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___WAN3J {
2899
3179
  }
2900
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___oZW8t {
3180
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ycopn {
2901
3181
  }
2902
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___Dg0CB,
2903
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___udlWv {
3182
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HP7Ir,
3183
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TV-j- {
2904
3184
  }
2905
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___tGhzk {
3185
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aQDXk {
2906
3186
  }
2907
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dq92k {
3187
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___EYvRS {
2908
3188
  }
2909
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___jVAnl {
3189
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___db9bV {
2910
3190
  }
2911
3191
 
2912
3192
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2913
- .Radio-module__hop-Radio___OpfZi {
3193
+ .Radio-module__hop-Radio___H2CQS {
2914
3194
  --hop-Radio-box-border-size: 0.0625rem;
2915
3195
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2916
3196
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2984,60 +3264,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2984
3264
  inline-size: max-content;
2985
3265
  max-inline-size: 100%;
2986
3266
  }
2987
- .Radio-module__hop-Radio___OpfZi[data-focus-visible] {
3267
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
2988
3268
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2989
3269
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2990
3270
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2991
3271
  --text-color: var(--hop-Radio-text-color-focused);
2992
3272
  --icon-color: var(--hop-Radio-icon-color-focused);
2993
3273
  }
2994
- .Radio-module__hop-Radio___OpfZi[data-hovered] {
3274
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
2995
3275
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2996
3276
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2997
3277
  --text-color: var(--hop-Radio-text-color-hovered);
2998
3278
  --icon-color: var(--hop-Radio-icon-color-hovered);
2999
3279
  }
3000
- .Radio-module__hop-Radio___OpfZi[data-pressed] {
3280
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3001
3281
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3002
3282
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3003
3283
  --text-color: var(--hop-Radio-text-color-pressed);
3004
3284
  --icon-color: var(--hop-Radio-icon-color-pressed);
3005
3285
  }
3006
- .Radio-module__hop-Radio___OpfZi[data-selected] {
3286
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3007
3287
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3008
3288
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3009
3289
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3010
3290
  --text-color: var(--hop-Radio-text-color-selected);
3011
3291
  --icon-color: var(--hop-Radio-icon-color-selected);
3012
3292
  }
3013
- .Radio-module__hop-Radio___OpfZi[data-invalid] {
3293
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3014
3294
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3015
3295
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3016
3296
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3017
3297
  --text-color: var(--hop-Radio-text-color-invalid);
3018
3298
  --icon-color: var(--hop-Radio-icon-color-invalid);
3019
3299
  }
3020
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-focus-visible] {
3300
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3021
3301
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3022
3302
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3023
3303
  }
3024
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-hovered] {
3304
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3025
3305
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3026
3306
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3027
3307
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3028
3308
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3029
3309
  }
3030
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-pressed] {
3310
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3031
3311
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3032
3312
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3033
3313
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3034
3314
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3035
3315
  }
3036
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-selected] {
3316
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3037
3317
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3038
3318
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3039
3319
  }
3040
- .Radio-module__hop-Radio___OpfZi[data-disabled] {
3320
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3041
3321
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3042
3322
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3043
3323
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3045,25 +3325,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3045
3325
  --text-color: var(--hop-Radio-text-color-disabled);
3046
3326
  --icon-color: var(--hop-Radio-icon-color-disabled);
3047
3327
  }
3048
- .Radio-module__hop-Radio--sm___QtBHX {
3328
+ .Radio-module__hop-Radio--sm___wsMEb {
3049
3329
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3050
3330
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3051
3331
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3052
3332
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3053
3333
  }
3054
- .Radio-module__hop-Radio--md___PPakb {
3334
+ .Radio-module__hop-Radio--md___Y9v6E {
3055
3335
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3056
3336
  --box-block-size: var(--hop-Radio-box-md-block-size);
3057
3337
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3058
3338
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3059
3339
  }
3060
- .Radio-module__hop-Radio__icon___-VX5c,
3061
- .Radio-module__hop-Radio__icon-list___Hp7Kz {
3340
+ .Radio-module__hop-Radio__icon___AnsTY,
3341
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3062
3342
  flex: 0 0 auto;
3063
3343
  order: 3;
3064
3344
  color: var(--icon-color);
3065
3345
  }
3066
- .Radio-module__hop-Radio__box___YlKA6 {
3346
+ .Radio-module__hop-Radio__box___sb7RR {
3067
3347
  display: flex;
3068
3348
  flex: 0 0 auto;
3069
3349
  align-items: center;
@@ -3079,11 +3359,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3079
3359
  outline-offset: 0.125rem;
3080
3360
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3081
3361
  }
3082
- .Radio-module__hop-Radio__bullet___ndDTR {
3362
+ .Radio-module__hop-Radio__bullet___d4tcu {
3083
3363
  display: var(--bullet-display);
3084
3364
  color: var(--bullet-color);
3085
3365
  }
3086
- .Radio-module__hop-Radio__text___vjWkf {
3366
+ .Radio-module__hop-Radio__text___y2Kzb {
3087
3367
  flex: 0 1 auto;
3088
3368
  order: 2;
3089
3369
  min-inline-size: 0;
@@ -3091,24 +3371,24 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3091
3371
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3092
3372
  color: var(--text-color);
3093
3373
  }
3094
- .DecorativeRadio-module__hop-DecorativeRadio___Ro3TP {
3374
+ .DecorativeRadio-module__hop-DecorativeRadio___tSJL5 {
3095
3375
  }
3096
- .DecorativeRadio-module__hop-DecorativeRadio--sm___NbE5l {
3376
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___DUA4e {
3097
3377
  }
3098
- .DecorativeRadio-module__hop-DecorativeRadio--md___XK2Xd {
3378
+ .DecorativeRadio-module__hop-DecorativeRadio--md___PZiXZ {
3099
3379
  }
3100
- .DecorativeRadio-module__hop-DecorativeRadio__icon___DU4mZ,
3101
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___yex4n {
3380
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___uynj0,
3381
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___LHJUz {
3102
3382
  }
3103
- .DecorativeRadio-module__hop-DecorativeRadio__box___XBbim {
3383
+ .DecorativeRadio-module__hop-DecorativeRadio__box___LRGSc {
3104
3384
  }
3105
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___eQjV- {
3385
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___ckmQf {
3106
3386
  }
3107
- .DecorativeRadio-module__hop-DecorativeRadio__text___v31jK {
3387
+ .DecorativeRadio-module__hop-DecorativeRadio__text___tL5B5 {
3108
3388
  }
3109
3389
 
3110
3390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3111
- .Radio-module__hop-Radio___OpfZi {
3391
+ .Radio-module__hop-Radio___H2CQS {
3112
3392
  --hop-Radio-box-border-size: 0.0625rem;
3113
3393
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3114
3394
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3182,60 +3462,60 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3182
3462
  inline-size: max-content;
3183
3463
  max-inline-size: 100%;
3184
3464
  }
3185
- .Radio-module__hop-Radio___OpfZi[data-focus-visible] {
3465
+ .Radio-module__hop-Radio___H2CQS[data-focus-visible] {
3186
3466
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3187
3467
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3188
3468
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3189
3469
  --text-color: var(--hop-Radio-text-color-focused);
3190
3470
  --icon-color: var(--hop-Radio-icon-color-focused);
3191
3471
  }
3192
- .Radio-module__hop-Radio___OpfZi[data-hovered] {
3472
+ .Radio-module__hop-Radio___H2CQS[data-hovered] {
3193
3473
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3194
3474
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3195
3475
  --text-color: var(--hop-Radio-text-color-hovered);
3196
3476
  --icon-color: var(--hop-Radio-icon-color-hovered);
3197
3477
  }
3198
- .Radio-module__hop-Radio___OpfZi[data-pressed] {
3478
+ .Radio-module__hop-Radio___H2CQS[data-pressed] {
3199
3479
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3200
3480
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3201
3481
  --text-color: var(--hop-Radio-text-color-pressed);
3202
3482
  --icon-color: var(--hop-Radio-icon-color-pressed);
3203
3483
  }
3204
- .Radio-module__hop-Radio___OpfZi[data-selected] {
3484
+ .Radio-module__hop-Radio___H2CQS[data-selected] {
3205
3485
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3206
3486
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3207
3487
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3208
3488
  --text-color: var(--hop-Radio-text-color-selected);
3209
3489
  --icon-color: var(--hop-Radio-icon-color-selected);
3210
3490
  }
3211
- .Radio-module__hop-Radio___OpfZi[data-invalid] {
3491
+ .Radio-module__hop-Radio___H2CQS[data-invalid] {
3212
3492
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3213
3493
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3214
3494
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3215
3495
  --text-color: var(--hop-Radio-text-color-invalid);
3216
3496
  --icon-color: var(--hop-Radio-icon-color-invalid);
3217
3497
  }
3218
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-focus-visible] {
3498
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-focus-visible] {
3219
3499
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3220
3500
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3221
3501
  }
3222
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-hovered] {
3502
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-hovered] {
3223
3503
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3224
3504
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3225
3505
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3226
3506
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3227
3507
  }
3228
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-pressed] {
3508
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-pressed] {
3229
3509
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3230
3510
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3231
3511
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3232
3512
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3233
3513
  }
3234
- .Radio-module__hop-Radio___OpfZi:where([data-invalid])[data-selected] {
3514
+ .Radio-module__hop-Radio___H2CQS:where([data-invalid])[data-selected] {
3235
3515
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3236
3516
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3237
3517
  }
3238
- .Radio-module__hop-Radio___OpfZi[data-disabled] {
3518
+ .Radio-module__hop-Radio___H2CQS[data-disabled] {
3239
3519
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3240
3520
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3241
3521
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3243,25 +3523,25 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3243
3523
  --text-color: var(--hop-Radio-text-color-disabled);
3244
3524
  --icon-color: var(--hop-Radio-icon-color-disabled);
3245
3525
  }
3246
- .Radio-module__hop-Radio--sm___QtBHX {
3526
+ .Radio-module__hop-Radio--sm___wsMEb {
3247
3527
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3248
3528
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3249
3529
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3250
3530
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3251
3531
  }
3252
- .Radio-module__hop-Radio--md___PPakb {
3532
+ .Radio-module__hop-Radio--md___Y9v6E {
3253
3533
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3254
3534
  --box-block-size: var(--hop-Radio-box-md-block-size);
3255
3535
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3256
3536
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3257
3537
  }
3258
- .Radio-module__hop-Radio__icon___-VX5c,
3259
- .Radio-module__hop-Radio__icon-list___Hp7Kz {
3538
+ .Radio-module__hop-Radio__icon___AnsTY,
3539
+ .Radio-module__hop-Radio__icon-list___bpfWX {
3260
3540
  flex: 0 0 auto;
3261
3541
  order: 3;
3262
3542
  color: var(--icon-color);
3263
3543
  }
3264
- .Radio-module__hop-Radio__box___YlKA6 {
3544
+ .Radio-module__hop-Radio__box___sb7RR {
3265
3545
  display: flex;
3266
3546
  flex: 0 0 auto;
3267
3547
  align-items: center;
@@ -3277,11 +3557,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3277
3557
  outline-offset: 0.125rem;
3278
3558
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3279
3559
  }
3280
- .Radio-module__hop-Radio__bullet___ndDTR {
3560
+ .Radio-module__hop-Radio__bullet___d4tcu {
3281
3561
  display: var(--bullet-display);
3282
3562
  color: var(--bullet-color);
3283
3563
  }
3284
- .Radio-module__hop-Radio__text___vjWkf {
3564
+ .Radio-module__hop-Radio__text___y2Kzb {
3285
3565
  flex: 0 1 auto;
3286
3566
  order: 2;
3287
3567
  min-inline-size: 0;
@@ -3291,7 +3571,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3291
3571
  }
3292
3572
 
3293
3573
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3294
- .RadioField-module__hop-RadioField___Heck6 {
3574
+ .RadioField-module__hop-RadioField___Q4QIQ {
3295
3575
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3296
3576
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3297
3577
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3310,28 +3590,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3310
3590
  inline-size: max-content;
3311
3591
  max-inline-size: 100%;
3312
3592
  }
3313
- .RadioField-module__hop-RadioField___Heck6[data-disabled] {
3593
+ .RadioField-module__hop-RadioField___Q4QIQ[data-disabled] {
3314
3594
  --description-color: var(--hop-RadioField-description-color-disabled);
3315
3595
  }
3316
- .RadioField-module__hop-RadioField--sm___8mB6Y {
3596
+ .RadioField-module__hop-RadioField--sm___VXiap {
3317
3597
  --row-gap: var(--hop-RadioField-sm-row-gap);
3318
3598
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3319
3599
  }
3320
- .RadioField-module__hop-RadioField--md___jMLtu {
3600
+ .RadioField-module__hop-RadioField--md___HW2CQ {
3321
3601
  --row-gap: var(--hop-RadioField-md-row-gap);
3322
3602
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3323
3603
  }
3324
- .RadioField-module__hop-RadioField__description___kjoN7 {
3604
+ .RadioField-module__hop-RadioField__description___ia1Zr {
3325
3605
  order: 2;
3326
3606
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3327
3607
  color: var(--description-color);
3328
3608
  }
3329
- .RadioField-module__hop-RadioField__radio___xwm9e {
3609
+ .RadioField-module__hop-RadioField__radio___EivJe {
3330
3610
  order: 1;
3331
3611
  }
3332
3612
 
3333
3613
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3334
- .RadioGroup-module__hop-RadioGroup___OCh7L {
3614
+ .RadioGroup-module__hop-RadioGroup___GAhMc {
3335
3615
  --hop-RadioGroup-align-items: flex-start;
3336
3616
  --hop-RadioGroup-justify-content: flex-start;
3337
3617
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3371,46 +3651,46 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3371
3651
  inline-size: var(--inline-size);
3372
3652
  max-inline-size: 100%;
3373
3653
  }
3374
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1 {
3654
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV {
3375
3655
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3376
3656
  --list-border-radius: var(--hop-shape-rounded-md);
3377
3657
  }
3378
- .RadioGroup-module__hop-RadioGroup--sm___dVuGC {
3658
+ .RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3379
3659
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3380
3660
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3381
3661
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3382
3662
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3383
3663
  }
3384
- .RadioGroup-module__hop-RadioGroup--md___IDQhs {
3664
+ .RadioGroup-module__hop-RadioGroup--md___K9W8i {
3385
3665
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3386
3666
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3387
3667
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3388
3668
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3389
3669
  }
3390
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1.RadioGroup-module__hop-RadioGroup--sm___dVuGC {
3670
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--sm___TlUOa {
3391
3671
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3392
3672
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3393
3673
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3394
3674
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3395
3675
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3396
3676
  }
3397
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1.RadioGroup-module__hop-RadioGroup--md___IDQhs {
3677
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV.RadioGroup-module__hop-RadioGroup--md___K9W8i {
3398
3678
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3399
3679
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3400
3680
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3401
3681
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3402
3682
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3403
3683
  }
3404
- .RadioGroup-module__hop-RadioGroup___OCh7L[data-orientation=horizontal] {
3684
+ .RadioGroup-module__hop-RadioGroup___GAhMc[data-orientation=horizontal] {
3405
3685
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3406
3686
  }
3407
- .RadioGroup-module__hop-RadioGroup--bordered___y-YA1[data-orientation=horizontal] {
3687
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] {
3408
3688
  --flex-wrap: nowrap;
3409
3689
  }
3410
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__label___VywEQ {
3690
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__label___Vi-x9 {
3411
3691
  order: 1;
3412
3692
  }
3413
- .RadioGroup-module__hop-RadioGroup__list___2igwk {
3693
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn {
3414
3694
  display: flex;
3415
3695
  flex-flow: var(--flex-direction) var(--flex-wrap);
3416
3696
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3421,7 +3701,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3421
3701
  border: var(--list-border, none);
3422
3702
  border-radius: var(--list-border-radius, 0);
3423
3703
  }
3424
- .RadioGroup-module__hop-RadioGroup__list___2igwk > .RadioGroup-module__hop-RadioGroup__radio___qNJ8S {
3704
+ .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ {
3425
3705
  position: relative;
3426
3706
  flex: 0 1 auto;
3427
3707
  align-content: start;
@@ -3429,28 +3709,28 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3429
3709
  min-inline-size: 0;
3430
3710
  padding: var(--radio-padding, 0);
3431
3711
  }
3432
- .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 {
3712
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3433
3713
  content: "";
3434
3714
  position: absolute;
3435
3715
  display: block;
3436
3716
  }
3437
- .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 {
3717
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3438
3718
  inset-block-start: 0;
3439
3719
  inset-inline: 0;
3440
3720
  border-block-start: var(--list-border, none);
3441
3721
  }
3442
- .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 {
3722
+ .RadioGroup-module__hop-RadioGroup--bordered___aW9rV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pz3Nn > .RadioGroup-module__hop-RadioGroup__radio___HdWpQ ~ .RadioGroup-module__hop-RadioGroup__radio___HdWpQ::before {
3443
3723
  inset-block: 0;
3444
3724
  inset-inline-start: 0;
3445
3725
  border-inline-start: var(--list-border, none);
3446
3726
  }
3447
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__error-message___POw6K,
3448
- .RadioGroup-module__hop-RadioGroup___OCh7L > .RadioGroup-module__hop-RadioGroup__helper-message___5tAiT {
3727
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__error-message___KU5wE,
3728
+ .RadioGroup-module__hop-RadioGroup___GAhMc > .RadioGroup-module__hop-RadioGroup__helper-message___Rx1kN {
3449
3729
  order: 3;
3450
3730
  }
3451
3731
 
3452
3732
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3453
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___1Seqp {
3733
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f {
3454
3734
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3455
3735
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3456
3736
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3476,7 +3756,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3476
3756
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3477
3757
  background-size: 400% 100%;
3478
3758
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3479
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___HloPZ;
3759
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1;
3480
3760
  animation-duration: var(--animation-duration);
3481
3761
  animation-timing-function: ease-in-out;
3482
3762
  animation-fill-mode: forwards;
@@ -3485,19 +3765,19 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3485
3765
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3486
3766
  }
3487
3767
  }
3488
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UIhB2 {
3768
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl {
3489
3769
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3490
3770
  }
3491
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Lhm2- {
3771
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil {
3492
3772
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3493
3773
  }
3494
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___dd21P {
3774
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6 {
3495
3775
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3496
3776
  }
3497
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-2bCZ {
3777
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL {
3498
3778
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3499
3779
  }
3500
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___HloPZ {
3780
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1 {
3501
3781
  0% {
3502
3782
  background-position: 125% 50%;
3503
3783
  }
@@ -3507,7 +3787,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3507
3787
  }
3508
3788
 
3509
3789
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3510
- .ListBoxItem-module__hop-ListBoxItem___p-eg2 {
3790
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN {
3511
3791
  --hop-ListBoxItem-background-color: transparent;
3512
3792
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3513
3793
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3604,129 +3884,129 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3604
3884
  outline: var(--outline);
3605
3885
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3606
3886
  }
3607
- .ListBoxItem-module__hop-ListBoxItem--xs___djZR9 {
3887
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0 {
3608
3888
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3609
3889
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3610
3890
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3611
3891
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3612
3892
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3613
3893
  }
3614
- .ListBoxItem-module__hop-ListBoxItem--sm___CknwJ {
3894
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu {
3615
3895
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3616
3896
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3617
3897
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3618
3898
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3619
3899
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3620
3900
  }
3621
- .ListBoxItem-module__hop-ListBoxItem--md___Yd4Ir {
3901
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz {
3622
3902
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3623
3903
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3624
3904
  --min-height: var(--hop-ListBoxItem-md-min-height);
3625
3905
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3626
3906
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3627
3907
  }
3628
- .ListBoxItem-module__hop-ListBoxItem--lg___j6vWd {
3908
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83 {
3629
3909
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3630
3910
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3631
3911
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3632
3912
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3633
3913
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3634
3914
  }
3635
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-selection-mode] {
3915
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selection-mode] {
3636
3916
  --cursor: pointer;
3637
3917
  }
3638
- .ListBoxItem-module__hop-ListBoxItem___p-eg2:not([data-selection-mode]) {
3918
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:not([data-selection-mode]) {
3639
3919
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3640
3920
  }
3641
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8) {
3921
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3642
3922
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3643
3923
  }
3644
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8) {
3924
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD) {
3645
3925
  --checkmark-transition: none;
3646
3926
  }
3647
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-selected] {
3927
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-selected] {
3648
3928
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3649
3929
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3650
3930
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3651
3931
  --checkmark-opacity: 1;
3652
3932
  }
3653
- .ListBoxItem-module__hop-ListBoxItem--xs___djZR9[data-selected] {
3933
+ .ListBoxItem-module__hop-ListBoxItem--xs___lZib0[data-selected] {
3654
3934
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3655
3935
  }
3656
- .ListBoxItem-module__hop-ListBoxItem--sm___CknwJ[data-selected] {
3936
+ .ListBoxItem-module__hop-ListBoxItem--sm___NG9Qu[data-selected] {
3657
3937
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3658
3938
  }
3659
- .ListBoxItem-module__hop-ListBoxItem--md___Yd4Ir[data-selected] {
3939
+ .ListBoxItem-module__hop-ListBoxItem--md___sRrPz[data-selected] {
3660
3940
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3661
3941
  }
3662
- .ListBoxItem-module__hop-ListBoxItem--lg___j6vWd[data-selected] {
3942
+ .ListBoxItem-module__hop-ListBoxItem--lg___3nQ83[data-selected] {
3663
3943
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3664
3944
  }
3665
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-focus-visible] {
3945
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-focus-visible] {
3666
3946
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3667
3947
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3668
3948
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3669
3949
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3670
3950
  }
3671
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-hovered] {
3951
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-hovered] {
3672
3952
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3673
3953
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3674
3954
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3675
3955
  }
3676
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-pressed] {
3956
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-pressed] {
3677
3957
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3678
3958
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3679
3959
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3680
3960
  }
3681
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-disabled] {
3961
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-disabled] {
3682
3962
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3683
3963
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3684
3964
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3685
3965
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3686
3966
  --cursor: not-allowed;
3687
3967
  }
3688
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid] {
3968
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid] {
3689
3969
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3690
3970
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3691
3971
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3692
3972
  }
3693
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-selected] {
3973
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-selected] {
3694
3974
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3695
3975
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3696
3976
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3697
3977
  }
3698
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-focus-visible] {
3978
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-focus-visible] {
3699
3979
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3700
3980
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3701
3981
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3702
3982
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3703
3983
  }
3704
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-hovered] {
3984
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-hovered] {
3705
3985
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3706
3986
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3707
3987
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3708
3988
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3709
3989
  }
3710
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-pressed] {
3990
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-pressed] {
3711
3991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3712
3992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3713
3993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3714
3994
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3715
3995
  }
3716
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-invalid][data-disabled] {
3996
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-invalid][data-disabled] {
3717
3997
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3718
3998
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3719
3999
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3720
4000
  }
3721
- .ListBoxItem-module__hop-ListBoxItem___p-eg2:has(.ListBoxItem-module__hop-ListBoxItem__description___A9QOn) {
4001
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN:has(.ListBoxItem-module__hop-ListBoxItem__description___GUzrd) {
3722
4002
  --row-gap: var(--hop-ListBoxItem-row-gap);
3723
4003
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3724
4004
  }
3725
- .ListBoxItem-module__hop-ListBoxItem___p-eg2[data-loading] {
4005
+ .ListBoxItem-module__hop-ListBoxItem___QvcpN[data-loading] {
3726
4006
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3727
4007
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3728
4008
  }
3729
- .ListBoxItem-module__hop-ListBoxItem__inner___lbNBq {
4009
+ .ListBoxItem-module__hop-ListBoxItem__inner___txRTc {
3730
4010
  display: grid;
3731
4011
  grid-template-areas: var(--grid-template-areas);
3732
4012
  grid-template-columns: var(--grid-template-columns);
@@ -3738,33 +4018,33 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3738
4018
  padding-inline: var(--padding-inline);
3739
4019
  transition: grid-template-columns .3s ease-in-out;
3740
4020
  }
3741
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bfMf8 {
4021
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___MbqOD {
3742
4022
  grid-area: indicator;
3743
4023
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3744
4024
  color: var(--icon-color);
3745
4025
  opacity: var(--checkmark-opacity);
3746
4026
  transition: var(--checkmark-transition);
3747
4027
  }
3748
- .ListBoxItem-module__hop-ListBoxItem__radio___SRm7T,
3749
- .ListBoxItem-module__hop-ListBoxItem__checkbox___9Dk0T {
4028
+ .ListBoxItem-module__hop-ListBoxItem__radio___Urn5f,
4029
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___LHciW {
3750
4030
  pointer-events: none;
3751
4031
  user-select: none;
3752
4032
  grid-area: indicator;
3753
4033
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3754
4034
  }
3755
- .ListBoxItem-module__hop-ListBoxItem__avatar___4G5Vn {
4035
+ .ListBoxItem-module__hop-ListBoxItem__avatar___K1Ark {
3756
4036
  grid-area: avatar;
3757
4037
  margin-block: var(--avatar-margin-block, 0);
3758
4038
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3759
4039
  }
3760
- .ListBoxItem-module__hop-ListBoxItem__icon-list___AZ79L,
3761
- .ListBoxItem-module__hop-ListBoxItem__icon___s5YmH {
4040
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8RQE,
4041
+ .ListBoxItem-module__hop-ListBoxItem__icon___Y3uVa {
3762
4042
  grid-area: icon;
3763
4043
  flex: 0 0 auto;
3764
4044
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3765
4045
  color: var(--icon-color);
3766
4046
  }
3767
- .ListBoxItem-module__hop-ListBoxItem__label___ZBKzM {
4047
+ .ListBoxItem-module__hop-ListBoxItem__label___1L0EC {
3768
4048
  overflow: hidden;
3769
4049
  grid-area: label;
3770
4050
  min-inline-size: 0;
@@ -3772,18 +4052,18 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3772
4052
  text-overflow: ellipsis;
3773
4053
  white-space: nowrap;
3774
4054
  }
3775
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___VB-ax,
3776
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kj8IM {
4055
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zp7WO,
4056
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___f-q1U {
3777
4057
  grid-area: end-icon;
3778
4058
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3779
4059
  color: var(--icon-color);
3780
4060
  }
3781
- .ListBoxItem-module__hop-ListBoxItem__badge___gnBCT {
4061
+ .ListBoxItem-module__hop-ListBoxItem__badge___ltsNo {
3782
4062
  grid-area: badge;
3783
4063
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3784
4064
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3785
4065
  }
3786
- .ListBoxItem-module__hop-ListBoxItem__description___A9QOn {
4066
+ .ListBoxItem-module__hop-ListBoxItem__description___GUzrd {
3787
4067
  overflow: hidden;
3788
4068
  display: -webkit-box;
3789
4069
  grid-area: description;
@@ -3794,7 +4074,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3794
4074
  }
3795
4075
 
3796
4076
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3797
- .ListBox-module__hop-ListBox___NI-KB {
4077
+ .ListBox-module__hop-ListBox___PSbqU {
3798
4078
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3799
4079
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3800
4080
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3841,11 +4121,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3841
4121
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3842
4122
  border-radius: var(--hop-ListBox-border-radius);
3843
4123
  }
3844
- .ListBox-module__hop-ListBox--fluid___1q6Vr {
4124
+ .ListBox-module__hop-ListBox--fluid___GX-qg {
3845
4125
  --max-width: var(--hop-ListBox-fluid-max-width);
3846
4126
  --width: var(--hop-ListBox-fluid-width);
3847
4127
  }
3848
- .ListBox-module__hop-ListBox__section___6eHK1 {
4128
+ .ListBox-module__hop-ListBox__section___bsYz4 {
3849
4129
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3850
4130
  margin-inline: var(--hop-ListBox-section-margin-inline);
3851
4131
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3853,21 +4133,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3853
4133
  border-block-start: var(--section-border-block-start);
3854
4134
  border-block-end: var(--section-border-block-end);
3855
4135
  }
3856
- .ListBox-module__hop-ListBox__item___YJkWK + .ListBox-module__hop-ListBox__section___6eHK1 {
4136
+ .ListBox-module__hop-ListBox__item___LdnNS + .ListBox-module__hop-ListBox__section___bsYz4 {
3857
4137
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3858
4138
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3859
4139
  }
3860
- .ListBox-module__hop-ListBox__section___6eHK1:has(+ .ListBox-module__hop-ListBox__item___YJkWK) {
4140
+ .ListBox-module__hop-ListBox__section___bsYz4:has(+ .ListBox-module__hop-ListBox__item___LdnNS) {
3861
4141
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3862
4142
  }
3863
- .ListBox-module__hop-ListBox__section___6eHK1:first-child {
4143
+ .ListBox-module__hop-ListBox__section___bsYz4:first-child {
3864
4144
  --section-padding-block-start: 0;
3865
4145
  }
3866
- .ListBox-module__hop-ListBox__section___6eHK1:last-child {
4146
+ .ListBox-module__hop-ListBox__section___bsYz4:last-child {
3867
4147
  --section-padding-block-end: 0;
3868
4148
  --section-border-block-end: 0;
3869
4149
  }
3870
- .ListBox-module__hop-ListBox__section-header___0rwGF {
4150
+ .ListBox-module__hop-ListBox__section-header___JA5vG {
3871
4151
  margin: 0;
3872
4152
  padding: var(--hop-ListBox-section-header-padding);
3873
4153
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3878,30 +4158,30 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3878
4158
  text-transform: var(--hop-ListBox-section-header-text-transform);
3879
4159
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3880
4160
  }
3881
- .ListBox-module__hop-ListBox__section-header___0rwGF::before,
3882
- .ListBox-module__hop-ListBox__section-header___0rwGF::after {
4161
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before,
4162
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3883
4163
  content: "";
3884
4164
  display: block;
3885
4165
  box-sizing: border-box;
3886
4166
  inline-size: 0;
3887
4167
  block-size: 0;
3888
4168
  }
3889
- .ListBox-module__hop-ListBox__section-header___0rwGF::before {
4169
+ .ListBox-module__hop-ListBox__section-header___JA5vG::before {
3890
4170
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3891
4171
  }
3892
- .ListBox-module__hop-ListBox__section-header___0rwGF::after {
4172
+ .ListBox-module__hop-ListBox__section-header___JA5vG::after {
3893
4173
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3894
4174
  }
3895
4175
 
3896
4176
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3897
- :where(.Popover-module__hop-Popover___U1bem *) {
4177
+ :where(.Popover-module__hop-Popover___Tn-G9 *) {
3898
4178
  font-family: var(--font-family);
3899
4179
  font-size: var(--font-size);
3900
4180
  font-weight: var(--font-weight);
3901
4181
  line-height: var(--line-height);
3902
4182
  outline: none;
3903
4183
  }
3904
- .Popover-module__hop-Popover___U1bem {
4184
+ .Popover-module__hop-Popover___Tn-G9 {
3905
4185
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3906
4186
  --hop-Popover-inline-width: 25rem;
3907
4187
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3914,22 +4194,22 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3914
4194
  inline-size: var(--width);
3915
4195
  max-inline-size: var(--max-width);
3916
4196
  }
3917
- .Popover-module__hop-Popover___U1bem[data-trigger=Select] {
4197
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=Select] {
3918
4198
  --width: var(--hop-Popover-dropdown-inline-width);
3919
4199
  }
3920
- .Popover-module__hop-Popover___U1bem[data-trigger=ComboBox] {
4200
+ .Popover-module__hop-Popover___Tn-G9[data-trigger=ComboBox] {
3921
4201
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3922
4202
  }
3923
- .Popover-module__hop-Popover___U1bem[data-auto-width] {
4203
+ .Popover-module__hop-Popover___Tn-G9[data-auto-width] {
3924
4204
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3925
4205
  }
3926
- .Popover-module__hop-Popover___U1bem[data-entering] {
3927
- animation: Popover-module__fade___5bgK7 0.25s;
4206
+ .Popover-module__hop-Popover___Tn-G9[data-entering] {
4207
+ animation: Popover-module__fade___nUmvV 0.25s;
3928
4208
  }
3929
- .Popover-module__hop-Popover___U1bem[data-exiting] {
3930
- animation: Popover-module__fade___5bgK7 0.25s reverse;
4209
+ .Popover-module__hop-Popover___Tn-G9[data-exiting] {
4210
+ animation: Popover-module__fade___nUmvV 0.25s reverse;
3931
4211
  }
3932
- @keyframes Popover-module__fade___5bgK7 {
4212
+ @keyframes Popover-module__fade___nUmvV {
3933
4213
  from {
3934
4214
  opacity: 0;
3935
4215
  }
@@ -3937,14 +4217,14 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3937
4217
  opacity: 1;
3938
4218
  }
3939
4219
  }
3940
- .Popover-module__hop-Popover__wrapper___gOaLn {
4220
+ .Popover-module__hop-Popover__wrapper___606o6 {
3941
4221
  display: flex;
3942
4222
  flex: 1 1 auto;
3943
4223
  flex-direction: column;
3944
4224
  min-block-size: 0;
3945
4225
  }
3946
- .Popover-module__hop-Popover__dialog___h18ia,
3947
- .Popover-module__hop-Popover__dropdown___opt0t {
4226
+ .Popover-module__hop-Popover__dialog___OKeOS,
4227
+ .Popover-module__hop-Popover__dropdown___GLwYO {
3948
4228
  --hop-Popover-background: var(--hop-neutral-surface);
3949
4229
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3950
4230
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3992,21 +4272,21 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
3992
4272
  border-radius: var(--hop-Popover-border-radius);
3993
4273
  box-shadow: var(--hop-Popover-box-shadow);
3994
4274
  }
3995
- .Popover-module__hop-Popover__dropdown___opt0t {
4275
+ .Popover-module__hop-Popover__dropdown___GLwYO {
3996
4276
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3997
4277
  --footer-place-self: stretch;
3998
4278
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3999
4279
  --padding: var(--hop-Popover-dropdown-padding);
4000
4280
  overflow: hidden;
4001
4281
  }
4002
- .Popover-module__hop-Popover__dialog___h18ia {
4282
+ .Popover-module__hop-Popover__dialog___OKeOS {
4003
4283
  --padding: var(--hop-Popover-dialog-padding);
4004
4284
  }
4005
- .Popover-module__hop-Popover__title___awbcu {
4285
+ .Popover-module__hop-Popover__title___Tu4KH {
4006
4286
  grid-area: header;
4007
4287
  color: var(--hop-Popover-color);
4008
4288
  }
4009
- .Popover-module__hop-Popover__content___yxGrH {
4289
+ .Popover-module__hop-Popover__content___t3KK5 {
4010
4290
  --font-size: var(--hop-Popover-content-font-size);
4011
4291
  --line-height: var(--hop-Popover-content-line-height);
4012
4292
  --font-family: var(--hop-Popover-content-font-family);
@@ -4017,12 +4297,12 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4017
4297
  padding: 0;
4018
4298
  color: var(--hop-Popover-content-color);
4019
4299
  }
4020
- .Popover-module__hop-Popover___U1bem:not(:has(.Popover-module__hop-Popover__title___awbcu)) {
4021
- .Popover-module__hop-Popover__content___yxGrH {
4300
+ .Popover-module__hop-Popover___Tn-G9:not(:has(.Popover-module__hop-Popover__title___Tu4KH)) {
4301
+ .Popover-module__hop-Popover__content___t3KK5 {
4022
4302
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4023
4303
  }
4024
4304
  }
4025
- .Popover-module__hop-Popover__dropdown___opt0t .Popover-module__hop-Popover__list-box___aIvDu {
4305
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__list-box___XmUYJ {
4026
4306
  grid-area: content;
4027
4307
  inline-size: auto;
4028
4308
  min-inline-size: auto;
@@ -4030,7 +4310,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4030
4310
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4031
4311
  border: none;
4032
4312
  }
4033
- .Popover-module__hop-Popover__footer___r9fbQ {
4313
+ .Popover-module__hop-Popover__footer___jo9Dl {
4034
4314
  --font-size: var(--hop-Popover-footer-font-size);
4035
4315
  --line-height: var(--hop-Popover-footer-line-height);
4036
4316
  grid-area: footer;
@@ -4038,16 +4318,16 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
4038
4318
  margin: var(--footer-margin);
4039
4319
  color: var(--hop-Popover-color);
4040
4320
  }
4041
- .Popover-module__hop-Popover__dropdown___opt0t .Popover-module__hop-Popover__footer___r9fbQ {
4321
+ .Popover-module__hop-Popover__dropdown___GLwYO .Popover-module__hop-Popover__footer___jo9Dl {
4042
4322
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4043
4323
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4044
4324
  }
4045
- .Popover-module__hop-Popover__actions___BKyIi,
4046
- .Popover-module__hop-Popover__action___-rS12 {
4325
+ .Popover-module__hop-Popover__actions___dcbdB,
4326
+ .Popover-module__hop-Popover__action___6mpc0 {
4047
4327
  grid-area: action;
4048
4328
  justify-self: end;
4049
4329
  margin-block-start: var(--hop-Popover-row-gap);
4050
4330
  }
4051
- .Popover-module__hop-Popover___U1bem:has(.Popover-module__hop-Popover__actions___BKyIi, .Popover-module__hop-Popover__action___-rS12) .Popover-module__hop-Popover__footer___r9fbQ {
4331
+ .Popover-module__hop-Popover___Tn-G9:has(.Popover-module__hop-Popover__actions___dcbdB, .Popover-module__hop-Popover__action___6mpc0) .Popover-module__hop-Popover__footer___jo9Dl {
4052
4332
  margin-inline-end: var(--hop-Popover-column-gap);
4053
4333
  }