@hopper-ui/components 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) 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 +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  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 +6 -6
  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 +11 -11
  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 +7 -7
  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 +8 -8
  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 +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -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___3N-BS {
2
+ .Heading-module__hop-Heading___f8I5B {
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___3N-BS) {
36
+ :where(.Heading-module__hop-Heading___f8I5B) {
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___AIoE1) {
44
+ :where(.Heading-module__hop-Heading--xs___RO7T9) {
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___C-5Tn) {
50
+ :where(.Heading-module__hop-Heading--sm___u2TRR) {
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___ptBBh) {
56
+ :where(.Heading-module__hop-Heading--md___BFmdf) {
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___MhXsB) {
62
+ :where(.Heading-module__hop-Heading--lg___hMrrH) {
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___jMCo1) {
68
+ :where(.Heading-module__hop-Heading--xl___gQz6L) {
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___N864S) {
74
+ :where(.Heading-module__hop-Heading--2xl___9oHXD) {
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___ev4Cg) {
80
+ :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,33 +85,40 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___F-45c {
88
+ .Form-module__hop-Form___7RaBZ {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___tzV87 {
95
+ .Label-module__hop-Label___dgJtM {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___tzV87) {
102
+ :where(.Label-module__hop-Label___dgJtM) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
106
106
  line-height: var(--hop-Label-line-height);
107
107
  color: var(--hop-Label-color);
108
108
  }
109
- :where(.Label-module__hop-Label__indicator___Wp4MQ) {
109
+
110
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
112
+ display: flex;
113
+ gap: var(--hop-space-inset-xs);
114
+ align-items: center;
115
+ }
116
+ .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
110
117
  padding-inline-start: var(--hop-space-20);
111
118
  }
112
119
 
113
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___lDKuo) {
121
+ :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
115
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +142,26 @@
135
142
  text-transform: uppercase;
136
143
  letter-spacing: var(--letter-spacing);
137
144
  }
138
- .OverlineText-module__hop-OverlineText__text___JrGdf {
145
+ .OverlineText-module__hop-OverlineText__text___-Cgyx {
139
146
  box-sizing: border-box;
140
147
  }
141
- .OverlineText-module__hop-OverlineText__text___JrGdf::before,
142
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
148
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
143
150
  content: "";
144
151
  display: block;
145
152
  box-sizing: border-box;
146
153
  inline-size: 0;
147
154
  block-size: 0;
148
155
  }
149
- .OverlineText-module__hop-OverlineText__text___JrGdf::before {
156
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
150
157
  margin-block-end: var(--bottom-offset);
151
158
  }
152
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
159
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
153
160
  margin-block-start: var(--top-offset);
154
161
  }
155
162
 
156
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___TSNAC {
164
+ .Text-module__hop-Text___NFTCi {
158
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +191,49 @@
184
191
  --hop-Text-inherit-size-font-weight: inherit;
185
192
  --hop-Text-inherit-size-line-height: inherit;
186
193
  }
187
- :where(.Text-module__hop-Text___TSNAC) {
194
+ :where(.Text-module__hop-Text___NFTCi) {
188
195
  font-family: var(--font-family);
189
196
  font-size: var(--font-size);
190
197
  font-weight: var(--font-weight);
191
198
  line-height: var(--line-height);
192
199
  }
193
- :where(.Text-module__hop-Text--xs___yuFT0) {
200
+ :where(.Text-module__hop-Text--xs___I0d0v) {
194
201
  --font-size: var(--hop-Text-xs-font-size);
195
202
  --font-family: var(--hop-Text-xs-font-family);
196
203
  --font-weight: var(--hop-Text-xs-font-weight);
197
204
  --line-height: var(--hop-Text-xs-line-height);
198
205
  }
199
- :where(.Text-module__hop-Text--sm___qelbx) {
206
+ :where(.Text-module__hop-Text--sm___33NDY) {
200
207
  --font-size: var(--hop-Text-sm-font-size);
201
208
  --font-family: var(--hop-Text-sm-font-family);
202
209
  --font-weight: var(--hop-Text-sm-font-weight);
203
210
  --line-height: var(--hop-Text-sm-line-height);
204
211
  }
205
- :where(.Text-module__hop-Text--md___PcK3y) {
212
+ :where(.Text-module__hop-Text--md___12lqb) {
206
213
  --font-size: var(--hop-Text-md-font-size);
207
214
  --font-family: var(--hop-Text-md-font-family);
208
215
  --font-weight: var(--hop-Text-md-font-weight);
209
216
  --line-height: var(--hop-Text-md-line-height);
210
217
  }
211
- :where(.Text-module__hop-Text--lg___iRaZl) {
218
+ :where(.Text-module__hop-Text--lg___EIx-l) {
212
219
  --font-size: var(--hop-Text-lg-font-size);
213
220
  --font-family: var(--hop-Text-lg-font-family);
214
221
  --font-weight: var(--hop-Text-lg-font-weight);
215
222
  --line-height: var(--hop-Text-lg-line-height);
216
223
  }
217
- :where(.Text-module__hop-Text--xl___kO3Qt) {
224
+ :where(.Text-module__hop-Text--xl___Hgsci) {
218
225
  --font-size: var(--hop-Text-xl-font-size);
219
226
  --font-family: var(--hop-Text-xl-font-family);
220
227
  --font-weight: var(--hop-Text-xl-font-weight);
221
228
  --line-height: var(--hop-Text-xl-line-height);
222
229
  }
223
- :where(.Text-module__hop-Text--2xl___rAN5U) {
230
+ :where(.Text-module__hop-Text--2xl___bZva7) {
224
231
  --font-size: var(--hop-Text-2xl-font-size);
225
232
  --font-family: var(--hop-Text-2xl-font-family);
226
233
  --font-weight: var(--hop-Text-2xl-font-weight);
227
234
  --line-height: var(--hop-Text-2xl-line-height);
228
235
  }
229
- :where(.Text-module__hop-Text--inherit___hn3le) {
236
+ :where(.Text-module__hop-Text--inherit___D42Q3) {
230
237
  --font-size: var(--hop-Text-inherit-size-font-size);
231
238
  --font-family: var(--hop-Text-inherit-size-font-family);
232
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +241,7 @@
234
241
  }
235
242
 
236
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___VOZwC {
244
+ .Paragraph-module__hop-Paragraph___pDtiI {
238
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +253,33 @@
246
253
  margin-block-end: var(--margin-block-end);
247
254
  overflow-wrap: break-word;
248
255
  }
249
- .Paragraph-module__hop-Paragraph___VOZwC:last-child {
256
+ .Paragraph-module__hop-Paragraph___pDtiI:last-child {
250
257
  --margin-block-end: 0;
251
258
  }
252
- .Paragraph-module__hop-Paragraph--xs___crXVt {
259
+ .Paragraph-module__hop-Paragraph--xs___yzl-N {
253
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
261
  }
255
- .Paragraph-module__hop-Paragraph--sm___nxfnz {
262
+ .Paragraph-module__hop-Paragraph--sm___mssXe {
256
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
264
  }
258
- .Paragraph-module__hop-Paragraph--md___YgyE0 {
265
+ .Paragraph-module__hop-Paragraph--md___Ujb4e {
259
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
267
  }
261
- .Paragraph-module__hop-Paragraph--lg___G36sQ {
268
+ .Paragraph-module__hop-Paragraph--lg___fzVC0 {
262
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
270
  }
264
- .Paragraph-module__hop-Paragraph--xl___dWzV5 {
271
+ .Paragraph-module__hop-Paragraph--xl___bF-Yd {
265
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
273
  }
267
- .Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
274
+ .Paragraph-module__hop-Paragraph--2xl___UuYkH {
268
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
276
  }
270
- .Paragraph-module__hop-Paragraph--inherit___Z3RKC {
277
+ .Paragraph-module__hop-Paragraph--inherit___jW721 {
271
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
275
- :where(.Divider-module__hop-Divider___hUMpf) {
282
+ :where(.Divider-module__hop-Divider___o7B0I) {
276
283
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
277
284
  --hop-Divider-border-size: 0.0625rem;
278
285
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -297,7 +304,7 @@
297
304
  border-block-end: var(--border-block-end);
298
305
  border-inline-start: var(--border-inline-start);
299
306
  }
300
- .Divider-module__hop-Divider--vertical___Ni6YU {
307
+ .Divider-module__hop-Divider--vertical___RsiXZ {
301
308
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
302
309
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
303
310
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -306,7 +313,7 @@
306
313
  }
307
314
 
308
315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
309
- .IconList-module__hop-IconList___JGBdL {
316
+ .IconList-module__hop-IconList___m2E3v {
310
317
  --hop-IconList-gap: var(--hop-space-inline-xs);
311
318
  display: flex;
312
319
  flex-wrap: wrap;
@@ -315,7 +322,7 @@
315
322
  }
316
323
 
317
324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
318
- @keyframes Spinner-module__spin___Ev3-W {
325
+ @keyframes Spinner-module__spin___pKwfA {
319
326
  0% {
320
327
  transform: rotate(0deg);
321
328
  }
@@ -323,7 +330,7 @@
323
330
  transform: rotate(360deg);
324
331
  }
325
332
  }
326
- .Spinner-module__hop-Spinner___-DwXC {
333
+ .Spinner-module__hop-Spinner___NL-2c {
327
334
  --hop-Spinner-border-radius: var(--hop-shape-circle);
328
335
  --hop-Spinner-sm-wheel-size: 1rem;
329
336
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -331,7 +338,7 @@
331
338
  --hop-Spinner-track-width: 0.125rem;
332
339
  --hop-Spinner-track-opacity: 0.2;
333
340
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
334
- --hop-Spinner-fill-animation: Spinner-module__spin___Ev3-W .8s infinite linear;
341
+ --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
335
342
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
336
343
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
337
344
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -342,19 +349,19 @@
342
349
  align-items: center;
343
350
  box-sizing: border-box;
344
351
  }
345
- .Spinner-module__hop-Spinner--sm___UlZFf {
352
+ .Spinner-module__hop-Spinner--sm___o8oor {
346
353
  --width: var(--hop-Spinner-sm-wheel-size);
347
354
  --height: var(--hop-Spinner-sm-wheel-size);
348
355
  }
349
- .Spinner-module__hop-Spinner--md___2Aejk {
356
+ .Spinner-module__hop-Spinner--md___Z3T3P {
350
357
  --width: var(--hop-Spinner-md-wheel-size);
351
358
  --height: var(--hop-Spinner-md-wheel-size);
352
359
  }
353
- .Spinner-module__hop-Spinner--lg___rUTOq {
360
+ .Spinner-module__hop-Spinner--lg___-2JJ5 {
354
361
  --width: var(--hop-Spinner-lg-wheel-size);
355
362
  --height: var(--hop-Spinner-lg-wheel-size);
356
363
  }
357
- .Spinner-module__hop-Spinner__track___beMsW {
364
+ .Spinner-module__hop-Spinner__track___-5qNx {
358
365
  grid-area: spinner;
359
366
  box-sizing: border-box;
360
367
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -363,7 +370,7 @@
363
370
  border: var(--hop-Spinner-track-border);
364
371
  border-radius: var(--hop-Spinner-border-radius);
365
372
  }
366
- .Spinner-module__hop-Spinner__fill___-bGVd {
373
+ .Spinner-module__hop-Spinner__fill___ds519 {
367
374
  grid-area: spinner;
368
375
  box-sizing: border-box;
369
376
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -374,17 +381,17 @@
374
381
  animation: var(--hop-Spinner-fill-animation);
375
382
  }
376
383
  @media (prefers-reduced-motion: reduce) {
377
- .Spinner-module__hop-Spinner__fill___-bGVd {
384
+ .Spinner-module__hop-Spinner__fill___ds519 {
378
385
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
379
386
  }
380
387
  }
381
- .Spinner-module__hop-Spinner__label___mBxTu {
388
+ .Spinner-module__hop-Spinner__label___aAqY5 {
382
389
  grid-area: label;
383
390
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
384
391
  }
385
392
 
386
393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
387
- .Button-module__hop-Button___M1srN {
394
+ .Button-module__hop-Button___drz4z {
388
395
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
389
396
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
390
397
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -508,215 +515,215 @@
508
515
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
509
516
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
510
517
  }
511
- .Button-module__hop-Button--fluid___GCROP {
518
+ .Button-module__hop-Button--fluid___jF2LE {
512
519
  --inline-size: 100%;
513
520
  }
514
- .Button-module__hop-Button--sm___0F6Zs {
521
+ .Button-module__hop-Button--sm___yWI1w {
515
522
  --block-size: var(--hop-Button-sm-height);
516
523
  --padding: var(--hop-Button-sm-padding);
517
524
  }
518
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
525
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
519
526
  --padding: var(--hop-Button-ghost-sm-padding);
520
527
  }
521
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
528
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
522
529
  --padding: var(--hop-Button-ghost-md-padding);
523
530
  }
524
- .Button-module__hop-Button--icon-only___22irB {
531
+ .Button-module__hop-Button--icon-only___ZVI03 {
525
532
  --column-gap: var(--hop-Button-icon-only-column-gap);
526
533
  --padding: var(--hop-Button-icon-only-padding);
527
534
  aspect-ratio: 1;
528
535
  }
529
- .Button-module__hop-Button--primary___hqlO9 {
536
+ .Button-module__hop-Button--primary___gQcR4 {
530
537
  --background-color: var(--hop-Button-primary-background-color);
531
538
  --color: var(--hop-Button-primary-color);
532
539
  --border: var(--hop-Button-primary-border);
533
540
  --spinner-color: var(--hop-Button-primary-spinner-color);
534
541
  }
535
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
536
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
542
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
543
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
537
544
  --background-color: var(--hop-Button-primary-background-color-hover);
538
545
  --color: var(--hop-Button-primary-color-hover);
539
546
  --border: var(--hop-Button-primary-border-hover);
540
547
  }
541
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
548
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
542
549
  --background-color: var(--hop-Button-primary-background-color-pressed);
543
550
  --color: var(--hop-Button-primary-color-pressed);
544
551
  --border: var(--hop-Button-primary-border-pressed);
545
552
  }
546
- .Button-module__hop-Button--secondary___eeNTL {
553
+ .Button-module__hop-Button--secondary___iPATA {
547
554
  --background-color: var(--hop-Button-secondary-background-color);
548
555
  --color: var(--hop-Button-secondary-color);
549
556
  --border: var(--hop-Button-secondary-border);
550
557
  --spinner-color: var(--hop-Button-secondary-spinner-color);
551
558
  }
552
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
553
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
559
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
560
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
554
561
  --background-color: var(--hop-Button-secondary-background-color-hover);
555
562
  --color: var(--hop-Button-secondary-color-hover);
556
563
  --border: var(--hop-Button-secondary-border-hover);
557
564
  }
558
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
565
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
559
566
  --background-color: var(--hop-Button-secondary-background-color-pressed);
560
567
  --color: var(--hop-Button-secondary-color-pressed);
561
568
  --border: var(--hop-Button-secondary-border-pressed);
562
569
  }
563
- .Button-module__hop-Button--upsell___ab5Uf {
570
+ .Button-module__hop-Button--upsell___1odMt {
564
571
  --background-color: var(--hop-Button-upsell-background-color);
565
572
  --color: var(--hop-Button-upsell-color);
566
573
  --border: var(--hop-Button-upsell-border);
567
574
  --spinner-color: var(--hop-Button-upsell-spinner-color);
568
575
  }
569
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
570
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
576
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
577
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
571
578
  --background-color: var(--hop-Button-upsell-background-color-hover);
572
579
  --color: var(--hop-Button-upsell-color-hover);
573
580
  --border: var(--hop-Button-upsell-border-hover);
574
581
  }
575
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
582
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
576
583
  --background-color: var(--hop-Button-upsell-background-color-pressed);
577
584
  --color: var(--hop-Button-upsell-color-pressed);
578
585
  --border: var(--hop-Button-upsell-border-pressed);
579
586
  }
580
- .Button-module__hop-Button--danger___vGqCj {
587
+ .Button-module__hop-Button--danger___nvNVv {
581
588
  --background-color: var(--hop-Button-danger-background-color);
582
589
  --color: var(--hop-Button-danger-color);
583
590
  --border: var(--hop-Button-danger-border);
584
591
  --spinner-color: var(--hop-Button-danger-spinner-color);
585
592
  }
586
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
587
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
593
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
594
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
588
595
  --background-color: var(--hop-Button-danger-background-color-hover);
589
596
  --color: var(--hop-Button-danger-color-hover);
590
597
  --border: var(--hop-Button-danger-border-hover);
591
598
  }
592
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
599
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
593
600
  --background-color: var(--hop-Button-danger-background-color-pressed);
594
601
  --color: var(--hop-Button-danger-color-pressed);
595
602
  --border: var(--hop-Button-danger-border-pressed);
596
603
  }
597
- .Button-module__hop-Button--ghost-primary___K1fli {
604
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
598
605
  --background-color: var(--hop-Button-ghost-primary-background-color);
599
606
  --color: var(--hop-Button-ghost-primary-color);
600
607
  --border: var(--hop-Button-ghost-primary-border);
601
608
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
602
609
  }
603
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
604
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
610
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
611
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
605
612
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
606
613
  --color: var(--hop-Button-ghost-primary-color-hover);
607
614
  --border: var(--hop-Button-ghost-primary-border-hover);
608
615
  --text-underline: underline;
609
616
  }
610
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
617
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
611
618
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
612
619
  --color: var(--hop-Button-ghost-primary-color-pressed);
613
620
  --border: var(--hop-Button-ghost-primary-border-pressed);
614
621
  --text-underline: underline;
615
622
  }
616
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
623
+ .Button-module__hop-Button--ghost-secondary___YirRd {
617
624
  --background-color: var(--hop-Button-ghost-secondary-background-color);
618
625
  --color: var(--hop-Button-ghost-secondary-color);
619
626
  --border: var(--hop-Button-ghost-secondary-border);
620
627
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
621
628
  }
622
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
623
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
629
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
630
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
624
631
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
625
632
  --color: var(--hop-Button-ghost-secondary-color-hover);
626
633
  --border: var(--hop-Button-ghost-secondary-border-hover);
627
634
  --text-underline: underline;
628
635
  }
629
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
636
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
630
637
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
631
638
  --color: var(--hop-Button-ghost-secondary-color-pressed);
632
639
  --border: var(--hop-Button-ghost-secondary-border-pressed);
633
640
  --text-underline: underline;
634
641
  }
635
- .Button-module__hop-Button--ghost-danger___F83U0 {
642
+ .Button-module__hop-Button--ghost-danger___J37kT {
636
643
  --background-color: var(--hop-Button-ghost-danger-background-color);
637
644
  --color: var(--hop-Button-ghost-danger-color);
638
645
  --border: var(--hop-Button-ghost-danger-border);
639
646
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
640
647
  }
641
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
642
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
648
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
649
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
643
650
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
644
651
  --color: var(--hop-Button-ghost-danger-color-hover);
645
652
  --border: var(--hop-Button-ghost-danger-border-hover);
646
653
  --text-underline: underline;
647
654
  }
648
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
655
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
649
656
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
650
657
  --color: var(--hop-Button-ghost-danger-color-pressed);
651
658
  --border: var(--hop-Button-ghost-danger-border-pressed);
652
659
  --text-underline: underline;
653
660
  }
654
- .Button-module__hop-Button___M1srN[data-focus-visible] {
661
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
655
662
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
656
663
  }
657
- .Button-module__hop-Button___M1srN[data-disabled],
658
- .Button-module__hop-Button--loading___PvMXo {
664
+ .Button-module__hop-Button___drz4z[data-disabled],
665
+ .Button-module__hop-Button--loading___Vt2Li {
659
666
  cursor: not-allowed;
660
667
  }
661
- .Button-module__hop-Button___M1srN[data-disabled] {
668
+ .Button-module__hop-Button___drz4z[data-disabled] {
662
669
  --background-color: var(--hop-Button-background-color-disabled);
663
670
  --color: var(--hop-Button-color-disabled);
664
671
  --border: var(--hop-Button-border-disabled);
665
672
  }
666
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
673
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
667
674
  --background-color: var(--hop-Button-ghost-background-color-disabled);
668
675
  --color: var(--hop-Button-ghost-color-disabled);
669
676
  --border: var(--hop-Button-ghost-border-disabled);
670
677
  }
671
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
678
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
672
679
  --background-color: var(--hop-Button-primary-background-color);
673
680
  --color: var(--hop-Button-primary-color);
674
681
  --border: var(--hop-Button-primary-border);
675
682
  }
676
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
683
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
677
684
  --background-color: var(--hop-Button-secondary-background-color);
678
685
  --color: var(--hop-Button-secondary-color);
679
686
  --border: var(--hop-Button-secondary-border);
680
687
  }
681
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
688
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
682
689
  --background-color: var(--hop-Button-upsell-background-color);
683
690
  --color: var(--hop-Button-upsell-color);
684
691
  --border: var(--hop-Button-upsell-border);
685
692
  }
686
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
693
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
687
694
  --background-color: var(--hop-Button-danger-background-color);
688
695
  --color: var(--hop-Button-danger-color);
689
696
  --border: var(--hop-Button-danger-border);
690
697
  }
691
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
698
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
692
699
  --background-color: var(--hop-Button-ghost-primary-background-color);
693
700
  --color: var(--hop-Button-ghost-primary-color);
694
701
  --border: var(--hop-Button-ghost-primary-border);
695
702
  --text-underline: none;
696
703
  }
697
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
704
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
698
705
  --background-color: var(--hop-Button-ghost-secondary-background-color);
699
706
  --color: var(--hop-Button-ghost-secondary-color);
700
707
  --border: var(--hop-Button-ghost-secondary-border);
701
708
  --text-underline: none;
702
709
  }
703
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
710
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
704
711
  --background-color: var(--hop-Button-ghost-danger-background-color);
705
712
  --color: var(--hop-Button-ghost-danger-color);
706
713
  --border: var(--hop-Button-ghost-danger-border);
707
714
  --text-underline: none;
708
715
  }
709
- .Button-module__hop-Button__Spinner___oJ124 {
716
+ .Button-module__hop-Button__Spinner___qFcTX {
710
717
  position: absolute;
711
718
  color: var(--spinner-color);
712
719
  }
713
- .Button-module__hop-Button__icon___3qLql,
714
- .Button-module__hop-Button__icon-list___8YvWB {
720
+ .Button-module__hop-Button__icon___i0bX0,
721
+ .Button-module__hop-Button__icon-list___h-l1l {
715
722
  flex: 0 0 auto;
716
723
  justify-self: end;
717
724
  order: 1;
718
725
  }
719
- .Button-module__hop-Button__text___LAcjY {
726
+ .Button-module__hop-Button__text___gW1zi {
720
727
  user-select: none;
721
728
  overflow: visible;
722
729
  flex: 0 1 auto;
@@ -726,60 +733,60 @@
726
733
  text-underline-offset: 0.125rem;
727
734
  text-wrap: nowrap;
728
735
  }
729
- .Button-module__hop-Button__end-icon___-fm8M,
730
- .Button-module__hop-Button__end-icon-list___yI0-C {
736
+ .Button-module__hop-Button__end-icon___H4Qu5,
737
+ .Button-module__hop-Button__end-icon-list___k4l7m {
731
738
  flex: 0 0 auto;
732
739
  order: 3;
733
740
  }
734
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
735
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
741
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
742
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
736
743
  flex-wrap: nowrap;
737
744
  }
738
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
745
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
739
746
  opacity: 0;
740
747
  }
741
748
 
742
749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
743
- .ButtonGroup-module__hop-ButtonGroup___gelmV {
750
+ .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
744
751
  display: inline-flex;
745
752
  flex-wrap: nowrap;
746
753
  gap: var(--hop-space-inline-md);
747
754
  }
748
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
755
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
749
756
  align-items: center;
750
757
  }
751
- .ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
758
+ .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
752
759
  flex-direction: column;
753
760
  gap: var(--hop-space-stack-md);
754
761
  justify-content: center;
755
762
  }
756
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
763
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
757
764
  align-items: flex-start;
758
765
  }
759
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
766
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
760
767
  align-items: center;
761
768
  }
762
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
769
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
763
770
  align-items: flex-end;
764
771
  }
765
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
772
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
766
773
  justify-content: flex-start;
767
774
  }
768
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
775
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
769
776
  justify-content: center;
770
777
  }
771
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
778
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
772
779
  justify-content: flex-end;
773
780
  }
774
- .ButtonGroup-module__hop-ButtonGroup--wrap___3A-HD {
781
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
775
782
  flex-wrap: wrap;
776
783
  }
777
- .ButtonGroup-module__hop-ButtonGroup--fluid___rcGGk {
784
+ .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
778
785
  inline-size: 100%;
779
786
  }
780
787
 
781
788
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
782
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm {
789
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
783
790
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
784
791
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
785
792
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -943,7 +950,7 @@
943
950
  outline: none;
944
951
  transition: color var(--transition);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm::before {
953
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
947
954
  content: "";
948
955
  position: absolute;
949
956
  inset-block-start: 50%;
@@ -956,284 +963,284 @@
956
963
  border-radius: var(--effect-border-radius);
957
964
  transition: background-color var(--transition);
958
965
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-square] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
960
967
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
963
970
  --inline-size: var(--hop-EmbeddedButton-md-width);
964
971
  --block-size: var(--hop-EmbeddedButton-md-height);
965
972
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
966
973
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7 {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
968
975
  --inline-size: var(--hop-EmbeddedButton-lg-width);
969
976
  --block-size: var(--hop-EmbeddedButton-lg-height);
970
977
  --focus-ring-offset: 0;
971
978
  }
972
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa::before {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
973
980
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
974
981
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
975
982
  }
976
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7::before {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
977
984
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
978
985
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
979
986
  }
980
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
981
988
  --color: var(--hop-EmbeddedButton-neutral-color);
982
989
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
983
990
  }
984
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3 {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
985
992
  --color: var(--hop-EmbeddedButton-subdued-color);
986
993
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
987
994
  }
988
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7 {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
989
996
  --color: var(--hop-EmbeddedButton-progress-color);
990
997
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
991
998
  }
992
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
993
1000
  --color: var(--hop-EmbeddedButton-positive-color);
994
1001
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
995
1002
  }
996
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
997
1004
  --color: var(--hop-EmbeddedButton-caution-color);
998
1005
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
999
1006
  }
1000
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
1001
1008
  --color: var(--hop-EmbeddedButton-negative-color);
1002
1009
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1003
1010
  }
1004
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
1005
1012
  --color: var(--hop-EmbeddedButton-option1-color);
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1007
1014
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
1009
1016
  --color: var(--hop-EmbeddedButton-option2-color);
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1011
1018
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
1013
1020
  --color: var(--hop-EmbeddedButton-option3-color);
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1015
1022
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
1017
1024
  --color: var(--hop-EmbeddedButton-option4-color);
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1019
1026
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8 {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
1021
1028
  --color: var(--hop-EmbeddedButton-option5-color);
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1023
1030
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
1025
1032
  --color: var(--hop-EmbeddedButton-option6-color);
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1027
1034
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-selected] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1029
1036
  --color: var(--hop-EmbeddedButton-selected-color);
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1031
1038
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-focus-visible] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1033
1040
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1034
1041
  outline-offset: var(--focus-ring-offset);
1035
1042
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-disabled] {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1037
1044
  cursor: not-allowed;
1038
1045
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1040
1047
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1041
1048
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1042
1049
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1044
1051
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1045
1052
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1046
1053
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1048
1055
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1049
1056
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1050
1057
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1052
1059
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1053
1060
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1054
1061
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1056
1063
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1057
1064
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1058
1065
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1060
1067
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1061
1068
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1062
1069
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1064
1071
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1065
1072
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1066
1073
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1068
1075
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1069
1076
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1070
1077
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1072
1079
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1073
1080
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1074
1081
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1076
1083
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1077
1084
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1078
1085
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1080
1087
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1081
1088
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1082
1089
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1084
1091
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1085
1092
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1086
1093
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1088
1095
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1089
1096
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1090
1097
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1092
1099
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1093
1100
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1094
1101
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1096
1103
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1097
1104
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1098
1105
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1100
1107
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1101
1108
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1102
1109
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1104
1111
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1105
1112
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1106
1113
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1108
1115
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1109
1116
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1110
1117
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1112
1119
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1113
1120
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1114
1121
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1116
1123
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1117
1124
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1118
1125
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1120
1127
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1121
1128
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1122
1129
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1124
1131
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1125
1132
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1126
1133
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1128
1135
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1129
1136
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1130
1137
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1132
1139
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1133
1140
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1134
1141
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1136
1143
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1137
1144
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1138
1145
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1140
1147
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1141
1148
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1142
1149
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1144
1151
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1145
1152
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1146
1153
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1148
1155
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1149
1156
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1150
1157
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-hovered] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1152
1159
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1153
1160
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1154
1161
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-focus-visible] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1156
1163
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1157
1164
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1158
1165
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-pressed] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1160
1167
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1161
1168
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1162
1169
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-disabled] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1164
1171
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1165
1172
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1166
1173
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-hovered] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1168
1175
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1169
1176
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1170
1177
  }
1171
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-focus-visible] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1172
1179
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1173
1180
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1174
1181
  }
1175
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-pressed] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1176
1183
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1177
1184
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1178
1185
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-disabled] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1180
1187
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1181
1188
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1182
1189
  }
1183
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-hovered] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1184
1191
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1185
1192
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1186
1193
  }
1187
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-focus-visible] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1188
1195
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1189
1196
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1190
1197
  }
1191
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-pressed] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1192
1199
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1193
1200
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1194
1201
  }
1195
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-disabled] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1196
1203
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1197
1204
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1198
1205
  }
1199
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-hovered] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1200
1207
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1201
1208
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1202
1209
  }
1203
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-focus-visible] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1204
1211
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1205
1212
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1206
1213
  }
1207
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-pressed] {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1208
1215
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1209
1216
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1210
1217
  }
1211
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-disabled] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1212
1219
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1213
1220
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1214
1221
  }
1215
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-hovered] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1216
1223
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1217
1224
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1218
1225
  }
1219
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-focus-visible] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1220
1227
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1221
1228
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1222
1229
  }
1223
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-pressed] {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1224
1231
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1225
1232
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1226
1233
  }
1227
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-disabled] {
1234
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1228
1235
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1229
1236
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1230
1237
  }
1231
- .EmbeddedButton-module__hop-EmbeddedButton__icon___7jSBR {
1238
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1232
1239
  position: relative;
1233
1240
  }
1234
1241
 
1235
1242
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1236
- button.CloseButton-module__hop-CloseButton___GS-3t {
1243
+ button.CloseButton-module__hop-CloseButton___aWaMI {
1237
1244
  --hop-CloseButton-margin-top: 0rem;
1238
1245
  --hop-CloseButton-padding: 0rem;
1239
1246
  --hop-CloseButton-width: fit-content;
@@ -1245,7 +1252,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1245
1252
  }
1246
1253
 
1247
1254
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1248
- .Button-module__hop-Button___M1srN {
1255
+ .Button-module__hop-Button___drz4z {
1249
1256
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1250
1257
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1251
1258
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1369,215 +1376,215 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1369
1376
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1370
1377
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1371
1378
  }
1372
- .Button-module__hop-Button--fluid___GCROP {
1379
+ .Button-module__hop-Button--fluid___jF2LE {
1373
1380
  --inline-size: 100%;
1374
1381
  }
1375
- .Button-module__hop-Button--sm___0F6Zs {
1382
+ .Button-module__hop-Button--sm___yWI1w {
1376
1383
  --block-size: var(--hop-Button-sm-height);
1377
1384
  --padding: var(--hop-Button-sm-padding);
1378
1385
  }
1379
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
1386
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1380
1387
  --padding: var(--hop-Button-ghost-sm-padding);
1381
1388
  }
1382
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
1389
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1383
1390
  --padding: var(--hop-Button-ghost-md-padding);
1384
1391
  }
1385
- .Button-module__hop-Button--icon-only___22irB {
1392
+ .Button-module__hop-Button--icon-only___ZVI03 {
1386
1393
  --column-gap: var(--hop-Button-icon-only-column-gap);
1387
1394
  --padding: var(--hop-Button-icon-only-padding);
1388
1395
  aspect-ratio: 1;
1389
1396
  }
1390
- .Button-module__hop-Button--primary___hqlO9 {
1397
+ .Button-module__hop-Button--primary___gQcR4 {
1391
1398
  --background-color: var(--hop-Button-primary-background-color);
1392
1399
  --color: var(--hop-Button-primary-color);
1393
1400
  --border: var(--hop-Button-primary-border);
1394
1401
  --spinner-color: var(--hop-Button-primary-spinner-color);
1395
1402
  }
1396
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
1397
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
1403
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
1404
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1398
1405
  --background-color: var(--hop-Button-primary-background-color-hover);
1399
1406
  --color: var(--hop-Button-primary-color-hover);
1400
1407
  --border: var(--hop-Button-primary-border-hover);
1401
1408
  }
1402
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
1409
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1403
1410
  --background-color: var(--hop-Button-primary-background-color-pressed);
1404
1411
  --color: var(--hop-Button-primary-color-pressed);
1405
1412
  --border: var(--hop-Button-primary-border-pressed);
1406
1413
  }
1407
- .Button-module__hop-Button--secondary___eeNTL {
1414
+ .Button-module__hop-Button--secondary___iPATA {
1408
1415
  --background-color: var(--hop-Button-secondary-background-color);
1409
1416
  --color: var(--hop-Button-secondary-color);
1410
1417
  --border: var(--hop-Button-secondary-border);
1411
1418
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1412
1419
  }
1413
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
1414
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
1420
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
1421
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1415
1422
  --background-color: var(--hop-Button-secondary-background-color-hover);
1416
1423
  --color: var(--hop-Button-secondary-color-hover);
1417
1424
  --border: var(--hop-Button-secondary-border-hover);
1418
1425
  }
1419
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
1426
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1420
1427
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1421
1428
  --color: var(--hop-Button-secondary-color-pressed);
1422
1429
  --border: var(--hop-Button-secondary-border-pressed);
1423
1430
  }
1424
- .Button-module__hop-Button--upsell___ab5Uf {
1431
+ .Button-module__hop-Button--upsell___1odMt {
1425
1432
  --background-color: var(--hop-Button-upsell-background-color);
1426
1433
  --color: var(--hop-Button-upsell-color);
1427
1434
  --border: var(--hop-Button-upsell-border);
1428
1435
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1429
1436
  }
1430
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
1431
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
1437
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
1438
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1432
1439
  --background-color: var(--hop-Button-upsell-background-color-hover);
1433
1440
  --color: var(--hop-Button-upsell-color-hover);
1434
1441
  --border: var(--hop-Button-upsell-border-hover);
1435
1442
  }
1436
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
1443
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1437
1444
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1438
1445
  --color: var(--hop-Button-upsell-color-pressed);
1439
1446
  --border: var(--hop-Button-upsell-border-pressed);
1440
1447
  }
1441
- .Button-module__hop-Button--danger___vGqCj {
1448
+ .Button-module__hop-Button--danger___nvNVv {
1442
1449
  --background-color: var(--hop-Button-danger-background-color);
1443
1450
  --color: var(--hop-Button-danger-color);
1444
1451
  --border: var(--hop-Button-danger-border);
1445
1452
  --spinner-color: var(--hop-Button-danger-spinner-color);
1446
1453
  }
1447
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
1448
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
1454
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
1455
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1449
1456
  --background-color: var(--hop-Button-danger-background-color-hover);
1450
1457
  --color: var(--hop-Button-danger-color-hover);
1451
1458
  --border: var(--hop-Button-danger-border-hover);
1452
1459
  }
1453
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
1460
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1454
1461
  --background-color: var(--hop-Button-danger-background-color-pressed);
1455
1462
  --color: var(--hop-Button-danger-color-pressed);
1456
1463
  --border: var(--hop-Button-danger-border-pressed);
1457
1464
  }
1458
- .Button-module__hop-Button--ghost-primary___K1fli {
1465
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
1459
1466
  --background-color: var(--hop-Button-ghost-primary-background-color);
1460
1467
  --color: var(--hop-Button-ghost-primary-color);
1461
1468
  --border: var(--hop-Button-ghost-primary-border);
1462
1469
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1463
1470
  }
1464
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
1465
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
1471
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1472
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1466
1473
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1467
1474
  --color: var(--hop-Button-ghost-primary-color-hover);
1468
1475
  --border: var(--hop-Button-ghost-primary-border-hover);
1469
1476
  --text-underline: underline;
1470
1477
  }
1471
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
1478
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1472
1479
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1473
1480
  --color: var(--hop-Button-ghost-primary-color-pressed);
1474
1481
  --border: var(--hop-Button-ghost-primary-border-pressed);
1475
1482
  --text-underline: underline;
1476
1483
  }
1477
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
1484
+ .Button-module__hop-Button--ghost-secondary___YirRd {
1478
1485
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1479
1486
  --color: var(--hop-Button-ghost-secondary-color);
1480
1487
  --border: var(--hop-Button-ghost-secondary-border);
1481
1488
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1482
1489
  }
1483
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
1484
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
1490
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1491
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1485
1492
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1486
1493
  --color: var(--hop-Button-ghost-secondary-color-hover);
1487
1494
  --border: var(--hop-Button-ghost-secondary-border-hover);
1488
1495
  --text-underline: underline;
1489
1496
  }
1490
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
1497
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1491
1498
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1492
1499
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1493
1500
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1494
1501
  --text-underline: underline;
1495
1502
  }
1496
- .Button-module__hop-Button--ghost-danger___F83U0 {
1503
+ .Button-module__hop-Button--ghost-danger___J37kT {
1497
1504
  --background-color: var(--hop-Button-ghost-danger-background-color);
1498
1505
  --color: var(--hop-Button-ghost-danger-color);
1499
1506
  --border: var(--hop-Button-ghost-danger-border);
1500
1507
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1501
1508
  }
1502
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
1503
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
1509
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1510
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1504
1511
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1505
1512
  --color: var(--hop-Button-ghost-danger-color-hover);
1506
1513
  --border: var(--hop-Button-ghost-danger-border-hover);
1507
1514
  --text-underline: underline;
1508
1515
  }
1509
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
1516
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1510
1517
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1511
1518
  --color: var(--hop-Button-ghost-danger-color-pressed);
1512
1519
  --border: var(--hop-Button-ghost-danger-border-pressed);
1513
1520
  --text-underline: underline;
1514
1521
  }
1515
- .Button-module__hop-Button___M1srN[data-focus-visible] {
1522
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
1516
1523
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1517
1524
  }
1518
- .Button-module__hop-Button___M1srN[data-disabled],
1519
- .Button-module__hop-Button--loading___PvMXo {
1525
+ .Button-module__hop-Button___drz4z[data-disabled],
1526
+ .Button-module__hop-Button--loading___Vt2Li {
1520
1527
  cursor: not-allowed;
1521
1528
  }
1522
- .Button-module__hop-Button___M1srN[data-disabled] {
1529
+ .Button-module__hop-Button___drz4z[data-disabled] {
1523
1530
  --background-color: var(--hop-Button-background-color-disabled);
1524
1531
  --color: var(--hop-Button-color-disabled);
1525
1532
  --border: var(--hop-Button-border-disabled);
1526
1533
  }
1527
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
1534
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1528
1535
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1529
1536
  --color: var(--hop-Button-ghost-color-disabled);
1530
1537
  --border: var(--hop-Button-ghost-border-disabled);
1531
1538
  }
1532
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
1539
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1533
1540
  --background-color: var(--hop-Button-primary-background-color);
1534
1541
  --color: var(--hop-Button-primary-color);
1535
1542
  --border: var(--hop-Button-primary-border);
1536
1543
  }
1537
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
1544
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1538
1545
  --background-color: var(--hop-Button-secondary-background-color);
1539
1546
  --color: var(--hop-Button-secondary-color);
1540
1547
  --border: var(--hop-Button-secondary-border);
1541
1548
  }
1542
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
1549
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1543
1550
  --background-color: var(--hop-Button-upsell-background-color);
1544
1551
  --color: var(--hop-Button-upsell-color);
1545
1552
  --border: var(--hop-Button-upsell-border);
1546
1553
  }
1547
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
1554
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1548
1555
  --background-color: var(--hop-Button-danger-background-color);
1549
1556
  --color: var(--hop-Button-danger-color);
1550
1557
  --border: var(--hop-Button-danger-border);
1551
1558
  }
1552
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
1559
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1553
1560
  --background-color: var(--hop-Button-ghost-primary-background-color);
1554
1561
  --color: var(--hop-Button-ghost-primary-color);
1555
1562
  --border: var(--hop-Button-ghost-primary-border);
1556
1563
  --text-underline: none;
1557
1564
  }
1558
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
1565
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1559
1566
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1560
1567
  --color: var(--hop-Button-ghost-secondary-color);
1561
1568
  --border: var(--hop-Button-ghost-secondary-border);
1562
1569
  --text-underline: none;
1563
1570
  }
1564
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
1571
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1565
1572
  --background-color: var(--hop-Button-ghost-danger-background-color);
1566
1573
  --color: var(--hop-Button-ghost-danger-color);
1567
1574
  --border: var(--hop-Button-ghost-danger-border);
1568
1575
  --text-underline: none;
1569
1576
  }
1570
- .Button-module__hop-Button__Spinner___oJ124 {
1577
+ .Button-module__hop-Button__Spinner___qFcTX {
1571
1578
  position: absolute;
1572
1579
  color: var(--spinner-color);
1573
1580
  }
1574
- .Button-module__hop-Button__icon___3qLql,
1575
- .Button-module__hop-Button__icon-list___8YvWB {
1581
+ .Button-module__hop-Button__icon___i0bX0,
1582
+ .Button-module__hop-Button__icon-list___h-l1l {
1576
1583
  flex: 0 0 auto;
1577
1584
  justify-self: end;
1578
1585
  order: 1;
1579
1586
  }
1580
- .Button-module__hop-Button__text___LAcjY {
1587
+ .Button-module__hop-Button__text___gW1zi {
1581
1588
  user-select: none;
1582
1589
  overflow: visible;
1583
1590
  flex: 0 1 auto;
@@ -1587,57 +1594,57 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1587
1594
  text-underline-offset: 0.125rem;
1588
1595
  text-wrap: nowrap;
1589
1596
  }
1590
- .Button-module__hop-Button__end-icon___-fm8M,
1591
- .Button-module__hop-Button__end-icon-list___yI0-C {
1597
+ .Button-module__hop-Button__end-icon___H4Qu5,
1598
+ .Button-module__hop-Button__end-icon-list___k4l7m {
1592
1599
  flex: 0 0 auto;
1593
1600
  order: 3;
1594
1601
  }
1595
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
1596
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
1602
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1603
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1597
1604
  flex-wrap: nowrap;
1598
1605
  }
1599
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
1606
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1600
1607
  opacity: 0;
1601
1608
  }
1602
- .LinkButton-module__hop-LinkButton___H8H5- {
1609
+ .LinkButton-module__hop-LinkButton___hlYkA {
1603
1610
  }
1604
- .LinkButton-module__hop-LinkButton--fluid___BxWfs {
1611
+ .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1605
1612
  }
1606
- .LinkButton-module__hop-LinkButton--sm___PaGWC {
1613
+ .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1607
1614
  }
1608
- .LinkButton-module__hop-LinkButton--icon-only___Erzzh {
1615
+ .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1609
1616
  }
1610
- .LinkButton-module__hop-LinkButton--primary___2G641 {
1617
+ .LinkButton-module__hop-LinkButton--primary___l-P07 {
1611
1618
  }
1612
- .LinkButton-module__hop-LinkButton--secondary___OxMQu {
1619
+ .LinkButton-module__hop-LinkButton--secondary___37NV- {
1613
1620
  }
1614
- .LinkButton-module__hop-LinkButton--upsell___fl-AY {
1621
+ .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1615
1622
  }
1616
- .LinkButton-module__hop-LinkButton--danger___Scoar {
1623
+ .LinkButton-module__hop-LinkButton--danger___6bQIM {
1617
1624
  }
1618
- .LinkButton-module__hop-LinkButton--ghost-primary___qMDz- {
1625
+ .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1619
1626
  }
1620
- .LinkButton-module__hop-LinkButton--ghost-secondary___6LD8Q {
1627
+ .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1621
1628
  }
1622
- .LinkButton-module__hop-LinkButton--ghost-danger___ouoq5 {
1629
+ .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1623
1630
  }
1624
- .LinkButton-module__hop-LinkButton__Spinner___e2ijE {
1631
+ .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1625
1632
  }
1626
- .LinkButton-module__hop-LinkButton__icon___sZuxo,
1627
- .LinkButton-module__hop-LinkButton__icon-list___kQDmx {
1633
+ .LinkButton-module__hop-LinkButton__icon___CjXqw,
1634
+ .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1628
1635
  }
1629
- .LinkButton-module__hop-LinkButton__text___jrGDA {
1636
+ .LinkButton-module__hop-LinkButton__text___PNN59 {
1630
1637
  }
1631
- .LinkButton-module__hop-LinkButton__end-icon___sYwVy,
1632
- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1638
+ .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1639
+ .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1633
1640
  }
1634
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__icon-list___kQDmx,
1635
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1641
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1642
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1636
1643
  flex-wrap: nowrap;
1637
1644
  }
1638
1645
 
1639
1646
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
1640
- .HopperProvider-module__hop-HopperProvider___fR-AZ {
1647
+ .HopperProvider-module__hop-HopperProvider___1mjTd {
1641
1648
  font-family: var(--hop-body-md-font-family);
1642
1649
  font-size: var(--hop-body-md-font-size);
1643
1650
  font-weight: var(--hop-body-md-font-weight);
@@ -1647,7 +1654,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1647
1654
  }
1648
1655
 
1649
1656
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
1650
- .Link-module__hop-Link___vMa0U {
1657
+ .Link-module__hop-Link___n4WL9 {
1651
1658
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1652
1659
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1653
1660
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1707,130 +1714,130 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1707
1714
  outline: none;
1708
1715
  outline-offset: 0.125rem;
1709
1716
  }
1710
- :where(.Link-module__hop-Link___vMa0U) {
1717
+ :where(.Link-module__hop-Link___n4WL9) {
1711
1718
  font-family: var(--font-family);
1712
1719
  font-size: var(--font-size);
1713
1720
  font-weight: var(--font-weight);
1714
1721
  line-height: var(--line-height);
1715
1722
  }
1716
- :where(.Link-module__hop-Link--xs___tWfT4) {
1723
+ :where(.Link-module__hop-Link--xs___kEypx) {
1717
1724
  --font-size: var(--hop-Link-xs-font-size);
1718
1725
  --font-family: var(--hop-Link-xs-font-family);
1719
1726
  --font-weight: var(--hop-Link-xs-font-weight);
1720
1727
  --line-height: var(--hop-Link-xs-line-height);
1721
1728
  }
1722
- :where(.Link-module__hop-Link--sm___9P0qn) {
1729
+ :where(.Link-module__hop-Link--sm___oCoo0) {
1723
1730
  --font-size: var(--hop-Link-sm-font-size);
1724
1731
  --font-family: var(--hop-Link-sm-font-family);
1725
1732
  --font-weight: var(--hop-Link-sm-font-weight);
1726
1733
  --line-height: var(--hop-Link-sm-line-height);
1727
1734
  }
1728
- :where(.Link-module__hop-Link--md___RvavS) {
1735
+ :where(.Link-module__hop-Link--md___4u0Jm) {
1729
1736
  --font-size: var(--hop-Link-md-font-size);
1730
1737
  --font-family: var(--hop-Link-md-font-family);
1731
1738
  --font-weight: var(--hop-Link-md-font-weight);
1732
1739
  --line-height: var(--hop-Link-md-line-height);
1733
1740
  }
1734
- :where(.Link-module__hop-Link--lg___yAcjg) {
1741
+ :where(.Link-module__hop-Link--lg___nFVvq) {
1735
1742
  --font-size: var(--hop-Link-lg-font-size);
1736
1743
  --font-family: var(--hop-Link-lg-font-family);
1737
1744
  --font-weight: var(--hop-Link-lg-font-weight);
1738
1745
  --line-height: var(--hop-Link-lg-line-height);
1739
1746
  }
1740
- :where(.Link-module__hop-Link--xl___oEcme) {
1747
+ :where(.Link-module__hop-Link--xl___yqMaS) {
1741
1748
  --font-size: var(--hop-Link-xl-font-size);
1742
1749
  --font-family: var(--hop-Link-xl-font-family);
1743
1750
  --font-weight: var(--hop-Link-xl-font-weight);
1744
1751
  --line-height: var(--hop-Link-xl-line-height);
1745
1752
  }
1746
- :where(.Link-module__hop-Link--2xl___By5aM) {
1753
+ :where(.Link-module__hop-Link--2xl___EgZxg) {
1747
1754
  --font-size: var(--hop-Link-2xl-font-size);
1748
1755
  --font-family: var(--hop-Link-2xl-font-family);
1749
1756
  --font-weight: var(--hop-Link-2xl-font-weight);
1750
1757
  --line-height: var(--hop-Link-2xl-line-height);
1751
1758
  }
1752
- :where(.Link-module__hop-Link--inherit___GIxcj) {
1759
+ :where(.Link-module__hop-Link--inherit___Xpj78) {
1753
1760
  --font-size: var(--hop-Link-inherit-size-font-size);
1754
1761
  --font-family: var(--hop-Link-inherit-size-font-family);
1755
1762
  --font-weight: var(--hop-Link-inherit-size-font-weight);
1756
1763
  --line-height: var(--hop-Link-inherit-size-line-height);
1757
1764
  }
1758
- .Link-module__hop-Link___vMa0U[data-focus-visible] {
1765
+ .Link-module__hop-Link___n4WL9[data-focus-visible] {
1759
1766
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1760
1767
  }
1761
- .Link-module__hop-Link___vMa0U[data-disabled] {
1768
+ .Link-module__hop-Link___n4WL9[data-disabled] {
1762
1769
  cursor: default;
1763
1770
  }
1764
- .Link-module__hop-Link--standalone___XnZFB .Link-module__hop-Link__text___cdZA7 {
1771
+ .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
1765
1772
  padding: var(--hop-Link-padding-standalone);
1766
1773
  }
1767
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xs___tWfT4 .Link-module__hop-Link__text___cdZA7 {
1774
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
1768
1775
  padding: var(--hop-Link-padding-standalone-xs);
1769
1776
  }
1770
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--sm___9P0qn .Link-module__hop-Link__text___cdZA7 {
1777
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
1771
1778
  padding: var(--hop-Link-padding-standalone-sm);
1772
1779
  }
1773
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--md___RvavS .Link-module__hop-Link__text___cdZA7 {
1780
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
1774
1781
  padding: var(--hop-Link-padding-standalone-md);
1775
1782
  }
1776
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--lg___yAcjg .Link-module__hop-Link__text___cdZA7 {
1783
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
1777
1784
  padding: var(--hop-Link-padding-standalone-lg);
1778
1785
  }
1779
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xl___oEcme .Link-module__hop-Link__text___cdZA7 {
1786
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
1780
1787
  padding: var(--hop-Link-padding-standalone-xl);
1781
1788
  }
1782
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--2xl___By5aM .Link-module__hop-Link__text___cdZA7 {
1789
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
1783
1790
  padding: var(--hop-Link-padding-standalone-2xl);
1784
1791
  }
1785
- .Link-module__hop-Link--quiet___tJvB-[data-focus-visible],
1786
- .Link-module__hop-Link--quiet___tJvB-[data-hovered],
1787
- .Link-module__hop-Link--standalone___XnZFB[data-focus-visible],
1788
- .Link-module__hop-Link--standalone___XnZFB[data-hovered] {
1792
+ .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
1793
+ .Link-module__hop-Link--quiet___9GBMr[data-hovered],
1794
+ .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
1795
+ .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
1789
1796
  text-decoration: underline;
1790
1797
  }
1791
- .Link-module__hop-Link___vMa0U:not(.Link-module__hop-Link--quiet___tJvB-, .Link-module__hop-Link--standalone___XnZFB) {
1798
+ .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
1792
1799
  text-decoration: underline;
1793
1800
  }
1794
- .Link-module__hop-Link--primary___18lFj {
1801
+ .Link-module__hop-Link--primary___YeNRh {
1795
1802
  color: var(--hop-Link-primary-text-color);
1796
1803
  }
1797
- .Link-module__hop-Link--primary___18lFj[data-disabled] {
1804
+ .Link-module__hop-Link--primary___YeNRh[data-disabled] {
1798
1805
  color: var(--hop-Link-primary-text-disabled-color);
1799
1806
  }
1800
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-focus-visible],
1801
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-hovered] {
1807
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
1808
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
1802
1809
  color: var(--hop-Link-primary-text-hover-color);
1803
1810
  }
1804
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-pressed] {
1811
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
1805
1812
  color: var(--hop-Link-primary-text-pressed-color);
1806
1813
  }
1807
- .Link-module__hop-Link--secondary___FCsEt {
1814
+ .Link-module__hop-Link--secondary___0pBbc {
1808
1815
  color: var(--hop-Link-neutral-text-color);
1809
1816
  }
1810
- .Link-module__hop-Link--secondary___FCsEt[data-disabled] {
1817
+ .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
1811
1818
  color: var(--hop-Link-neutral-text-disabled-color);
1812
1819
  }
1813
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-focus-visible],
1814
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-hovered] {
1820
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
1821
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
1815
1822
  color: var(--hop-Link-neutral-text-hover-color);
1816
1823
  }
1817
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-pressed] {
1824
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
1818
1825
  color: var(--hop-Link-neutral-text-pressed-color);
1819
1826
  }
1820
- .Link-module__hop-Link__icon___cT8Oh,
1821
- .Link-module__hop-Link__icon-list___u49kV {
1827
+ .Link-module__hop-Link__icon___QFMUA,
1828
+ .Link-module__hop-Link__icon-list___eQlWg {
1822
1829
  order: 2;
1823
1830
  }
1824
- .Link-module__hop-Link__text___cdZA7 {
1831
+ .Link-module__hop-Link__text___1mmQh {
1825
1832
  order: 1;
1826
1833
  }
1827
- .Link-module__hop-Link__start-icon___j4Lnk,
1828
- .Link-module__hop-Link__start-icon-list___ZygP1 {
1834
+ .Link-module__hop-Link__start-icon___Tury5,
1835
+ .Link-module__hop-Link__start-icon-list___lkoEc {
1829
1836
  order: 0;
1830
1837
  }
1831
1838
 
1832
1839
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1833
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6 {
1840
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
1834
1841
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1835
1842
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1836
1843
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1861,46 +1868,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1861
1868
  background-color: var(--background-color);
1862
1869
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1863
1870
  }
1864
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vxH-6 {
1871
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
1865
1872
  --size: var(--hop-RichIconAvatarImage-xs-size);
1866
1873
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1867
1874
  }
1868
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___l8zKZ {
1875
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
1869
1876
  --size: var(--hop-RichIconAvatarImage-sm-size);
1870
1877
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1871
1878
  }
1872
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dl7qB {
1879
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
1873
1880
  --size: var(--hop-RichIconAvatarImage-md-size);
1874
1881
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1875
1882
  }
1876
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___b2V01 {
1883
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
1877
1884
  --size: var(--hop-RichIconAvatarImage-lg-size);
1878
1885
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1879
1886
  }
1880
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___oZubf {
1887
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
1881
1888
  --size: var(--hop-RichIconAvatarImage-xl-size);
1882
1889
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1883
1890
  }
1884
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___S1-4q {
1891
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
1885
1892
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1886
1893
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1887
1894
  }
1888
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] {
1895
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
1889
1896
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1890
1897
  }
1891
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
1898
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
1892
1899
  position: relative;
1893
1900
  display: block;
1894
1901
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1895
1902
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1896
1903
  }
1897
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
1904
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
1898
1905
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1899
1906
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1900
1907
  }
1901
1908
 
1902
1909
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
1903
- .Avatar-module__hop-Avatar___-m4sl {
1910
+ .Avatar-module__hop-Avatar___Ihw-T {
1904
1911
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1905
1912
  --hop-Avatar-mix-blend-mode: normal;
1906
1913
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1945,67 +1952,67 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1945
1952
  background-color: var(--background-color, transparent);
1946
1953
  border-radius: var(--hop-Avatar-border-radius);
1947
1954
  }
1948
- .Avatar-module__hop-Avatar--xs___voEj- {
1955
+ .Avatar-module__hop-Avatar--xs___wUBE6 {
1949
1956
  --size: var(--hop-Avatar-xs-size);
1950
1957
  }
1951
- .Avatar-module__hop-Avatar--sm___VEWZ9 {
1958
+ .Avatar-module__hop-Avatar--sm___zFiEI {
1952
1959
  --size: var(--hop-Avatar-sm-size);
1953
1960
  }
1954
- .Avatar-module__hop-Avatar--md___WRFOH {
1961
+ .Avatar-module__hop-Avatar--md___gGnf1 {
1955
1962
  --size: var(--hop-Avatar-md-size);
1956
1963
  }
1957
- .Avatar-module__hop-Avatar--lg___JaNW3 {
1964
+ .Avatar-module__hop-Avatar--lg___59OtB {
1958
1965
  --size: var(--hop-Avatar-lg-size);
1959
1966
  }
1960
- .Avatar-module__hop-Avatar--xl___Ov8Y8 {
1967
+ .Avatar-module__hop-Avatar--xl___zCYTU {
1961
1968
  --size: var(--hop-Avatar-xl-size);
1962
1969
  }
1963
- .Avatar-module__hop-Avatar--2xl___Ti4UJ {
1970
+ .Avatar-module__hop-Avatar--2xl___lpaAF {
1964
1971
  --size: var(--hop-Avatar-2xl-size);
1965
1972
  }
1966
- .Avatar-module__hop-Avatar--decorative-option1___g6oOE {
1973
+ .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
1967
1974
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1968
1975
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1969
1976
  }
1970
- .Avatar-module__hop-Avatar--decorative-option2___u-zDc {
1977
+ .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
1971
1978
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1972
1979
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1973
1980
  }
1974
- .Avatar-module__hop-Avatar--decorative-option3___WhCPz {
1981
+ .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
1975
1982
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1976
1983
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1977
1984
  }
1978
- .Avatar-module__hop-Avatar--decorative-option4___GesJz {
1985
+ .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
1979
1986
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1980
1987
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1981
1988
  }
1982
- .Avatar-module__hop-Avatar--decorative-option5___-23ZH {
1989
+ .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
1983
1990
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1984
1991
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1985
1992
  }
1986
- .Avatar-module__hop-Avatar--decorative-option6___CQmNQ {
1993
+ .Avatar-module__hop-Avatar--decorative-option6___jliDF {
1987
1994
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1988
1995
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1989
1996
  }
1990
- .Avatar-module__hop-Avatar--decorative-option7___ogvs7 {
1997
+ .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
1991
1998
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1992
1999
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1993
2000
  }
1994
- .Avatar-module__hop-Avatar--decorative-option8___HA21y {
2001
+ .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
1995
2002
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1996
2003
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1997
2004
  }
1998
- .Avatar-module__hop-Avatar--decorative-option9___THrCC {
2005
+ .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
1999
2006
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2000
2007
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2001
2008
  }
2002
- .Avatar-module__hop-Avatar___-m4sl[data-disabled] {
2009
+ .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
2003
2010
  --background-color: var(--hop-Avatar-background-color-disabled);
2004
2011
  --text-color: var(--hop-Avatar-text-color-disabled);
2005
2012
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2006
2013
  isolation: isolate;
2007
2014
  }
2008
- .Avatar-module__hop-Avatar__image___owC-L {
2015
+ .Avatar-module__hop-Avatar__image___4XmMJ {
2009
2016
  position: relative;
2010
2017
  display: block;
2011
2018
  box-sizing: border-box;
@@ -2016,7 +2023,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2016
2023
  }
2017
2024
 
2018
2025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2019
- .Tooltip-module__hop-Tooltip___YCOYX {
2026
+ .Tooltip-module__hop-Tooltip___RIZp2 {
2020
2027
  --hop-Tooltip-max-inline-size: 20rem;
2021
2028
  --hop-Tooltip-slide-amount: 0.25rem;
2022
2029
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2043,29 +2050,29 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2043
2050
  border-radius: var(--hop-Tooltip-border-radius);
2044
2051
  box-shadow: var(--hop-Tooltip-box-shadow);
2045
2052
  }
2046
- .Tooltip-module__hop-Tooltip--top___Ke-AO {
2053
+ .Tooltip-module__hop-Tooltip--top___LYimQ {
2047
2054
  --origin-x: 0;
2048
2055
  --origin-y: var(--hop-Tooltip-slide-amount);
2049
2056
  }
2050
- .Tooltip-module__hop-Tooltip--right___cksoK {
2057
+ .Tooltip-module__hop-Tooltip--right___U7MIG {
2051
2058
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2052
2059
  --origin-y: 0;
2053
2060
  }
2054
- .Tooltip-module__hop-Tooltip--bottom___qFAV6 {
2061
+ .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
2055
2062
  --origin-x: 0;
2056
2063
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2057
2064
  }
2058
- .Tooltip-module__hop-Tooltip--left___wwLMY {
2065
+ .Tooltip-module__hop-Tooltip--left___qVC3o {
2059
2066
  --origin-x: var(--hop-Tooltip-slide-amount);
2060
2067
  --origin-y: 0;
2061
2068
  }
2062
- .Tooltip-module__hop-Tooltip___YCOYX[data-entering] {
2063
- animation: Tooltip-module__slide___t6GRt 0.2s ease-out;
2069
+ .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
2070
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
2064
2071
  }
2065
- .Tooltip-module__hop-Tooltip___YCOYX[data-exiting] {
2066
- animation: Tooltip-module__slide___t6GRt 0.2s ease-in reverse;
2072
+ .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
2073
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
2067
2074
  }
2068
- @keyframes Tooltip-module__slide___t6GRt {
2075
+ @keyframes Tooltip-module__slide___-wv3b {
2069
2076
  from {
2070
2077
  transform: translate(var(--origin-x), var(--origin-y));
2071
2078
  opacity: 0;
@@ -2077,44 +2084,44 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2077
2084
  }
2078
2085
 
2079
2086
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2080
- .AvatarGroup-module__hop-AvatarGroup___CIlO9 {
2087
+ .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
2081
2088
  --hop-AvatarGroup-display: flex;
2082
2089
  --hop-AvatarGroup-align-items: center;
2083
2090
  display: var(--hop-AvatarGroup-display);
2084
2091
  align-items: var(--hop-AvatarGroup-align-items);
2085
2092
  }
2086
- .AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p {
2093
+ .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
2087
2094
  flex-wrap: wrap;
2088
2095
  }
2089
- .AvatarGroup-module__hop-AvatarGroup--xs___qr6X- {
2096
+ .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
2090
2097
  --gap: -0.125rem;
2091
2098
  }
2092
- .AvatarGroup-module__hop-AvatarGroup--sm___tIyLd {
2099
+ .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
2093
2100
  --gap: -0.25rem;
2094
2101
  }
2095
- .AvatarGroup-module__hop-AvatarGroup--md___mBTX- {
2102
+ .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
2096
2103
  --gap: -0.5rem;
2097
2104
  }
2098
- .AvatarGroup-module__hop-AvatarGroup--lg___37l6b {
2105
+ .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
2099
2106
  --gap: -1rem;
2100
2107
  }
2101
- .AvatarGroup-module__hop-AvatarGroup--xl___YLh7o {
2108
+ .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
2102
2109
  --gap: -1rem;
2103
2110
  }
2104
- .AvatarGroup-module__hop-AvatarGroup--2xl___AOi7- {
2111
+ .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
2105
2112
  --gap: -2rem;
2106
2113
  }
2107
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
2114
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2108
2115
  margin-inline-start: var(--gap);
2109
2116
  transition: margin var(--hop-easing-duration-2);
2110
2117
  }
2111
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
2118
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
2112
2119
  margin-inline-start: 0;
2113
2120
  }
2114
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:first-child {
2121
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
2115
2122
  margin-inline-start: 0;
2116
2123
  }
2117
- .AvatarGroup-module__hop-AvatarGroup__label___mS1n3 {
2124
+ .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
2118
2125
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2119
2126
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2120
2127
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2126,7 +2133,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2126
2133
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2127
2134
  line-height: var(--hop-AvatarGroup-label-line-height);
2128
2135
  }
2129
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p {
2136
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
2130
2137
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2131
2138
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2132
2139
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2144,21 +2151,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2144
2151
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2145
2152
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2146
2153
  }
2147
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p:not(:last-child) {
2154
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
2148
2155
  margin-block-end: 0.25rem;
2149
2156
  }
2150
- .AvatarGroup-module__hop-AvatarGroup--start___5Iubf {
2157
+ .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
2151
2158
  justify-content: flex-start;
2152
2159
  }
2153
- .AvatarGroup-module__hop-AvatarGroup--end___GHZ4U {
2160
+ .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
2154
2161
  justify-content: flex-end;
2155
2162
  }
2156
- .AvatarGroup-module__hop-AvatarGroup--center___mFxWk {
2163
+ .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
2157
2164
  justify-content: center;
2158
2165
  }
2159
2166
 
2160
2167
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2161
- .Badge-module__hop-Badge___KJ3W2 {
2168
+ .Badge-module__hop-Badge___A-Bla {
2162
2169
  --hop-Badge-height: 1.5rem;
2163
2170
  --hop-Badge-width: max-content;
2164
2171
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2208,67 +2215,67 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2208
2215
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2209
2216
  border-radius: var(--border-radius);
2210
2217
  }
2211
- .Badge-module__hop-Badge--primary___SQC7m {
2218
+ .Badge-module__hop-Badge--primary___E55Gz {
2212
2219
  --background-color: var(--hop-Badge-primary-background-color);
2213
2220
  --text-color: var(--hop-Badge-primary-text-color);
2214
2221
  }
2215
- .Badge-module__hop-Badge--primary___SQC7m[data-hovered] {
2222
+ .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
2216
2223
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2217
2224
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2218
2225
  }
2219
- .Badge-module__hop-Badge--primary___SQC7m[data-pressed] {
2226
+ .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
2220
2227
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2221
2228
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2222
2229
  }
2223
- .Badge-module__hop-Badge--primary___SQC7m[data-selected] {
2230
+ .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
2224
2231
  --background-color: var(--hop-Badge-primary-background-color-selected);
2225
2232
  --text-color: var(--hop-Badge-primary-text-color-selected);
2226
2233
  }
2227
- .Badge-module__hop-Badge--secondary___HYQtN {
2234
+ .Badge-module__hop-Badge--secondary___0bxAx {
2228
2235
  --background-color: var(--hop-Badge-secondary-background-color);
2229
2236
  --text-color: var(--hop-Badge-secondary-text-color);
2230
2237
  }
2231
- .Badge-module__hop-Badge--secondary___HYQtN[data-hovered] {
2238
+ .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
2232
2239
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2233
2240
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2234
2241
  }
2235
- .Badge-module__hop-Badge--secondary___HYQtN[data-pressed] {
2242
+ .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
2236
2243
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2237
2244
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2238
2245
  }
2239
- .Badge-module__hop-Badge--secondary___HYQtN[data-selected] {
2246
+ .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
2240
2247
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2241
2248
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2242
2249
  }
2243
- .Badge-module__hop-Badge--subdued___zilnb {
2250
+ .Badge-module__hop-Badge--subdued___zdomT {
2244
2251
  --background-color: var(--hop-Badge-subdued-background-color);
2245
2252
  --text-color: var(--hop-Badge-subdued-text-color);
2246
2253
  }
2247
- .Badge-module__hop-Badge--subdued___zilnb[data-hovered] {
2254
+ .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
2248
2255
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2249
2256
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2250
2257
  }
2251
- .Badge-module__hop-Badge--subdued___zilnb[data-pressed] {
2258
+ .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
2252
2259
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2253
2260
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2254
2261
  }
2255
- .Badge-module__hop-Badge--subdued___zilnb[data-selected] {
2262
+ .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
2256
2263
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2257
2264
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2258
2265
  }
2259
- .Badge-module__hop-Badge___KJ3W2[data-indeterminate] {
2266
+ .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
2260
2267
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2261
2268
  --height: var(--hop-Badge-indeterminate-height);
2262
2269
  --width: var(--hop-Badge-indeterminate-width);
2263
2270
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2264
2271
  }
2265
- .Badge-module__hop-Badge___KJ3W2[data-disabled] {
2272
+ .Badge-module__hop-Badge___A-Bla[data-disabled] {
2266
2273
  --background-color: var(--hop-Badge-background-color-disabled);
2267
2274
  --text-color: var(--hop-Badge-text-color-disabled);
2268
2275
  }
2269
2276
 
2270
2277
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2271
- .FloatingBadge-module__hop-FloatingBadge___1dg-U {
2278
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
2272
2279
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2273
2280
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2274
2281
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2309,7 +2316,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2309
2316
  box-sizing: border-box;
2310
2317
  inline-size: max-content;
2311
2318
  }
2312
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"] {
2319
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
2313
2320
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2314
2321
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2315
2322
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2317,11 +2324,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2317
2324
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2318
2325
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2319
2326
  }
2320
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"][data-overlap=circular] {
2327
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
2321
2328
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2322
2329
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2323
2330
  }
2324
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"] {
2331
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
2325
2332
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2326
2333
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2327
2334
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2329,11 +2336,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2329
2336
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2330
2337
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2331
2338
  }
2332
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"][data-overlap=circular] {
2339
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
2333
2340
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2334
2341
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2335
2342
  }
2336
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"] {
2343
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
2337
2344
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2338
2345
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2339
2346
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2341,11 +2348,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2341
2348
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2342
2349
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2343
2350
  }
2344
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"][data-overlap=circular] {
2351
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
2345
2352
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2346
2353
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2347
2354
  }
2348
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"] {
2355
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
2349
2356
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2350
2357
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2351
2358
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2353,11 +2360,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2353
2360
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2354
2361
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2355
2362
  }
2356
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"][data-overlap=circular] {
2363
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
2357
2364
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2358
2365
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2359
2366
  }
2360
- .FloatingBadge-module__hop-FloatingBadge__badge___0A0N2 {
2367
+ .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
2361
2368
  position: absolute;
2362
2369
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2363
2370
  transform-origin: var(--badge-transform-origin);
@@ -2365,7 +2372,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2365
2372
  }
2366
2373
 
2367
2374
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2368
- .Checkbox-module__hop-Checkbox___oHb0r {
2375
+ .Checkbox-module__hop-Checkbox___RAOey {
2369
2376
  --hop-Checkbox-box-border-size: 0.0625rem;
2370
2377
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2371
2378
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2440,60 +2447,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2440
2447
  inline-size: max-content;
2441
2448
  max-inline-size: 100%;
2442
2449
  }
2443
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
2450
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2444
2451
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2445
2452
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2446
2453
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2447
2454
  --text-color: var(--hop-Checkbox-text-color-focused);
2448
2455
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2449
2456
  }
2450
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
2457
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2451
2458
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2452
2459
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2453
2460
  --text-color: var(--hop-Checkbox-text-color-hovered);
2454
2461
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2455
2462
  }
2456
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
2463
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2457
2464
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2458
2465
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2459
2466
  --text-color: var(--hop-Checkbox-text-color-pressed);
2460
2467
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2461
2468
  }
2462
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
2469
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2463
2470
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2464
2471
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2465
2472
  --check-display: var(--hop-Checkbox-check-display-selected);
2466
2473
  --text-color: var(--hop-Checkbox-text-color-selected);
2467
2474
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2468
2475
  }
2469
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
2476
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2470
2477
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2471
2478
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2472
2479
  --check-color: var(--hop-Checkbox-check-color-invalid);
2473
2480
  --text-color: var(--hop-Checkbox-text-color-invalid);
2474
2481
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2475
2482
  }
2476
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
2483
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2477
2484
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2478
2485
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2479
2486
  }
2480
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
2487
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2481
2488
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2482
2489
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2483
2490
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2484
2491
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2485
2492
  }
2486
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
2493
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2487
2494
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2488
2495
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2489
2496
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2490
2497
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2491
2498
  }
2492
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
2499
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2493
2500
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2494
2501
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2495
2502
  }
2496
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
2503
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2497
2504
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2498
2505
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2499
2506
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2501,25 +2508,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2501
2508
  --text-color: var(--hop-Checkbox-text-color-disabled);
2502
2509
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2503
2510
  }
2504
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
2511
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
2505
2512
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2506
2513
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2507
2514
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2508
2515
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2509
2516
  }
2510
- .Checkbox-module__hop-Checkbox--md___f9YGd {
2517
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
2511
2518
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2512
2519
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2513
2520
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2514
2521
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2515
2522
  }
2516
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
2517
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
2523
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
2524
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2518
2525
  flex: 0 0 auto;
2519
2526
  order: 3;
2520
2527
  color: var(--icon-color);
2521
2528
  }
2522
- .Checkbox-module__hop-Checkbox__box___puaui {
2529
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
2523
2530
  display: flex;
2524
2531
  flex: 0 0 auto;
2525
2532
  align-items: center;
@@ -2535,11 +2542,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2535
2542
  outline-offset: 0.125rem;
2536
2543
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2537
2544
  }
2538
- .Checkbox-module__hop-Checkbox__check___w8beQ {
2545
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
2539
2546
  display: var(--check-display);
2540
2547
  color: var(--check-color);
2541
2548
  }
2542
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
2549
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2543
2550
  flex: 0 1 auto;
2544
2551
  order: 2;
2545
2552
  min-inline-size: 0;
@@ -2549,7 +2556,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2549
2556
  }
2550
2557
 
2551
2558
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2552
- .CheckboxField-module__hop-CheckboxField___WbOMN {
2559
+ .CheckboxField-module__hop-CheckboxField___5HYK9 {
2553
2560
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2554
2561
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2555
2562
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2568,28 +2575,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2568
2575
  inline-size: max-content;
2569
2576
  max-inline-size: 100%;
2570
2577
  }
2571
- .CheckboxField-module__hop-CheckboxField___WbOMN[data-disabled] {
2578
+ .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
2572
2579
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2573
2580
  }
2574
- .CheckboxField-module__hop-CheckboxField--sm___8V3hn {
2581
+ .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
2575
2582
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2576
2583
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2577
2584
  }
2578
- .CheckboxField-module__hop-CheckboxField--md___OiTum {
2585
+ .CheckboxField-module__hop-CheckboxField--md___90C92 {
2579
2586
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2580
2587
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2581
2588
  }
2582
- .CheckboxField-module__hop-CheckboxField__description___Yx0se {
2589
+ .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
2583
2590
  order: 2;
2584
2591
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2585
2592
  color: var(--description-color);
2586
2593
  }
2587
- .CheckboxField-module__hop-CheckboxField__checkbox___2kOCO {
2594
+ .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
2588
2595
  order: 1;
2589
2596
  }
2590
2597
 
2591
2598
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2592
- .ErrorMessage-module__hop-ErrorMessage___Q81Sd {
2599
+ .ErrorMessage-module__hop-ErrorMessage___XomeT {
2593
2600
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2594
2601
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2595
2602
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2606,13 +2613,13 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2606
2613
  line-height: var(--hop-ErrorMessage-line-height);
2607
2614
  color: var(--hop-ErrorMessage-color);
2608
2615
  }
2609
- .ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
2616
+ .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2610
2617
  flex: 0 0 auto;
2611
2618
  align-self: flex-start;
2612
2619
  }
2613
2620
 
2614
2621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2615
- .HelperMessage-module__hop-HelperMessage___bH5cE {
2622
+ .HelperMessage-module__hop-HelperMessage___QIP7E {
2616
2623
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2617
2624
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2618
2625
  display: flex;
@@ -2621,13 +2628,13 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2621
2628
  box-sizing: border-box;
2622
2629
  color: var(--hop-HelperMessage-color);
2623
2630
  }
2624
- .HelperMessage-module__hop-HelperMessage__icon___lLc5y {
2631
+ .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
2625
2632
  flex: 0 0 auto;
2626
2633
  align-self: flex-start;
2627
2634
  }
2628
2635
 
2629
2636
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2630
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe {
2637
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
2631
2638
  --hop-CheckboxGroup-align-items: flex-start;
2632
2639
  --hop-CheckboxGroup-justify-content: flex-start;
2633
2640
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2666,46 +2673,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2666
2673
  inline-size: max-content;
2667
2674
  max-inline-size: 100%;
2668
2675
  }
2669
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p {
2676
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
2670
2677
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2671
2678
  --list-border-radius: var(--hop-shape-rounded-md);
2672
2679
  }
2673
- .CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
2680
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2674
2681
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2675
2682
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2676
2683
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2677
2684
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2678
2685
  }
2679
- .CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
2686
+ .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2680
2687
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2681
2688
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2682
2689
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2683
2690
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2684
2691
  }
2685
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
2692
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
2686
2693
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2687
2694
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2688
2695
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2689
2696
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2690
2697
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2691
2698
  }
2692
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
2699
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
2693
2700
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2694
2701
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2695
2702
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2696
2703
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2697
2704
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2698
2705
  }
2699
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe[data-orientation=horizontal] {
2706
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
2700
2707
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2701
2708
  }
2702
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] {
2709
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
2703
2710
  --flex-wrap: nowrap;
2704
2711
  }
2705
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl {
2712
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
2706
2713
  order: 1;
2707
2714
  }
2708
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL {
2715
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
2709
2716
  display: flex;
2710
2717
  flex-flow: var(--flex-direction) var(--flex-wrap);
2711
2718
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2716,7 +2723,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2716
2723
  border: var(--list-border, none);
2717
2724
  border-radius: var(--list-border-radius, 0);
2718
2725
  }
2719
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg {
2726
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
2720
2727
  position: relative;
2721
2728
  flex: 0 1 auto;
2722
2729
  align-content: start;
@@ -2724,28 +2731,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2724
2731
  min-inline-size: 0;
2725
2732
  padding: var(--checkbox-padding, 0);
2726
2733
  }
2727
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2734
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2728
2735
  content: "";
2729
2736
  position: absolute;
2730
2737
  display: block;
2731
2738
  }
2732
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2739
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2733
2740
  inset-block-start: 0;
2734
2741
  inset-inline: 0;
2735
2742
  border-block-start: var(--list-border, none);
2736
2743
  }
2737
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg::before {
2744
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR::before {
2738
2745
  inset-block: 0;
2739
2746
  inset-inline-start: 0;
2740
2747
  border-inline-start: var(--list-border, none);
2741
2748
  }
2742
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___HNYuL,
2743
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___g8hu7 {
2749
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
2750
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
2744
2751
  order: 3;
2745
2752
  }
2746
2753
 
2747
2754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2748
- .Checkbox-module__hop-Checkbox___oHb0r {
2755
+ .Checkbox-module__hop-Checkbox___RAOey {
2749
2756
  --hop-Checkbox-box-border-size: 0.0625rem;
2750
2757
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2751
2758
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2820,60 +2827,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2820
2827
  inline-size: max-content;
2821
2828
  max-inline-size: 100%;
2822
2829
  }
2823
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
2830
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
2824
2831
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2825
2832
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2826
2833
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2827
2834
  --text-color: var(--hop-Checkbox-text-color-focused);
2828
2835
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2829
2836
  }
2830
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
2837
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
2831
2838
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2832
2839
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2833
2840
  --text-color: var(--hop-Checkbox-text-color-hovered);
2834
2841
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2835
2842
  }
2836
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
2843
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
2837
2844
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2838
2845
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2839
2846
  --text-color: var(--hop-Checkbox-text-color-pressed);
2840
2847
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2841
2848
  }
2842
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
2849
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
2843
2850
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2844
2851
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2845
2852
  --check-display: var(--hop-Checkbox-check-display-selected);
2846
2853
  --text-color: var(--hop-Checkbox-text-color-selected);
2847
2854
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2848
2855
  }
2849
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
2856
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
2850
2857
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2851
2858
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2852
2859
  --check-color: var(--hop-Checkbox-check-color-invalid);
2853
2860
  --text-color: var(--hop-Checkbox-text-color-invalid);
2854
2861
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2855
2862
  }
2856
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
2863
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
2857
2864
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2858
2865
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2859
2866
  }
2860
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
2867
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
2861
2868
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2862
2869
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2863
2870
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2864
2871
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2865
2872
  }
2866
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
2873
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
2867
2874
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2868
2875
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2869
2876
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2870
2877
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2871
2878
  }
2872
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
2879
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
2873
2880
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2874
2881
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2875
2882
  }
2876
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
2883
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
2877
2884
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2878
2885
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2879
2886
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2881,25 +2888,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2881
2888
  --text-color: var(--hop-Checkbox-text-color-disabled);
2882
2889
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2883
2890
  }
2884
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
2891
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
2885
2892
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2886
2893
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2887
2894
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2888
2895
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2889
2896
  }
2890
- .Checkbox-module__hop-Checkbox--md___f9YGd {
2897
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
2891
2898
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2892
2899
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2893
2900
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2894
2901
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2895
2902
  }
2896
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
2897
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
2903
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
2904
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
2898
2905
  flex: 0 0 auto;
2899
2906
  order: 3;
2900
2907
  color: var(--icon-color);
2901
2908
  }
2902
- .Checkbox-module__hop-Checkbox__box___puaui {
2909
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
2903
2910
  display: flex;
2904
2911
  flex: 0 0 auto;
2905
2912
  align-items: center;
@@ -2915,11 +2922,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2915
2922
  outline-offset: 0.125rem;
2916
2923
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2917
2924
  }
2918
- .Checkbox-module__hop-Checkbox__check___w8beQ {
2925
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
2919
2926
  display: var(--check-display);
2920
2927
  color: var(--check-color);
2921
2928
  }
2922
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
2929
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
2923
2930
  flex: 0 1 auto;
2924
2931
  order: 2;
2925
2932
  min-inline-size: 0;
@@ -2927,24 +2934,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
2927
2934
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2928
2935
  color: var(--text-color);
2929
2936
  }
2930
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___8GaHh {
2937
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
2931
2938
  }
2932
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fwtbW {
2939
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
2933
2940
  }
2934
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___i0oAM {
2941
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
2935
2942
  }
2936
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PyeWV,
2937
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tFw7N {
2943
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
2944
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
2938
2945
  }
2939
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Aztjh {
2946
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
2940
2947
  }
2941
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0u5F4 {
2948
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
2942
2949
  }
2943
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bKeKU {
2950
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
2944
2951
  }
2945
2952
 
2946
2953
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2947
- .Radio-module__hop-Radio___eBueo {
2954
+ .Radio-module__hop-Radio___oBKRQ {
2948
2955
  --hop-Radio-box-border-size: 0.0625rem;
2949
2956
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2950
2957
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3018,60 +3025,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3018
3025
  inline-size: max-content;
3019
3026
  max-inline-size: 100%;
3020
3027
  }
3021
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
3028
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3022
3029
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3023
3030
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3024
3031
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3025
3032
  --text-color: var(--hop-Radio-text-color-focused);
3026
3033
  --icon-color: var(--hop-Radio-icon-color-focused);
3027
3034
  }
3028
- .Radio-module__hop-Radio___eBueo[data-hovered] {
3035
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3029
3036
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3030
3037
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3031
3038
  --text-color: var(--hop-Radio-text-color-hovered);
3032
3039
  --icon-color: var(--hop-Radio-icon-color-hovered);
3033
3040
  }
3034
- .Radio-module__hop-Radio___eBueo[data-pressed] {
3041
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3035
3042
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3036
3043
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3037
3044
  --text-color: var(--hop-Radio-text-color-pressed);
3038
3045
  --icon-color: var(--hop-Radio-icon-color-pressed);
3039
3046
  }
3040
- .Radio-module__hop-Radio___eBueo[data-selected] {
3047
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
3041
3048
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3042
3049
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3043
3050
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3044
3051
  --text-color: var(--hop-Radio-text-color-selected);
3045
3052
  --icon-color: var(--hop-Radio-icon-color-selected);
3046
3053
  }
3047
- .Radio-module__hop-Radio___eBueo[data-invalid] {
3054
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3048
3055
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3049
3056
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3050
3057
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3051
3058
  --text-color: var(--hop-Radio-text-color-invalid);
3052
3059
  --icon-color: var(--hop-Radio-icon-color-invalid);
3053
3060
  }
3054
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
3061
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3055
3062
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3056
3063
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3057
3064
  }
3058
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
3065
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3059
3066
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3060
3067
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3061
3068
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3062
3069
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3063
3070
  }
3064
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
3071
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3065
3072
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3066
3073
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3067
3074
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3068
3075
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3069
3076
  }
3070
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
3077
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3071
3078
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3072
3079
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3073
3080
  }
3074
- .Radio-module__hop-Radio___eBueo[data-disabled] {
3081
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3075
3082
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3076
3083
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3077
3084
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3079,25 +3086,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3079
3086
  --text-color: var(--hop-Radio-text-color-disabled);
3080
3087
  --icon-color: var(--hop-Radio-icon-color-disabled);
3081
3088
  }
3082
- .Radio-module__hop-Radio--sm___GQdC5 {
3089
+ .Radio-module__hop-Radio--sm___C-Q1U {
3083
3090
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3084
3091
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3085
3092
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3086
3093
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3087
3094
  }
3088
- .Radio-module__hop-Radio--md___63v-N {
3095
+ .Radio-module__hop-Radio--md___8cI7H {
3089
3096
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3090
3097
  --box-block-size: var(--hop-Radio-box-md-block-size);
3091
3098
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3092
3099
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3093
3100
  }
3094
- .Radio-module__hop-Radio__icon___dVuoR,
3095
- .Radio-module__hop-Radio__icon-list___LeQK7 {
3101
+ .Radio-module__hop-Radio__icon___Ai4EA,
3102
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
3096
3103
  flex: 0 0 auto;
3097
3104
  order: 3;
3098
3105
  color: var(--icon-color);
3099
3106
  }
3100
- .Radio-module__hop-Radio__box___6R1dw {
3107
+ .Radio-module__hop-Radio__box___gF3Ys {
3101
3108
  display: flex;
3102
3109
  flex: 0 0 auto;
3103
3110
  align-items: center;
@@ -3113,11 +3120,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3113
3120
  outline-offset: 0.125rem;
3114
3121
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3115
3122
  }
3116
- .Radio-module__hop-Radio__bullet___gVfg- {
3123
+ .Radio-module__hop-Radio__bullet___DLVyb {
3117
3124
  display: var(--bullet-display);
3118
3125
  color: var(--bullet-color);
3119
3126
  }
3120
- .Radio-module__hop-Radio__text___3WXI3 {
3127
+ .Radio-module__hop-Radio__text___md8fJ {
3121
3128
  flex: 0 1 auto;
3122
3129
  order: 2;
3123
3130
  min-inline-size: 0;
@@ -3125,24 +3132,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3125
3132
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3126
3133
  color: var(--text-color);
3127
3134
  }
3128
- .DecorativeRadio-module__hop-DecorativeRadio___AlhGD {
3135
+ .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
3129
3136
  }
3130
- .DecorativeRadio-module__hop-DecorativeRadio--sm___UnzCt {
3137
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
3131
3138
  }
3132
- .DecorativeRadio-module__hop-DecorativeRadio--md___wNI7X {
3139
+ .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
3133
3140
  }
3134
- .DecorativeRadio-module__hop-DecorativeRadio__icon___PfsHi,
3135
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XQuSG {
3141
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
3142
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
3136
3143
  }
3137
- .DecorativeRadio-module__hop-DecorativeRadio__box___Y-AnD {
3144
+ .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
3138
3145
  }
3139
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___sfqjq {
3146
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
3140
3147
  }
3141
- .DecorativeRadio-module__hop-DecorativeRadio__text___Z41w7 {
3148
+ .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
3142
3149
  }
3143
3150
 
3144
3151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3145
- .Radio-module__hop-Radio___eBueo {
3152
+ .Radio-module__hop-Radio___oBKRQ {
3146
3153
  --hop-Radio-box-border-size: 0.0625rem;
3147
3154
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3148
3155
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3216,60 +3223,60 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3216
3223
  inline-size: max-content;
3217
3224
  max-inline-size: 100%;
3218
3225
  }
3219
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
3226
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
3220
3227
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3221
3228
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3222
3229
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3223
3230
  --text-color: var(--hop-Radio-text-color-focused);
3224
3231
  --icon-color: var(--hop-Radio-icon-color-focused);
3225
3232
  }
3226
- .Radio-module__hop-Radio___eBueo[data-hovered] {
3233
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
3227
3234
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3228
3235
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3229
3236
  --text-color: var(--hop-Radio-text-color-hovered);
3230
3237
  --icon-color: var(--hop-Radio-icon-color-hovered);
3231
3238
  }
3232
- .Radio-module__hop-Radio___eBueo[data-pressed] {
3239
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
3233
3240
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3234
3241
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3235
3242
  --text-color: var(--hop-Radio-text-color-pressed);
3236
3243
  --icon-color: var(--hop-Radio-icon-color-pressed);
3237
3244
  }
3238
- .Radio-module__hop-Radio___eBueo[data-selected] {
3245
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
3239
3246
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3240
3247
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3241
3248
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3242
3249
  --text-color: var(--hop-Radio-text-color-selected);
3243
3250
  --icon-color: var(--hop-Radio-icon-color-selected);
3244
3251
  }
3245
- .Radio-module__hop-Radio___eBueo[data-invalid] {
3252
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
3246
3253
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3247
3254
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3248
3255
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3249
3256
  --text-color: var(--hop-Radio-text-color-invalid);
3250
3257
  --icon-color: var(--hop-Radio-icon-color-invalid);
3251
3258
  }
3252
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
3259
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
3253
3260
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3254
3261
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3255
3262
  }
3256
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
3263
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
3257
3264
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3258
3265
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3259
3266
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3260
3267
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3261
3268
  }
3262
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
3269
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
3263
3270
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3264
3271
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3265
3272
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3266
3273
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3267
3274
  }
3268
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
3275
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
3269
3276
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3270
3277
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3271
3278
  }
3272
- .Radio-module__hop-Radio___eBueo[data-disabled] {
3279
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
3273
3280
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3274
3281
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3275
3282
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3277,25 +3284,25 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3277
3284
  --text-color: var(--hop-Radio-text-color-disabled);
3278
3285
  --icon-color: var(--hop-Radio-icon-color-disabled);
3279
3286
  }
3280
- .Radio-module__hop-Radio--sm___GQdC5 {
3287
+ .Radio-module__hop-Radio--sm___C-Q1U {
3281
3288
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3282
3289
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3283
3290
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3284
3291
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3285
3292
  }
3286
- .Radio-module__hop-Radio--md___63v-N {
3293
+ .Radio-module__hop-Radio--md___8cI7H {
3287
3294
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3288
3295
  --box-block-size: var(--hop-Radio-box-md-block-size);
3289
3296
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3290
3297
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3291
3298
  }
3292
- .Radio-module__hop-Radio__icon___dVuoR,
3293
- .Radio-module__hop-Radio__icon-list___LeQK7 {
3299
+ .Radio-module__hop-Radio__icon___Ai4EA,
3300
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
3294
3301
  flex: 0 0 auto;
3295
3302
  order: 3;
3296
3303
  color: var(--icon-color);
3297
3304
  }
3298
- .Radio-module__hop-Radio__box___6R1dw {
3305
+ .Radio-module__hop-Radio__box___gF3Ys {
3299
3306
  display: flex;
3300
3307
  flex: 0 0 auto;
3301
3308
  align-items: center;
@@ -3311,11 +3318,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3311
3318
  outline-offset: 0.125rem;
3312
3319
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3313
3320
  }
3314
- .Radio-module__hop-Radio__bullet___gVfg- {
3321
+ .Radio-module__hop-Radio__bullet___DLVyb {
3315
3322
  display: var(--bullet-display);
3316
3323
  color: var(--bullet-color);
3317
3324
  }
3318
- .Radio-module__hop-Radio__text___3WXI3 {
3325
+ .Radio-module__hop-Radio__text___md8fJ {
3319
3326
  flex: 0 1 auto;
3320
3327
  order: 2;
3321
3328
  min-inline-size: 0;
@@ -3325,7 +3332,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3325
3332
  }
3326
3333
 
3327
3334
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3328
- .RadioField-module__hop-RadioField___5B3-x {
3335
+ .RadioField-module__hop-RadioField___RAV19 {
3329
3336
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3330
3337
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3331
3338
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3344,28 +3351,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3344
3351
  inline-size: max-content;
3345
3352
  max-inline-size: 100%;
3346
3353
  }
3347
- .RadioField-module__hop-RadioField___5B3-x[data-disabled] {
3354
+ .RadioField-module__hop-RadioField___RAV19[data-disabled] {
3348
3355
  --description-color: var(--hop-RadioField-description-color-disabled);
3349
3356
  }
3350
- .RadioField-module__hop-RadioField--sm___a9--Z {
3357
+ .RadioField-module__hop-RadioField--sm___Z2a5J {
3351
3358
  --row-gap: var(--hop-RadioField-sm-row-gap);
3352
3359
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3353
3360
  }
3354
- .RadioField-module__hop-RadioField--md___M1tBj {
3361
+ .RadioField-module__hop-RadioField--md___GeCMi {
3355
3362
  --row-gap: var(--hop-RadioField-md-row-gap);
3356
3363
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3357
3364
  }
3358
- .RadioField-module__hop-RadioField__description___avVpF {
3365
+ .RadioField-module__hop-RadioField__description___Y7cUM {
3359
3366
  order: 2;
3360
3367
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3361
3368
  color: var(--description-color);
3362
3369
  }
3363
- .RadioField-module__hop-RadioField__radio___-qcpe {
3370
+ .RadioField-module__hop-RadioField__radio___XYtjJ {
3364
3371
  order: 1;
3365
3372
  }
3366
3373
 
3367
3374
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3368
- .RadioGroup-module__hop-RadioGroup___jUNVM {
3375
+ .RadioGroup-module__hop-RadioGroup___ydYgr {
3369
3376
  --hop-RadioGroup-align-items: flex-start;
3370
3377
  --hop-RadioGroup-justify-content: flex-start;
3371
3378
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3405,46 +3412,46 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3405
3412
  inline-size: var(--inline-size);
3406
3413
  max-inline-size: 100%;
3407
3414
  }
3408
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 {
3415
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
3409
3416
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3410
3417
  --list-border-radius: var(--hop-shape-rounded-md);
3411
3418
  }
3412
- .RadioGroup-module__hop-RadioGroup--sm___gJd9p {
3419
+ .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3413
3420
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3414
3421
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3415
3422
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3416
3423
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3417
3424
  }
3418
- .RadioGroup-module__hop-RadioGroup--md___bbLe6 {
3425
+ .RadioGroup-module__hop-RadioGroup--md___mccGP {
3419
3426
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3420
3427
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3421
3428
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3422
3429
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3423
3430
  }
3424
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--sm___gJd9p {
3431
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
3425
3432
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3426
3433
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3427
3434
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3428
3435
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3429
3436
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3430
3437
  }
3431
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--md___bbLe6 {
3438
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
3432
3439
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3433
3440
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3434
3441
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3435
3442
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3436
3443
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3437
3444
  }
3438
- .RadioGroup-module__hop-RadioGroup___jUNVM[data-orientation=horizontal] {
3445
+ .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
3439
3446
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3440
3447
  }
3441
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] {
3448
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
3442
3449
  --flex-wrap: nowrap;
3443
3450
  }
3444
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__label___WRzhE {
3451
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
3445
3452
  order: 1;
3446
3453
  }
3447
- .RadioGroup-module__hop-RadioGroup__list___gHNAr {
3454
+ .RadioGroup-module__hop-RadioGroup__list___DSncc {
3448
3455
  display: flex;
3449
3456
  flex-flow: var(--flex-direction) var(--flex-wrap);
3450
3457
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3455,7 +3462,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3455
3462
  border: var(--list-border, none);
3456
3463
  border-radius: var(--list-border-radius, 0);
3457
3464
  }
3458
- .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN {
3465
+ .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
3459
3466
  position: relative;
3460
3467
  flex: 0 1 auto;
3461
3468
  align-content: start;
@@ -3463,28 +3470,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3463
3470
  min-inline-size: 0;
3464
3471
  padding: var(--radio-padding, 0);
3465
3472
  }
3466
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3473
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3467
3474
  content: "";
3468
3475
  position: absolute;
3469
3476
  display: block;
3470
3477
  }
3471
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3478
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3472
3479
  inset-block-start: 0;
3473
3480
  inset-inline: 0;
3474
3481
  border-block-start: var(--list-border, none);
3475
3482
  }
3476
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN ~ .RadioGroup-module__hop-RadioGroup__radio___O7ylN::before {
3483
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt ~ .RadioGroup-module__hop-RadioGroup__radio___ucqLt::before {
3477
3484
  inset-block: 0;
3478
3485
  inset-inline-start: 0;
3479
3486
  border-inline-start: var(--list-border, none);
3480
3487
  }
3481
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__error-message___pZTcf,
3482
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__helper-message___E-UDa {
3488
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
3489
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
3483
3490
  order: 3;
3484
3491
  }
3485
3492
 
3486
3493
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3487
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___BeAQ5 {
3494
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
3488
3495
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3489
3496
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3490
3497
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3510,7 +3517,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3510
3517
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3511
3518
  background-size: 400% 100%;
3512
3519
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3513
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW;
3520
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
3514
3521
  animation-duration: var(--animation-duration);
3515
3522
  animation-timing-function: ease-in-out;
3516
3523
  animation-fill-mode: forwards;
@@ -3519,19 +3526,19 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3519
3526
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3520
3527
  }
3521
3528
  }
3522
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LUDsc {
3529
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
3523
3530
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3524
3531
  }
3525
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ujK2H {
3532
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
3526
3533
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3527
3534
  }
3528
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___H-YEh {
3535
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
3529
3536
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3530
3537
  }
3531
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rEkJI {
3538
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
3532
3539
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3533
3540
  }
3534
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW {
3541
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
3535
3542
  0% {
3536
3543
  background-position: 125% 50%;
3537
3544
  }
@@ -3541,7 +3548,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3541
3548
  }
3542
3549
 
3543
3550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3544
- .ListBoxItem-module__hop-ListBoxItem___w4UBW {
3551
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm {
3545
3552
  --hop-ListBoxItem-background-color: transparent;
3546
3553
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3547
3554
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3638,129 +3645,129 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3638
3645
  outline: var(--outline);
3639
3646
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3640
3647
  }
3641
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z- {
3648
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
3642
3649
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3643
3650
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3644
3651
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3645
3652
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3646
3653
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3647
3654
  }
3648
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl {
3655
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
3649
3656
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3650
3657
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3651
3658
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3652
3659
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3653
3660
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3654
3661
  }
3655
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR {
3662
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
3656
3663
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3657
3664
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3658
3665
  --min-height: var(--hop-ListBoxItem-md-min-height);
3659
3666
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3660
3667
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3661
3668
  }
3662
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1 {
3669
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
3663
3670
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3664
3671
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3665
3672
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3666
3673
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3667
3674
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3668
3675
  }
3669
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selection-mode] {
3676
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
3670
3677
  --cursor: pointer;
3671
3678
  }
3672
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:not([data-selection-mode]) {
3679
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
3673
3680
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3674
3681
  }
3675
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
3682
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3676
3683
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3677
3684
  }
3678
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
3685
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
3679
3686
  --checkmark-transition: none;
3680
3687
  }
3681
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selected] {
3688
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
3682
3689
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3683
3690
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3684
3691
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3685
3692
  --checkmark-opacity: 1;
3686
3693
  }
3687
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-[data-selected] {
3694
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
3688
3695
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3689
3696
  }
3690
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl[data-selected] {
3697
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
3691
3698
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3692
3699
  }
3693
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR[data-selected] {
3700
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
3694
3701
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3695
3702
  }
3696
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1[data-selected] {
3703
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
3697
3704
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3698
3705
  }
3699
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-focus-visible] {
3706
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
3700
3707
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3701
3708
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3702
3709
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3703
3710
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3704
3711
  }
3705
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-hovered] {
3712
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
3706
3713
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3707
3714
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3708
3715
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3709
3716
  }
3710
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-pressed] {
3717
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
3711
3718
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3712
3719
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3713
3720
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3714
3721
  }
3715
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-disabled] {
3722
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
3716
3723
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3717
3724
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3718
3725
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3719
3726
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3720
3727
  --cursor: not-allowed;
3721
3728
  }
3722
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid] {
3729
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
3723
3730
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3724
3731
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3725
3732
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3726
3733
  }
3727
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-selected] {
3734
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
3728
3735
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3729
3736
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3730
3737
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3731
3738
  }
3732
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-focus-visible] {
3739
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
3733
3740
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3734
3741
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3735
3742
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3736
3743
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3737
3744
  }
3738
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-hovered] {
3745
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
3739
3746
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3740
3747
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3741
3748
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3742
3749
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3743
3750
  }
3744
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-pressed] {
3751
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
3745
3752
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3746
3753
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3747
3754
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3748
3755
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3749
3756
  }
3750
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-disabled] {
3757
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
3751
3758
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3752
3759
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3753
3760
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3754
3761
  }
3755
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:has(.ListBoxItem-module__hop-ListBoxItem__description___liI0G) {
3762
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
3756
3763
  --row-gap: var(--hop-ListBoxItem-row-gap);
3757
3764
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3758
3765
  }
3759
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-loading] {
3766
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
3760
3767
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3761
3768
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3762
3769
  }
3763
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD {
3770
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
3764
3771
  display: grid;
3765
3772
  grid-template-areas: var(--grid-template-areas);
3766
3773
  grid-template-columns: var(--grid-template-columns);
@@ -3772,33 +3779,33 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3772
3779
  padding-inline: var(--padding-inline);
3773
3780
  transition: grid-template-columns .3s ease-in-out;
3774
3781
  }
3775
- .ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1 {
3782
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
3776
3783
  grid-area: indicator;
3777
3784
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3778
3785
  color: var(--icon-color);
3779
3786
  opacity: var(--checkmark-opacity);
3780
3787
  transition: var(--checkmark-transition);
3781
3788
  }
3782
- .ListBoxItem-module__hop-ListBoxItem__radio___0BXKg,
3783
- .ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh {
3789
+ .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
3790
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
3784
3791
  pointer-events: none;
3785
3792
  user-select: none;
3786
3793
  grid-area: indicator;
3787
3794
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3788
3795
  }
3789
- .ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7 {
3796
+ .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
3790
3797
  grid-area: avatar;
3791
3798
  margin-block: var(--avatar-margin-block, 0);
3792
3799
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3793
3800
  }
3794
- .ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1,
3795
- .ListBoxItem-module__hop-ListBoxItem__icon___-Au8H {
3801
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
3802
+ .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
3796
3803
  grid-area: icon;
3797
3804
  flex: 0 0 auto;
3798
3805
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3799
3806
  color: var(--icon-color);
3800
3807
  }
3801
- .ListBoxItem-module__hop-ListBoxItem__label___6ltHn {
3808
+ .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
3802
3809
  overflow: hidden;
3803
3810
  grid-area: label;
3804
3811
  min-inline-size: 0;
@@ -3806,18 +3813,18 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3806
3813
  text-overflow: ellipsis;
3807
3814
  white-space: nowrap;
3808
3815
  }
3809
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1,
3810
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb {
3816
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
3817
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
3811
3818
  grid-area: end-icon;
3812
3819
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3813
3820
  color: var(--icon-color);
3814
3821
  }
3815
- .ListBoxItem-module__hop-ListBoxItem__badge___9WZlM {
3822
+ .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
3816
3823
  grid-area: badge;
3817
3824
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3818
3825
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3819
3826
  }
3820
- .ListBoxItem-module__hop-ListBoxItem__description___liI0G {
3827
+ .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
3821
3828
  overflow: hidden;
3822
3829
  display: -webkit-box;
3823
3830
  grid-area: description;
@@ -3828,7 +3835,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3828
3835
  }
3829
3836
 
3830
3837
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
3831
- .ListBox-module__hop-ListBox___AbTVV {
3838
+ .ListBox-module__hop-ListBox___lYzDi {
3832
3839
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3833
3840
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3834
3841
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3875,11 +3882,11 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3875
3882
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3876
3883
  border-radius: var(--hop-ListBox-border-radius);
3877
3884
  }
3878
- .ListBox-module__hop-ListBox--fluid___Hu9yL {
3885
+ .ListBox-module__hop-ListBox--fluid___s8oHK {
3879
3886
  --max-width: var(--hop-ListBox-fluid-max-width);
3880
3887
  --width: var(--hop-ListBox-fluid-width);
3881
3888
  }
3882
- .ListBox-module__hop-ListBox__section___juwhb {
3889
+ .ListBox-module__hop-ListBox__section___dSbP6 {
3883
3890
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3884
3891
  margin-inline: var(--hop-ListBox-section-margin-inline);
3885
3892
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3887,21 +3894,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3887
3894
  border-block-start: var(--section-border-block-start);
3888
3895
  border-block-end: var(--section-border-block-end);
3889
3896
  }
3890
- .ListBox-module__hop-ListBox__item___tEB62 + .ListBox-module__hop-ListBox__section___juwhb {
3897
+ .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
3891
3898
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3892
3899
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3893
3900
  }
3894
- .ListBox-module__hop-ListBox__section___juwhb:has(+ .ListBox-module__hop-ListBox__item___tEB62) {
3901
+ .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
3895
3902
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3896
3903
  }
3897
- .ListBox-module__hop-ListBox__section___juwhb:first-child {
3904
+ .ListBox-module__hop-ListBox__section___dSbP6:first-child {
3898
3905
  --section-padding-block-start: 0;
3899
3906
  }
3900
- .ListBox-module__hop-ListBox__section___juwhb:last-child {
3907
+ .ListBox-module__hop-ListBox__section___dSbP6:last-child {
3901
3908
  --section-padding-block-end: 0;
3902
3909
  --section-border-block-end: 0;
3903
3910
  }
3904
- .ListBox-module__hop-ListBox__section-header___l0TVR {
3911
+ .ListBox-module__hop-ListBox__section-header___OPwVg {
3905
3912
  margin: 0;
3906
3913
  padding: var(--hop-ListBox-section-header-padding);
3907
3914
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3912,30 +3919,30 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3912
3919
  text-transform: var(--hop-ListBox-section-header-text-transform);
3913
3920
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3914
3921
  }
3915
- .ListBox-module__hop-ListBox__section-header___l0TVR::before,
3916
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
3922
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before,
3923
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
3917
3924
  content: "";
3918
3925
  display: block;
3919
3926
  box-sizing: border-box;
3920
3927
  inline-size: 0;
3921
3928
  block-size: 0;
3922
3929
  }
3923
- .ListBox-module__hop-ListBox__section-header___l0TVR::before {
3930
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before {
3924
3931
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3925
3932
  }
3926
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
3933
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
3927
3934
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3928
3935
  }
3929
3936
 
3930
3937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3931
- :where(.Popover-module__hop-Popover___yH974 *) {
3938
+ :where(.Popover-module__hop-Popover___26umq *) {
3932
3939
  font-family: var(--font-family);
3933
3940
  font-size: var(--font-size);
3934
3941
  font-weight: var(--font-weight);
3935
3942
  line-height: var(--line-height);
3936
3943
  outline: none;
3937
3944
  }
3938
- .Popover-module__hop-Popover___yH974 {
3945
+ .Popover-module__hop-Popover___26umq {
3939
3946
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3940
3947
  --hop-Popover-inline-width: 25rem;
3941
3948
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3948,22 +3955,22 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3948
3955
  inline-size: var(--width);
3949
3956
  max-inline-size: var(--max-width);
3950
3957
  }
3951
- .Popover-module__hop-Popover___yH974[data-trigger=Select] {
3958
+ .Popover-module__hop-Popover___26umq[data-trigger=Select] {
3952
3959
  --width: var(--hop-Popover-dropdown-inline-width);
3953
3960
  }
3954
- .Popover-module__hop-Popover___yH974[data-trigger=ComboBox] {
3961
+ .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
3955
3962
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3956
3963
  }
3957
- .Popover-module__hop-Popover___yH974[data-auto-width] {
3964
+ .Popover-module__hop-Popover___26umq[data-auto-width] {
3958
3965
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3959
3966
  }
3960
- .Popover-module__hop-Popover___yH974[data-entering] {
3961
- animation: Popover-module__fade___MZenc 0.25s;
3967
+ .Popover-module__hop-Popover___26umq[data-entering] {
3968
+ animation: Popover-module__fade___Rb7-0 0.25s;
3962
3969
  }
3963
- .Popover-module__hop-Popover___yH974[data-exiting] {
3964
- animation: Popover-module__fade___MZenc 0.25s reverse;
3970
+ .Popover-module__hop-Popover___26umq[data-exiting] {
3971
+ animation: Popover-module__fade___Rb7-0 0.25s reverse;
3965
3972
  }
3966
- @keyframes Popover-module__fade___MZenc {
3973
+ @keyframes Popover-module__fade___Rb7-0 {
3967
3974
  from {
3968
3975
  opacity: 0;
3969
3976
  }
@@ -3971,14 +3978,14 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3971
3978
  opacity: 1;
3972
3979
  }
3973
3980
  }
3974
- .Popover-module__hop-Popover__wrapper___5ESmX {
3981
+ .Popover-module__hop-Popover__wrapper___uZgAA {
3975
3982
  display: flex;
3976
3983
  flex: 1 1 auto;
3977
3984
  flex-direction: column;
3978
3985
  min-block-size: 0;
3979
3986
  }
3980
- .Popover-module__hop-Popover__dialog___FOOKs,
3981
- .Popover-module__hop-Popover__dropdown___-jsy8 {
3987
+ .Popover-module__hop-Popover__dialog___GGJWK,
3988
+ .Popover-module__hop-Popover__dropdown___jeauL {
3982
3989
  --hop-Popover-background: var(--hop-neutral-surface);
3983
3990
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3984
3991
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4026,21 +4033,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4026
4033
  border-radius: var(--hop-Popover-border-radius);
4027
4034
  box-shadow: var(--hop-Popover-box-shadow);
4028
4035
  }
4029
- .Popover-module__hop-Popover__dropdown___-jsy8 {
4036
+ .Popover-module__hop-Popover__dropdown___jeauL {
4030
4037
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4031
4038
  --footer-place-self: stretch;
4032
4039
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4033
4040
  --padding: var(--hop-Popover-dropdown-padding);
4034
4041
  overflow: hidden;
4035
4042
  }
4036
- .Popover-module__hop-Popover__dialog___FOOKs {
4043
+ .Popover-module__hop-Popover__dialog___GGJWK {
4037
4044
  --padding: var(--hop-Popover-dialog-padding);
4038
4045
  }
4039
- .Popover-module__hop-Popover__title___GNuz4 {
4046
+ .Popover-module__hop-Popover__title___Rlj3j {
4040
4047
  grid-area: header;
4041
4048
  color: var(--hop-Popover-color);
4042
4049
  }
4043
- .Popover-module__hop-Popover__content___9OiFQ {
4050
+ .Popover-module__hop-Popover__content___xnLU- {
4044
4051
  --font-size: var(--hop-Popover-content-font-size);
4045
4052
  --line-height: var(--hop-Popover-content-line-height);
4046
4053
  --font-family: var(--hop-Popover-content-font-family);
@@ -4051,12 +4058,12 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4051
4058
  padding: 0;
4052
4059
  color: var(--hop-Popover-content-color);
4053
4060
  }
4054
- .Popover-module__hop-Popover___yH974:not(:has(.Popover-module__hop-Popover__title___GNuz4)) {
4055
- .Popover-module__hop-Popover__content___9OiFQ {
4061
+ .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4062
+ .Popover-module__hop-Popover__content___xnLU- {
4056
4063
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4057
4064
  }
4058
4065
  }
4059
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__list-box___ZBhEH {
4066
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4060
4067
  grid-area: content;
4061
4068
  inline-size: auto;
4062
4069
  min-inline-size: auto;
@@ -4064,7 +4071,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4064
4071
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4065
4072
  border: none;
4066
4073
  }
4067
- .Popover-module__hop-Popover__footer___0wYlz {
4074
+ .Popover-module__hop-Popover__footer___0FFAg {
4068
4075
  --font-size: var(--hop-Popover-footer-font-size);
4069
4076
  --line-height: var(--hop-Popover-footer-line-height);
4070
4077
  grid-area: footer;
@@ -4072,28 +4079,27 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4072
4079
  margin: var(--footer-margin);
4073
4080
  color: var(--hop-Popover-color);
4074
4081
  }
4075
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__footer___0wYlz {
4082
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4076
4083
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4077
4084
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4078
4085
  }
4079
- .Popover-module__hop-Popover__actions___u03PF,
4080
- .Popover-module__hop-Popover__action___qVBfg {
4086
+ .Popover-module__hop-Popover__actions___22QyU,
4087
+ .Popover-module__hop-Popover__action___1YRad {
4081
4088
  grid-area: action;
4082
4089
  justify-self: end;
4083
4090
  margin-block-start: var(--hop-Popover-row-gap);
4084
4091
  }
4085
- .Popover-module__hop-Popover___yH974:has(.Popover-module__hop-Popover__actions___u03PF, .Popover-module__hop-Popover__action___qVBfg) .Popover-module__hop-Popover__footer___0wYlz {
4092
+ .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4086
4093
  margin-inline-end: var(--hop-Popover-column-gap);
4087
4094
  }
4088
4095
 
4089
4096
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4090
- .PopoverBase-module__hop-PopoverBase___3P7KO {
4097
+ .PopoverBase-module__hop-PopoverBase___31efu {
4091
4098
  --hop-Popover-background: var(--hop-neutral-surface);
4092
4099
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4093
4100
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4094
4101
  --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4095
4102
  --hop-Popover-color: var(--hop-neutral-text);
4096
- --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4097
4103
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4098
4104
  --hop-Popover-font-size: var(--hop-body-md-font-size);
4099
4105
  --hop-Popover-font-weight: var(--hop-body-md-font-weight);
@@ -4118,43 +4124,32 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4118
4124
  box-shadow: var(--hop-Popover-box-shadow);
4119
4125
  transition: opacity var(--hop-easing-duration-2);
4120
4126
  }
4121
- .PopoverBase-module__hop-PopoverBase___3P7KO[data-entering] {
4127
+ .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4122
4128
  opacity: 0;
4123
4129
  }
4124
- .PopoverBase-module__hop-PopoverBase___3P7KO[data-exiting] {
4130
+ .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4125
4131
  pointer-events: none;
4126
4132
  opacity: 0;
4127
4133
  transition-timing-function: var(--hop-easing-productive);
4128
4134
  }
4129
- .PopoverBase-module__hop-PopoverBase___3P7KO:focus-visible {
4130
- outline: var(--hop-Popover-color-outline);
4131
- }
4132
4135
 
4133
4136
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4134
- .Menu-module__hop-Menu___FgwQR {
4135
- --hop-Menu-border-size: 0.0625rem;
4137
+ .Menu-module__hop-Menu___dxMmH {
4136
4138
  --hop-Menu-overflow-y: auto;
4137
- --hop-Menu-inline-size: 100%;
4138
- --hop-Menu-block-size: max-content;
4139
- --hop-Menu-margin: 0;
4140
- --hop-Menu-padding: var(--hop-space-inset-sm);
4139
+ --hop-Menu-padding-block: var(--hop-space-inset-sm);
4141
4140
  --hop-Menu-outline: none;
4141
+ --hop-Menu-min-inline-size: 12.5rem;
4142
+ --hop-Menu-max-inline-size: 20rem;
4143
+ --hop-Menu-inline-size: max-content;
4142
4144
  overflow-y: var(--hop-Menu-overflow-y);
4143
4145
  inline-size: var(--hop-Menu-inline-size);
4144
- block-size: var(--hop-Menu-block-size);
4145
- margin: var(--hop-Menu-margin);
4146
- padding: var(--hop-Menu-padding);
4146
+ min-inline-size: var(--hop-Menu-min-inline-size);
4147
+ max-inline-size: var(--hop-Menu-max-inline-size);
4148
+ padding-block: var(--hop-Menu-padding-block);
4147
4149
  outline: var(--hop-Menu-outline);
4148
4150
  }
4149
- .Menu-module__hop-Menu__popover___5EIMV {
4150
- --hop-Menu-popover-min-inline-size: 12.5rem;
4151
- --hop-Menu-popover-max-inline-size: 20rem;
4152
- --hop-Menu-popover-inline-size: max-content;
4153
- inline-size: var(--hop-Menu-popover-inline-size);
4154
- min-inline-size: var(--hop-Menu-popover-min-inline-size);
4155
- max-inline-size: var(--hop-Menu-popover-max-inline-size);
4156
- }
4157
- .Menu-module__hop-Menu__header___vxEhp {
4151
+ .Menu-module__hop-Menu__header___mkIkj {
4152
+ --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4158
4153
  --hop-Menu-header-cursor: default;
4159
4154
  --hop-Menu-header-display: flex;
4160
4155
  --hop-Menu-header-align-items: center;
@@ -4171,6 +4166,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4171
4166
  display: var(--hop-Menu-header-display);
4172
4167
  align-items: var(--hop-Menu-header-align-items);
4173
4168
  block-size: var(--hop-Menu-header-block-size);
4169
+ margin-inline: var(--hop-Menu-header-margin-inline);
4174
4170
  padding-inline: var(--hop-Menu-header-padding-inline);
4175
4171
  font-family: var(--hop-Menu-header-font-family);
4176
4172
  font-size: var(--hop-Menu-header-font-size);
@@ -4180,26 +4176,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4180
4176
  text-transform: var(--hop-Menu-header-text-transform);
4181
4177
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4182
4178
  }
4183
- .Menu-module__hop-Menu__divider___LzWEK {
4179
+ .Menu-module__hop-Menu__divider___92H4y {
4184
4180
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4185
- --hop-Menu-divider-margin-inline: calc(-2 * var(--hop-space-inset-sm));
4186
4181
  margin-block: var( --hop-Menu-divider-margin-block);
4187
- margin-inline: var(--hop-Menu-divider-margin-inline);
4188
4182
  }
4189
4183
 
4190
4184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuItem.module.css/#css-module-data */
4191
- .MenuItem-module__hop-MenuItem___ifZ9c {
4185
+ .MenuItem-module__hop-MenuItem___RwFEH {
4192
4186
  --hop-MenuItem-cursor: pointer;
4193
4187
  --hop-MenuItem-display: flex;
4194
4188
  --hop-MenuItem-align-items: center;
4195
4189
  --hop-MenuItem-box-sizing: border-box;
4196
- --hop-MenuItem-inline-size: 100%;
4197
4190
  --hop-MenuItem-padding-inline: var(--hop-space-inset-md);
4198
4191
  --hop-MenuItem-color: var(--hop-neutral-text);
4199
4192
  --hop-MenuItem-text-decoration: none;
4200
4193
  --hop-MenuItem-border-radius: var(--hop-shape-rounded-md);
4201
4194
  --hop-MenuItem-outline: none;
4202
4195
  --hop-MenuItem-gap: var(--hop-space-inline-sm);
4196
+ --hop-MenuItem-margin-inline: var(--hop-space-inset-sm);
4203
4197
  --hop-MenuItem-description-display: grid;
4204
4198
  --hop-MenuItem-description-align-items: flex-start;
4205
4199
  --hop-MenuItem-description-grid-template: "avatar icon text end-icon end-panel" auto "avatar icon description end-icon end-panel" auto / auto auto 1fr auto auto;
@@ -4219,7 +4213,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4219
4213
  display: var(--display);
4220
4214
  align-items: var(--align-items);
4221
4215
  box-sizing: var(--hop-MenuItem-box-sizing);
4222
- inline-size: var(--hop-MenuItem-inline-size);
4216
+ margin-inline: var(--hop-MenuItem-margin-inline);
4223
4217
  padding-block: var(--padding-block);
4224
4218
  padding-inline: var(--hop-MenuItem-padding-inline);
4225
4219
  color: var(--color);
@@ -4228,100 +4222,100 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4228
4222
  border-radius: var(--hop-MenuItem-border-radius);
4229
4223
  outline: var(--hop-MenuItem-outline);
4230
4224
  }
4231
- .MenuItem-module__hop-MenuItem___ifZ9c[data-focus-visible] {
4225
+ .MenuItem-module__hop-MenuItem___RwFEH[data-focus-visible] {
4232
4226
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4233
4227
  }
4234
- .MenuItem-module__hop-MenuItem___ifZ9c[data-hovered],
4235
- .MenuItem-module__hop-MenuItem___ifZ9c[data-focused] {
4228
+ .MenuItem-module__hop-MenuItem___RwFEH[data-hovered],
4229
+ .MenuItem-module__hop-MenuItem___RwFEH[data-focused] {
4236
4230
  --background-color: var(--hop-neutral-surface-hover);
4237
4231
  }
4238
- .MenuItem-module__hop-MenuItem___ifZ9c[data-pressed] {
4232
+ .MenuItem-module__hop-MenuItem___RwFEH[data-pressed] {
4239
4233
  --background-color: var(--hop-neutral-surface-press);
4240
4234
  }
4241
- .MenuItem-module__hop-MenuItem___ifZ9c[data-selected]:not(.MenuItem-module__hop-MenuItem___ifZ9c[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___8ly92 {
4235
+ .MenuItem-module__hop-MenuItem___RwFEH[data-selected]:not(.MenuItem-module__hop-MenuItem___RwFEH[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___YxJ0O {
4242
4236
  font-weight: var(--hop-body-sm-semibold-font-weight);
4243
4237
  }
4244
- .MenuItem-module__hop-MenuItem--invalid___rsFxz {
4238
+ .MenuItem-module__hop-MenuItem--invalid___7z1vm {
4245
4239
  --hop-MenuItem-description-color: var(--hop-danger-text-selected);
4246
4240
  --hop-MenuItem-icon-color: var(--hop-danger-icon-selected);
4247
4241
  --color: var(--hop-danger-text-selected);
4248
4242
  }
4249
- .MenuItem-module__hop-MenuItem--invalid___rsFxz[data-hovered] {
4243
+ .MenuItem-module__hop-MenuItem--invalid___7z1vm[data-hovered] {
4250
4244
  --hop-MenuItem-description-color: var(--hop-danger-text-strong-hover);
4251
4245
  --hop-MenuItem-icon-color: var(--hop-danger-icon-strong-hover);
4252
4246
  --background-color: var(--hop-danger-surface-hover);
4253
4247
  --color: var(--hop-danger-text-strong-hover);
4254
4248
  }
4255
- .MenuItem-module__hop-MenuItem___ifZ9c[data-disabled] {
4249
+ .MenuItem-module__hop-MenuItem___RwFEH[data-disabled] {
4256
4250
  --hop-MenuItem-description-color: var(--hop-neutral-text-disabled);
4257
4251
  --hop-MenuItem-icon-color: var(--hop-neutral-icon-disabled);
4258
4252
  --cursor: not-allowed;
4259
4253
  --color: var(--hop-neutral-text-disabled);
4260
4254
  }
4261
- .MenuItem-module__hop-MenuItem__avatar___p92Tr {
4255
+ .MenuItem-module__hop-MenuItem__avatar___IKJAx {
4262
4256
  grid-area: avatar;
4263
4257
  order: 0;
4264
4258
  margin-inline-end: var(--hop-MenuItem-gap);
4265
4259
  }
4266
- .MenuItem-module__hop-MenuItem__icon___nRat1:not(.MenuItem-module__hop-MenuItem__checkmark___M67GI) {
4260
+ .MenuItem-module__hop-MenuItem__icon___kR-aF:not(.MenuItem-module__hop-MenuItem__checkmark___FQvO-) {
4267
4261
  grid-area: icon;
4268
4262
  order: 0;
4269
4263
  margin-inline-end: var(--hop-MenuItem-gap);
4270
4264
  }
4271
- .MenuItem-module__hop-MenuItem__text___8ly92 {
4265
+ .MenuItem-module__hop-MenuItem__text___YxJ0O {
4272
4266
  grid-area: text;
4273
4267
  order: 1;
4274
4268
  }
4275
- .MenuItem-module__hop-MenuItem__description___AINdg {
4269
+ .MenuItem-module__hop-MenuItem__description___roOkP {
4276
4270
  grid-area: description;
4277
4271
  color: var(--hop-MenuItem-description-color);
4278
4272
  }
4279
- .MenuItem-module__hop-MenuItem__end-icon___s8saT {
4273
+ .MenuItem-module__hop-MenuItem__end-icon___6NFVf {
4280
4274
  grid-area: end-icon;
4281
4275
  order: 2;
4282
4276
  margin-inline-start: var(--hop-MenuItem-gap);
4283
4277
  }
4284
- .MenuItem-module__hop-MenuItem__checkmark___M67GI {
4278
+ .MenuItem-module__hop-MenuItem__checkmark___FQvO- {
4285
4279
  grid-area: end-panel;
4286
4280
  order: 3;
4287
4281
  margin-inline-start: auto;
4288
4282
  }
4289
- .MenuItem-module__hop-MenuItem__arrow___3QwhX {
4283
+ .MenuItem-module__hop-MenuItem__arrow___gGIbr {
4290
4284
  grid-area: end-panel;
4291
4285
  order: 3;
4292
4286
  margin-inline-start: auto;
4293
4287
  color: var(--hop-MenuItem-icon-color);
4294
4288
  }
4295
- .MenuItem-module__hop-MenuItem__icon___nRat1,
4296
- .MenuItem-module__hop-MenuItem__end-icon___s8saT {
4289
+ .MenuItem-module__hop-MenuItem__icon___kR-aF,
4290
+ .MenuItem-module__hop-MenuItem__end-icon___6NFVf {
4297
4291
  flex: 0 0 auto;
4298
4292
  color: var(--hop-MenuItem-icon-color);
4299
4293
  }
4300
- .MenuItem-module__hop-MenuItem___ifZ9c:has(.MenuItem-module__hop-MenuItem__description___AINdg) {
4294
+ .MenuItem-module__hop-MenuItem___RwFEH:has(.MenuItem-module__hop-MenuItem__description___roOkP) {
4301
4295
  --display: var(--hop-MenuItem-description-display);
4302
4296
  --align-items: var(--hop-MenuItem-description-align-items);
4303
4297
  grid-template: var(--hop-MenuItem-description-grid-template);
4304
4298
  row-gap: var(--hop-space-stack-xs);
4305
4299
  }
4306
- .MenuItem-module__hop-MenuItem--xs___iHdpg {
4300
+ .MenuItem-module__hop-MenuItem--xs___Xpxyp {
4307
4301
  --padding-block: var(--hop-MenuItem-xs-padding-block);
4308
4302
  }
4309
- .MenuItem-module__hop-MenuItem--sm___bcLrC {
4303
+ .MenuItem-module__hop-MenuItem--sm___LZXeC {
4310
4304
  --padding-block: var(--hop-MenuItem-sm-padding-block);
4311
4305
  }
4312
- .MenuItem-module__hop-MenuItem--md___NlYsa {
4306
+ .MenuItem-module__hop-MenuItem--md___dUjLR {
4313
4307
  --padding-block: var(--hop-MenuItem-md-padding-block);
4314
4308
  }
4315
- .MenuItem-module__hop-MenuItem--lg___OFufQ {
4309
+ .MenuItem-module__hop-MenuItem--lg___sXyp6 {
4316
4310
  --padding-block: var(--hop-MenuItem-lg-padding-block);
4317
4311
  }
4318
4312
 
4319
4313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuSection.module.css/#css-module-data */
4320
- .MenuSection-module__hop-MenuSection___tvNCh {
4314
+ .MenuSection-module__hop-MenuSection___I83No {
4321
4315
  box-sizing: border-box;
4322
4316
  inline-size: 100%;
4323
4317
  outline: none;
4324
4318
  }
4325
- .MenuSection-module__hop-MenuSection___tvNCh[data-focus-visible] {
4319
+ .MenuSection-module__hop-MenuSection___I83No[data-focus-visible] {
4326
4320
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4327
4321
  }