@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/badge/src/Badge.module.css/#css-module-data */
275
- .Badge-module__hop-Badge___KJ3W2 {
282
+ .Badge-module__hop-Badge___A-Bla {
276
283
  --hop-Badge-height: 1.5rem;
277
284
  --hop-Badge-width: max-content;
278
285
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -322,67 +329,67 @@
322
329
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
323
330
  border-radius: var(--border-radius);
324
331
  }
325
- .Badge-module__hop-Badge--primary___SQC7m {
332
+ .Badge-module__hop-Badge--primary___E55Gz {
326
333
  --background-color: var(--hop-Badge-primary-background-color);
327
334
  --text-color: var(--hop-Badge-primary-text-color);
328
335
  }
329
- .Badge-module__hop-Badge--primary___SQC7m[data-hovered] {
336
+ .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
330
337
  --background-color: var(--hop-Badge-primary-background-color-hovered);
331
338
  --text-color: var(--hop-Badge-primary-text-color-hovered);
332
339
  }
333
- .Badge-module__hop-Badge--primary___SQC7m[data-pressed] {
340
+ .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
334
341
  --background-color: var(--hop-Badge-primary-background-color-pressed);
335
342
  --text-color: var(--hop-Badge-primary-text-color-pressed);
336
343
  }
337
- .Badge-module__hop-Badge--primary___SQC7m[data-selected] {
344
+ .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
338
345
  --background-color: var(--hop-Badge-primary-background-color-selected);
339
346
  --text-color: var(--hop-Badge-primary-text-color-selected);
340
347
  }
341
- .Badge-module__hop-Badge--secondary___HYQtN {
348
+ .Badge-module__hop-Badge--secondary___0bxAx {
342
349
  --background-color: var(--hop-Badge-secondary-background-color);
343
350
  --text-color: var(--hop-Badge-secondary-text-color);
344
351
  }
345
- .Badge-module__hop-Badge--secondary___HYQtN[data-hovered] {
352
+ .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
346
353
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
347
354
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
348
355
  }
349
- .Badge-module__hop-Badge--secondary___HYQtN[data-pressed] {
356
+ .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
350
357
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
351
358
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
352
359
  }
353
- .Badge-module__hop-Badge--secondary___HYQtN[data-selected] {
360
+ .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
354
361
  --background-color: var(--hop-Badge-secondary-background-color-selected);
355
362
  --text-color: var(--hop-Badge-secondary-text-color-selected);
356
363
  }
357
- .Badge-module__hop-Badge--subdued___zilnb {
364
+ .Badge-module__hop-Badge--subdued___zdomT {
358
365
  --background-color: var(--hop-Badge-subdued-background-color);
359
366
  --text-color: var(--hop-Badge-subdued-text-color);
360
367
  }
361
- .Badge-module__hop-Badge--subdued___zilnb[data-hovered] {
368
+ .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
362
369
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
363
370
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
364
371
  }
365
- .Badge-module__hop-Badge--subdued___zilnb[data-pressed] {
372
+ .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
366
373
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
367
374
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
368
375
  }
369
- .Badge-module__hop-Badge--subdued___zilnb[data-selected] {
376
+ .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
370
377
  --background-color: var(--hop-Badge-subdued-background-color-selected);
371
378
  --text-color: var(--hop-Badge-subdued-text-color-selected);
372
379
  }
373
- .Badge-module__hop-Badge___KJ3W2[data-indeterminate] {
380
+ .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
374
381
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
375
382
  --height: var(--hop-Badge-indeterminate-height);
376
383
  --width: var(--hop-Badge-indeterminate-width);
377
384
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
378
385
  }
379
- .Badge-module__hop-Badge___KJ3W2[data-disabled] {
386
+ .Badge-module__hop-Badge___A-Bla[data-disabled] {
380
387
  --background-color: var(--hop-Badge-background-color-disabled);
381
388
  --text-color: var(--hop-Badge-text-color-disabled);
382
389
  }
383
390
 
384
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
385
- .FloatingBadge-module__hop-FloatingBadge___1dg-U {
392
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
386
393
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
387
394
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
388
395
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -423,7 +430,7 @@
423
430
  box-sizing: border-box;
424
431
  inline-size: max-content;
425
432
  }
426
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"] {
433
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
427
434
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
428
435
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
429
436
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -431,11 +438,11 @@
431
438
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
432
439
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
433
440
  }
434
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top right"][data-overlap=circular] {
441
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
435
442
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
436
443
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
437
444
  }
438
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"] {
445
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
439
446
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
440
447
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
441
448
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -443,11 +450,11 @@
443
450
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
444
451
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
445
452
  }
446
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="top left"][data-overlap=circular] {
453
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
447
454
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
448
455
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
449
456
  }
450
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"] {
457
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
451
458
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
452
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
453
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -455,11 +462,11 @@
455
462
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
456
463
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
457
464
  }
458
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom right"][data-overlap=circular] {
465
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
459
466
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
460
467
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
461
468
  }
462
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"] {
469
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
463
470
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
464
471
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
465
472
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -467,11 +474,11 @@
467
474
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
468
475
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
469
476
  }
470
- .FloatingBadge-module__hop-FloatingBadge___1dg-U[data-placement="bottom left"][data-overlap=circular] {
477
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
471
478
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
472
479
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
473
480
  }
474
- .FloatingBadge-module__hop-FloatingBadge__badge___0A0N2 {
481
+ .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
475
482
  position: absolute;
476
483
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
477
484
  transform-origin: var(--badge-transform-origin);
@@ -479,7 +486,7 @@
479
486
  }
480
487
 
481
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
482
- .ErrorMessage-module__hop-ErrorMessage___Q81Sd {
489
+ .ErrorMessage-module__hop-ErrorMessage___XomeT {
483
490
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
484
491
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
485
492
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -496,13 +503,13 @@
496
503
  line-height: var(--hop-ErrorMessage-line-height);
497
504
  color: var(--hop-ErrorMessage-color);
498
505
  }
499
- .ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
506
+ .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
500
507
  flex: 0 0 auto;
501
508
  align-self: flex-start;
502
509
  }
503
510
 
504
511
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
505
- .HelperMessage-module__hop-HelperMessage___bH5cE {
512
+ .HelperMessage-module__hop-HelperMessage___QIP7E {
506
513
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
507
514
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
508
515
  display: flex;
@@ -511,13 +518,13 @@
511
518
  box-sizing: border-box;
512
519
  color: var(--hop-HelperMessage-color);
513
520
  }
514
- .HelperMessage-module__hop-HelperMessage__icon___lLc5y {
521
+ .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
515
522
  flex: 0 0 auto;
516
523
  align-self: flex-start;
517
524
  }
518
525
 
519
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
520
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6 {
527
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
521
528
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
522
529
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
523
530
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -548,46 +555,46 @@
548
555
  background-color: var(--background-color);
549
556
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
550
557
  }
551
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vxH-6 {
558
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
552
559
  --size: var(--hop-RichIconAvatarImage-xs-size);
553
560
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
554
561
  }
555
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___l8zKZ {
562
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
556
563
  --size: var(--hop-RichIconAvatarImage-sm-size);
557
564
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
558
565
  }
559
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___dl7qB {
566
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
560
567
  --size: var(--hop-RichIconAvatarImage-md-size);
561
568
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
562
569
  }
563
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___b2V01 {
570
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
564
571
  --size: var(--hop-RichIconAvatarImage-lg-size);
565
572
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
566
573
  }
567
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___oZubf {
574
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
568
575
  --size: var(--hop-RichIconAvatarImage-xl-size);
569
576
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
570
577
  }
571
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___S1-4q {
578
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
572
579
  --size: var(--hop-RichIconAvatarImage-2xl-size);
573
580
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
574
581
  }
575
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] {
582
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
576
583
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
577
584
  }
578
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
585
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
579
586
  position: relative;
580
587
  display: block;
581
588
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
582
589
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
583
590
  }
584
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jlIf6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Tpkbm {
591
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
585
592
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
586
593
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
587
594
  }
588
595
 
589
596
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
590
- .Avatar-module__hop-Avatar___-m4sl {
597
+ .Avatar-module__hop-Avatar___Ihw-T {
591
598
  --hop-Avatar-border-radius: var(--hop-shape-circle);
592
599
  --hop-Avatar-mix-blend-mode: normal;
593
600
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -632,67 +639,67 @@
632
639
  background-color: var(--background-color, transparent);
633
640
  border-radius: var(--hop-Avatar-border-radius);
634
641
  }
635
- .Avatar-module__hop-Avatar--xs___voEj- {
642
+ .Avatar-module__hop-Avatar--xs___wUBE6 {
636
643
  --size: var(--hop-Avatar-xs-size);
637
644
  }
638
- .Avatar-module__hop-Avatar--sm___VEWZ9 {
645
+ .Avatar-module__hop-Avatar--sm___zFiEI {
639
646
  --size: var(--hop-Avatar-sm-size);
640
647
  }
641
- .Avatar-module__hop-Avatar--md___WRFOH {
648
+ .Avatar-module__hop-Avatar--md___gGnf1 {
642
649
  --size: var(--hop-Avatar-md-size);
643
650
  }
644
- .Avatar-module__hop-Avatar--lg___JaNW3 {
651
+ .Avatar-module__hop-Avatar--lg___59OtB {
645
652
  --size: var(--hop-Avatar-lg-size);
646
653
  }
647
- .Avatar-module__hop-Avatar--xl___Ov8Y8 {
654
+ .Avatar-module__hop-Avatar--xl___zCYTU {
648
655
  --size: var(--hop-Avatar-xl-size);
649
656
  }
650
- .Avatar-module__hop-Avatar--2xl___Ti4UJ {
657
+ .Avatar-module__hop-Avatar--2xl___lpaAF {
651
658
  --size: var(--hop-Avatar-2xl-size);
652
659
  }
653
- .Avatar-module__hop-Avatar--decorative-option1___g6oOE {
660
+ .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
654
661
  --background-color: var(--hop-Avatar-decorative-1-background-color);
655
662
  --text-color: var(--hop-Avatar-decorative-1-text-color);
656
663
  }
657
- .Avatar-module__hop-Avatar--decorative-option2___u-zDc {
664
+ .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
658
665
  --background-color: var(--hop-Avatar-decorative-2-background-color);
659
666
  --text-color: var(--hop-Avatar-decorative-2-text-color);
660
667
  }
661
- .Avatar-module__hop-Avatar--decorative-option3___WhCPz {
668
+ .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
662
669
  --background-color: var(--hop-Avatar-decorative-3-background-color);
663
670
  --text-color: var(--hop-Avatar-decorative-3-text-color);
664
671
  }
665
- .Avatar-module__hop-Avatar--decorative-option4___GesJz {
672
+ .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
666
673
  --background-color: var(--hop-Avatar-decorative-4-background-color);
667
674
  --text-color: var(--hop-Avatar-decorative-4-text-color);
668
675
  }
669
- .Avatar-module__hop-Avatar--decorative-option5___-23ZH {
676
+ .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
670
677
  --background-color: var(--hop-Avatar-decorative-5-background-color);
671
678
  --text-color: var(--hop-Avatar-decorative-5-text-color);
672
679
  }
673
- .Avatar-module__hop-Avatar--decorative-option6___CQmNQ {
680
+ .Avatar-module__hop-Avatar--decorative-option6___jliDF {
674
681
  --background-color: var(--hop-Avatar-decorative-6-background-color);
675
682
  --text-color: var(--hop-Avatar-decorative-6-text-color);
676
683
  }
677
- .Avatar-module__hop-Avatar--decorative-option7___ogvs7 {
684
+ .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
678
685
  --background-color: var(--hop-Avatar-decorative-7-background-color);
679
686
  --text-color: var(--hop-Avatar-decorative-7-text-color);
680
687
  }
681
- .Avatar-module__hop-Avatar--decorative-option8___HA21y {
688
+ .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
682
689
  --background-color: var(--hop-Avatar-decorative-8-background-color);
683
690
  --text-color: var(--hop-Avatar-decorative-8-text-color);
684
691
  }
685
- .Avatar-module__hop-Avatar--decorative-option9___THrCC {
692
+ .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
686
693
  --background-color: var(--hop-Avatar-decorative-9-background-color);
687
694
  --text-color: var(--hop-Avatar-decorative-9-text-color);
688
695
  }
689
- .Avatar-module__hop-Avatar___-m4sl[data-disabled] {
696
+ .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
690
697
  --background-color: var(--hop-Avatar-background-color-disabled);
691
698
  --text-color: var(--hop-Avatar-text-color-disabled);
692
699
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
693
700
  isolation: isolate;
694
701
  }
695
- .Avatar-module__hop-Avatar__image___owC-L {
702
+ .Avatar-module__hop-Avatar__image___4XmMJ {
696
703
  position: relative;
697
704
  display: block;
698
705
  box-sizing: border-box;
@@ -703,7 +710,7 @@
703
710
  }
704
711
 
705
712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
706
- .Tooltip-module__hop-Tooltip___YCOYX {
713
+ .Tooltip-module__hop-Tooltip___RIZp2 {
707
714
  --hop-Tooltip-max-inline-size: 20rem;
708
715
  --hop-Tooltip-slide-amount: 0.25rem;
709
716
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -730,29 +737,29 @@
730
737
  border-radius: var(--hop-Tooltip-border-radius);
731
738
  box-shadow: var(--hop-Tooltip-box-shadow);
732
739
  }
733
- .Tooltip-module__hop-Tooltip--top___Ke-AO {
740
+ .Tooltip-module__hop-Tooltip--top___LYimQ {
734
741
  --origin-x: 0;
735
742
  --origin-y: var(--hop-Tooltip-slide-amount);
736
743
  }
737
- .Tooltip-module__hop-Tooltip--right___cksoK {
744
+ .Tooltip-module__hop-Tooltip--right___U7MIG {
738
745
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
739
746
  --origin-y: 0;
740
747
  }
741
- .Tooltip-module__hop-Tooltip--bottom___qFAV6 {
748
+ .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
742
749
  --origin-x: 0;
743
750
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
744
751
  }
745
- .Tooltip-module__hop-Tooltip--left___wwLMY {
752
+ .Tooltip-module__hop-Tooltip--left___qVC3o {
746
753
  --origin-x: var(--hop-Tooltip-slide-amount);
747
754
  --origin-y: 0;
748
755
  }
749
- .Tooltip-module__hop-Tooltip___YCOYX[data-entering] {
750
- animation: Tooltip-module__slide___t6GRt 0.2s ease-out;
756
+ .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
757
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
751
758
  }
752
- .Tooltip-module__hop-Tooltip___YCOYX[data-exiting] {
753
- animation: Tooltip-module__slide___t6GRt 0.2s ease-in reverse;
759
+ .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
760
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
754
761
  }
755
- @keyframes Tooltip-module__slide___t6GRt {
762
+ @keyframes Tooltip-module__slide___-wv3b {
756
763
  from {
757
764
  transform: translate(var(--origin-x), var(--origin-y));
758
765
  opacity: 0;
@@ -764,44 +771,44 @@
764
771
  }
765
772
 
766
773
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
767
- .AvatarGroup-module__hop-AvatarGroup___CIlO9 {
774
+ .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
768
775
  --hop-AvatarGroup-display: flex;
769
776
  --hop-AvatarGroup-align-items: center;
770
777
  display: var(--hop-AvatarGroup-display);
771
778
  align-items: var(--hop-AvatarGroup-align-items);
772
779
  }
773
- .AvatarGroup-module__hop-AvatarGroup--wrap___q7k0p {
780
+ .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
774
781
  flex-wrap: wrap;
775
782
  }
776
- .AvatarGroup-module__hop-AvatarGroup--xs___qr6X- {
783
+ .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
777
784
  --gap: -0.125rem;
778
785
  }
779
- .AvatarGroup-module__hop-AvatarGroup--sm___tIyLd {
786
+ .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
780
787
  --gap: -0.25rem;
781
788
  }
782
- .AvatarGroup-module__hop-AvatarGroup--md___mBTX- {
789
+ .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
783
790
  --gap: -0.5rem;
784
791
  }
785
- .AvatarGroup-module__hop-AvatarGroup--lg___37l6b {
792
+ .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
786
793
  --gap: -1rem;
787
794
  }
788
- .AvatarGroup-module__hop-AvatarGroup--xl___YLh7o {
795
+ .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
789
796
  --gap: -1rem;
790
797
  }
791
- .AvatarGroup-module__hop-AvatarGroup--2xl___AOi7- {
798
+ .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
792
799
  --gap: -2rem;
793
800
  }
794
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
801
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
795
802
  margin-inline-start: var(--gap);
796
803
  transition: margin var(--hop-easing-duration-2);
797
804
  }
798
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM {
805
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
799
806
  margin-inline-start: 0;
800
807
  }
801
- .AvatarGroup-module__hop-AvatarGroup__avatar___nFiWM:first-child {
808
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
802
809
  margin-inline-start: 0;
803
810
  }
804
- .AvatarGroup-module__hop-AvatarGroup__label___mS1n3 {
811
+ .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
805
812
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
806
813
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
807
814
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -813,7 +820,7 @@
813
820
  font-weight: var(--hop-AvatarGroup-label-font-weight);
814
821
  line-height: var(--hop-AvatarGroup-label-line-height);
815
822
  }
816
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p {
823
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
817
824
  --hop-AvatarGroup__hiddenAvatar-display: flex;
818
825
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
819
826
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -831,21 +838,21 @@
831
838
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
832
839
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
833
840
  }
834
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___ydP9p:not(:last-child) {
841
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
835
842
  margin-block-end: 0.25rem;
836
843
  }
837
- .AvatarGroup-module__hop-AvatarGroup--start___5Iubf {
844
+ .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
838
845
  justify-content: flex-start;
839
846
  }
840
- .AvatarGroup-module__hop-AvatarGroup--end___GHZ4U {
847
+ .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
841
848
  justify-content: flex-end;
842
849
  }
843
- .AvatarGroup-module__hop-AvatarGroup--center___mFxWk {
850
+ .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
844
851
  justify-content: center;
845
852
  }
846
853
 
847
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
848
- .IconList-module__hop-IconList___JGBdL {
855
+ .IconList-module__hop-IconList___m2E3v {
849
856
  --hop-IconList-gap: var(--hop-space-inline-xs);
850
857
  display: flex;
851
858
  flex-wrap: wrap;
@@ -854,7 +861,7 @@
854
861
  }
855
862
 
856
863
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
857
- .Checkbox-module__hop-Checkbox___oHb0r {
864
+ .Checkbox-module__hop-Checkbox___RAOey {
858
865
  --hop-Checkbox-box-border-size: 0.0625rem;
859
866
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
860
867
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -929,60 +936,60 @@
929
936
  inline-size: max-content;
930
937
  max-inline-size: 100%;
931
938
  }
932
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
939
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
933
940
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
934
941
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
935
942
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
936
943
  --text-color: var(--hop-Checkbox-text-color-focused);
937
944
  --icon-color: var(--hop-Checkbox-icon-color-focused);
938
945
  }
939
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
946
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
940
947
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
941
948
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
942
949
  --text-color: var(--hop-Checkbox-text-color-hovered);
943
950
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
944
951
  }
945
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
952
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
946
953
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
947
954
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
948
955
  --text-color: var(--hop-Checkbox-text-color-pressed);
949
956
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
950
957
  }
951
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
958
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
952
959
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
953
960
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
954
961
  --check-display: var(--hop-Checkbox-check-display-selected);
955
962
  --text-color: var(--hop-Checkbox-text-color-selected);
956
963
  --icon-color: var(--hop-Checkbox-icon-color-selected);
957
964
  }
958
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
965
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
959
966
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
960
967
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
961
968
  --check-color: var(--hop-Checkbox-check-color-invalid);
962
969
  --text-color: var(--hop-Checkbox-text-color-invalid);
963
970
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
964
971
  }
965
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
972
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
966
973
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
967
974
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
968
975
  }
969
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
976
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
970
977
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
971
978
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
972
979
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
973
980
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
974
981
  }
975
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
982
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
976
983
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
977
984
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
978
985
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
979
986
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
980
987
  }
981
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
988
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
982
989
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
983
990
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
984
991
  }
985
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
992
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
986
993
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
987
994
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
988
995
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -990,25 +997,25 @@
990
997
  --text-color: var(--hop-Checkbox-text-color-disabled);
991
998
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
992
999
  }
993
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
1000
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
994
1001
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
995
1002
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
996
1003
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
997
1004
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
998
1005
  }
999
- .Checkbox-module__hop-Checkbox--md___f9YGd {
1006
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
1000
1007
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1001
1008
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1002
1009
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1003
1010
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1004
1011
  }
1005
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
1006
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
1012
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
1013
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
1007
1014
  flex: 0 0 auto;
1008
1015
  order: 3;
1009
1016
  color: var(--icon-color);
1010
1017
  }
1011
- .Checkbox-module__hop-Checkbox__box___puaui {
1018
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
1012
1019
  display: flex;
1013
1020
  flex: 0 0 auto;
1014
1021
  align-items: center;
@@ -1024,11 +1031,11 @@
1024
1031
  outline-offset: 0.125rem;
1025
1032
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1026
1033
  }
1027
- .Checkbox-module__hop-Checkbox__check___w8beQ {
1034
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
1028
1035
  display: var(--check-display);
1029
1036
  color: var(--check-color);
1030
1037
  }
1031
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
1038
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
1032
1039
  flex: 0 1 auto;
1033
1040
  order: 2;
1034
1041
  min-inline-size: 0;
@@ -1038,7 +1045,7 @@
1038
1045
  }
1039
1046
 
1040
1047
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1041
- .CheckboxField-module__hop-CheckboxField___WbOMN {
1048
+ .CheckboxField-module__hop-CheckboxField___5HYK9 {
1042
1049
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1043
1050
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1044
1051
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1057,28 +1064,28 @@
1057
1064
  inline-size: max-content;
1058
1065
  max-inline-size: 100%;
1059
1066
  }
1060
- .CheckboxField-module__hop-CheckboxField___WbOMN[data-disabled] {
1067
+ .CheckboxField-module__hop-CheckboxField___5HYK9[data-disabled] {
1061
1068
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1062
1069
  }
1063
- .CheckboxField-module__hop-CheckboxField--sm___8V3hn {
1070
+ .CheckboxField-module__hop-CheckboxField--sm___5W8yn {
1064
1071
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1065
1072
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1066
1073
  }
1067
- .CheckboxField-module__hop-CheckboxField--md___OiTum {
1074
+ .CheckboxField-module__hop-CheckboxField--md___90C92 {
1068
1075
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1069
1076
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1070
1077
  }
1071
- .CheckboxField-module__hop-CheckboxField__description___Yx0se {
1078
+ .CheckboxField-module__hop-CheckboxField__description___Dqu-O {
1072
1079
  order: 2;
1073
1080
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1074
1081
  color: var(--description-color);
1075
1082
  }
1076
- .CheckboxField-module__hop-CheckboxField__checkbox___2kOCO {
1083
+ .CheckboxField-module__hop-CheckboxField__checkbox___JDrLW {
1077
1084
  order: 1;
1078
1085
  }
1079
1086
 
1080
1087
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1081
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe {
1088
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG {
1082
1089
  --hop-CheckboxGroup-align-items: flex-start;
1083
1090
  --hop-CheckboxGroup-justify-content: flex-start;
1084
1091
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1117,46 +1124,46 @@
1117
1124
  inline-size: max-content;
1118
1125
  max-inline-size: 100%;
1119
1126
  }
1120
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p {
1127
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW {
1121
1128
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1122
1129
  --list-border-radius: var(--hop-shape-rounded-md);
1123
1130
  }
1124
- .CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1131
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
1125
1132
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1126
1133
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1127
1134
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1128
1135
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1129
1136
  }
1130
- .CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1137
+ .CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
1131
1138
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1132
1139
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1133
1140
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1134
1141
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1135
1142
  }
1136
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp {
1143
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO {
1137
1144
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1138
1145
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1139
1146
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1140
1147
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1141
1148
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1142
1149
  }
1143
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p.CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K {
1150
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW.CheckboxGroup-module__hop-CheckboxGroup--md___3XedT {
1144
1151
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1145
1152
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1146
1153
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1147
1154
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1148
1155
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1149
1156
  }
1150
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe[data-orientation=horizontal] {
1157
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG[data-orientation=horizontal] {
1151
1158
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1152
1159
  }
1153
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p[data-orientation=horizontal] {
1160
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW[data-orientation=horizontal] {
1154
1161
  --flex-wrap: nowrap;
1155
1162
  }
1156
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl {
1163
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T {
1157
1164
  order: 1;
1158
1165
  }
1159
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL {
1166
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj {
1160
1167
  display: flex;
1161
1168
  flex-flow: var(--flex-direction) var(--flex-wrap);
1162
1169
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1167,7 +1174,7 @@
1167
1174
  border: var(--list-border, none);
1168
1175
  border-radius: var(--list-border-radius, 0);
1169
1176
  }
1170
- .CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg {
1177
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR {
1171
1178
  position: relative;
1172
1179
  flex: 0 1 auto;
1173
1180
  align-content: start;
@@ -1175,28 +1182,28 @@
1175
1182
  min-inline-size: 0;
1176
1183
  padding: var(--checkbox-padding, 0);
1177
1184
  }
1178
- .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 {
1185
+ .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 {
1179
1186
  content: "";
1180
1187
  position: absolute;
1181
1188
  display: block;
1182
1189
  }
1183
- .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 {
1190
+ .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 {
1184
1191
  inset-block-start: 0;
1185
1192
  inset-inline: 0;
1186
1193
  border-block-start: var(--list-border, none);
1187
1194
  }
1188
- .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 {
1195
+ .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 {
1189
1196
  inset-block: 0;
1190
1197
  inset-inline-start: 0;
1191
1198
  border-inline-start: var(--list-border, none);
1192
1199
  }
1193
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__error-message___HNYuL,
1194
- .CheckboxGroup-module__hop-CheckboxGroup___CmrWe > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___g8hu7 {
1200
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7,
1201
+ .CheckboxGroup-module__hop-CheckboxGroup___3meDG > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ {
1195
1202
  order: 3;
1196
1203
  }
1197
1204
 
1198
1205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1199
- .Checkbox-module__hop-Checkbox___oHb0r {
1206
+ .Checkbox-module__hop-Checkbox___RAOey {
1200
1207
  --hop-Checkbox-box-border-size: 0.0625rem;
1201
1208
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1202
1209
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1271,60 +1278,60 @@
1271
1278
  inline-size: max-content;
1272
1279
  max-inline-size: 100%;
1273
1280
  }
1274
- .Checkbox-module__hop-Checkbox___oHb0r[data-focus-visible] {
1281
+ .Checkbox-module__hop-Checkbox___RAOey[data-focus-visible] {
1275
1282
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1276
1283
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1277
1284
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1278
1285
  --text-color: var(--hop-Checkbox-text-color-focused);
1279
1286
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1280
1287
  }
1281
- .Checkbox-module__hop-Checkbox___oHb0r[data-hovered] {
1288
+ .Checkbox-module__hop-Checkbox___RAOey[data-hovered] {
1282
1289
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1283
1290
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1284
1291
  --text-color: var(--hop-Checkbox-text-color-hovered);
1285
1292
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1286
1293
  }
1287
- .Checkbox-module__hop-Checkbox___oHb0r[data-pressed] {
1294
+ .Checkbox-module__hop-Checkbox___RAOey[data-pressed] {
1288
1295
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1289
1296
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1290
1297
  --text-color: var(--hop-Checkbox-text-color-pressed);
1291
1298
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1292
1299
  }
1293
- .Checkbox-module__hop-Checkbox___oHb0r[data-selected] {
1300
+ .Checkbox-module__hop-Checkbox___RAOey[data-selected] {
1294
1301
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1295
1302
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1296
1303
  --check-display: var(--hop-Checkbox-check-display-selected);
1297
1304
  --text-color: var(--hop-Checkbox-text-color-selected);
1298
1305
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1299
1306
  }
1300
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid] {
1307
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid] {
1301
1308
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1302
1309
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1303
1310
  --check-color: var(--hop-Checkbox-check-color-invalid);
1304
1311
  --text-color: var(--hop-Checkbox-text-color-invalid);
1305
1312
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1306
1313
  }
1307
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-focus-visible]) {
1314
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-focus-visible]) {
1308
1315
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1309
1316
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1310
1317
  }
1311
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-hovered]) {
1318
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-hovered]) {
1312
1319
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1313
1320
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1314
1321
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1315
1322
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1316
1323
  }
1317
- .Checkbox-module__hop-Checkbox___oHb0r[data-invalid]:where([data-pressed]) {
1324
+ .Checkbox-module__hop-Checkbox___RAOey[data-invalid]:where([data-pressed]) {
1318
1325
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1319
1326
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1320
1327
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1321
1328
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1322
1329
  }
1323
- .Checkbox-module__hop-Checkbox___oHb0r:where([data-invalid])[data-selected] {
1330
+ .Checkbox-module__hop-Checkbox___RAOey:where([data-invalid])[data-selected] {
1324
1331
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1325
1332
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1326
1333
  }
1327
- .Checkbox-module__hop-Checkbox___oHb0r[data-disabled] {
1334
+ .Checkbox-module__hop-Checkbox___RAOey[data-disabled] {
1328
1335
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1329
1336
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1330
1337
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1332,25 +1339,25 @@
1332
1339
  --text-color: var(--hop-Checkbox-text-color-disabled);
1333
1340
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1334
1341
  }
1335
- .Checkbox-module__hop-Checkbox--sm___ZuGio {
1342
+ .Checkbox-module__hop-Checkbox--sm___i3CSP {
1336
1343
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1337
1344
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1338
1345
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1339
1346
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1340
1347
  }
1341
- .Checkbox-module__hop-Checkbox--md___f9YGd {
1348
+ .Checkbox-module__hop-Checkbox--md___GL7zO {
1342
1349
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1343
1350
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1344
1351
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1345
1352
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1346
1353
  }
1347
- .Checkbox-module__hop-Checkbox__icon___Ft4Xh,
1348
- .Checkbox-module__hop-Checkbox__icon-list___VcJuW {
1354
+ .Checkbox-module__hop-Checkbox__icon___s-OVR,
1355
+ .Checkbox-module__hop-Checkbox__icon-list___LdGhF {
1349
1356
  flex: 0 0 auto;
1350
1357
  order: 3;
1351
1358
  color: var(--icon-color);
1352
1359
  }
1353
- .Checkbox-module__hop-Checkbox__box___puaui {
1360
+ .Checkbox-module__hop-Checkbox__box___oqQ7- {
1354
1361
  display: flex;
1355
1362
  flex: 0 0 auto;
1356
1363
  align-items: center;
@@ -1366,11 +1373,11 @@
1366
1373
  outline-offset: 0.125rem;
1367
1374
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1368
1375
  }
1369
- .Checkbox-module__hop-Checkbox__check___w8beQ {
1376
+ .Checkbox-module__hop-Checkbox__check___QKTgI {
1370
1377
  display: var(--check-display);
1371
1378
  color: var(--check-color);
1372
1379
  }
1373
- .Checkbox-module__hop-Checkbox__text___3zmf2 {
1380
+ .Checkbox-module__hop-Checkbox__text___vQWZ9 {
1374
1381
  flex: 0 1 auto;
1375
1382
  order: 2;
1376
1383
  min-inline-size: 0;
@@ -1378,24 +1385,24 @@
1378
1385
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1379
1386
  color: var(--text-color);
1380
1387
  }
1381
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___8GaHh {
1388
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___agg1U {
1382
1389
  }
1383
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fwtbW {
1390
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___9dMA0 {
1384
1391
  }
1385
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___i0oAM {
1392
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Rd0Gm {
1386
1393
  }
1387
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___PyeWV,
1388
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tFw7N {
1394
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___6J6me,
1395
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___w-8bI {
1389
1396
  }
1390
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Aztjh {
1397
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Uw7KN {
1391
1398
  }
1392
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___0u5F4 {
1399
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___m8tUW {
1393
1400
  }
1394
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bKeKU {
1401
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___0JcKA {
1395
1402
  }
1396
1403
 
1397
1404
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1398
- .Radio-module__hop-Radio___eBueo {
1405
+ .Radio-module__hop-Radio___oBKRQ {
1399
1406
  --hop-Radio-box-border-size: 0.0625rem;
1400
1407
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1401
1408
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1469,60 +1476,60 @@
1469
1476
  inline-size: max-content;
1470
1477
  max-inline-size: 100%;
1471
1478
  }
1472
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1479
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
1473
1480
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1474
1481
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1475
1482
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1476
1483
  --text-color: var(--hop-Radio-text-color-focused);
1477
1484
  --icon-color: var(--hop-Radio-icon-color-focused);
1478
1485
  }
1479
- .Radio-module__hop-Radio___eBueo[data-hovered] {
1486
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
1480
1487
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1481
1488
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1482
1489
  --text-color: var(--hop-Radio-text-color-hovered);
1483
1490
  --icon-color: var(--hop-Radio-icon-color-hovered);
1484
1491
  }
1485
- .Radio-module__hop-Radio___eBueo[data-pressed] {
1492
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
1486
1493
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1487
1494
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1488
1495
  --text-color: var(--hop-Radio-text-color-pressed);
1489
1496
  --icon-color: var(--hop-Radio-icon-color-pressed);
1490
1497
  }
1491
- .Radio-module__hop-Radio___eBueo[data-selected] {
1498
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
1492
1499
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1493
1500
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1494
1501
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1495
1502
  --text-color: var(--hop-Radio-text-color-selected);
1496
1503
  --icon-color: var(--hop-Radio-icon-color-selected);
1497
1504
  }
1498
- .Radio-module__hop-Radio___eBueo[data-invalid] {
1505
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
1499
1506
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1500
1507
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1501
1508
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1502
1509
  --text-color: var(--hop-Radio-text-color-invalid);
1503
1510
  --icon-color: var(--hop-Radio-icon-color-invalid);
1504
1511
  }
1505
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1512
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
1506
1513
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1507
1514
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1508
1515
  }
1509
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1516
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
1510
1517
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1511
1518
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1512
1519
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1513
1520
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1514
1521
  }
1515
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1522
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
1516
1523
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1517
1524
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1518
1525
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1519
1526
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1520
1527
  }
1521
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1528
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
1522
1529
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1523
1530
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1524
1531
  }
1525
- .Radio-module__hop-Radio___eBueo[data-disabled] {
1532
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
1526
1533
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1527
1534
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1528
1535
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1530,25 +1537,25 @@
1530
1537
  --text-color: var(--hop-Radio-text-color-disabled);
1531
1538
  --icon-color: var(--hop-Radio-icon-color-disabled);
1532
1539
  }
1533
- .Radio-module__hop-Radio--sm___GQdC5 {
1540
+ .Radio-module__hop-Radio--sm___C-Q1U {
1534
1541
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1535
1542
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1536
1543
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1537
1544
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1538
1545
  }
1539
- .Radio-module__hop-Radio--md___63v-N {
1546
+ .Radio-module__hop-Radio--md___8cI7H {
1540
1547
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1541
1548
  --box-block-size: var(--hop-Radio-box-md-block-size);
1542
1549
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1543
1550
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1544
1551
  }
1545
- .Radio-module__hop-Radio__icon___dVuoR,
1546
- .Radio-module__hop-Radio__icon-list___LeQK7 {
1552
+ .Radio-module__hop-Radio__icon___Ai4EA,
1553
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
1547
1554
  flex: 0 0 auto;
1548
1555
  order: 3;
1549
1556
  color: var(--icon-color);
1550
1557
  }
1551
- .Radio-module__hop-Radio__box___6R1dw {
1558
+ .Radio-module__hop-Radio__box___gF3Ys {
1552
1559
  display: flex;
1553
1560
  flex: 0 0 auto;
1554
1561
  align-items: center;
@@ -1564,11 +1571,11 @@
1564
1571
  outline-offset: 0.125rem;
1565
1572
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1566
1573
  }
1567
- .Radio-module__hop-Radio__bullet___gVfg- {
1574
+ .Radio-module__hop-Radio__bullet___DLVyb {
1568
1575
  display: var(--bullet-display);
1569
1576
  color: var(--bullet-color);
1570
1577
  }
1571
- .Radio-module__hop-Radio__text___3WXI3 {
1578
+ .Radio-module__hop-Radio__text___md8fJ {
1572
1579
  flex: 0 1 auto;
1573
1580
  order: 2;
1574
1581
  min-inline-size: 0;
@@ -1576,24 +1583,24 @@
1576
1583
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1577
1584
  color: var(--text-color);
1578
1585
  }
1579
- .DecorativeRadio-module__hop-DecorativeRadio___AlhGD {
1586
+ .DecorativeRadio-module__hop-DecorativeRadio___X2ojB {
1580
1587
  }
1581
- .DecorativeRadio-module__hop-DecorativeRadio--sm___UnzCt {
1588
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___0duOP {
1582
1589
  }
1583
- .DecorativeRadio-module__hop-DecorativeRadio--md___wNI7X {
1590
+ .DecorativeRadio-module__hop-DecorativeRadio--md___qlpiC {
1584
1591
  }
1585
- .DecorativeRadio-module__hop-DecorativeRadio__icon___PfsHi,
1586
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XQuSG {
1592
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___X3Y3Y,
1593
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Pe71- {
1587
1594
  }
1588
- .DecorativeRadio-module__hop-DecorativeRadio__box___Y-AnD {
1595
+ .DecorativeRadio-module__hop-DecorativeRadio__box___whoC1 {
1589
1596
  }
1590
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___sfqjq {
1597
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___-GKnC {
1591
1598
  }
1592
- .DecorativeRadio-module__hop-DecorativeRadio__text___Z41w7 {
1599
+ .DecorativeRadio-module__hop-DecorativeRadio__text___RXYUE {
1593
1600
  }
1594
1601
 
1595
1602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1596
- .Radio-module__hop-Radio___eBueo {
1603
+ .Radio-module__hop-Radio___oBKRQ {
1597
1604
  --hop-Radio-box-border-size: 0.0625rem;
1598
1605
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1599
1606
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1667,60 +1674,60 @@
1667
1674
  inline-size: max-content;
1668
1675
  max-inline-size: 100%;
1669
1676
  }
1670
- .Radio-module__hop-Radio___eBueo[data-focus-visible] {
1677
+ .Radio-module__hop-Radio___oBKRQ[data-focus-visible] {
1671
1678
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1672
1679
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1673
1680
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1674
1681
  --text-color: var(--hop-Radio-text-color-focused);
1675
1682
  --icon-color: var(--hop-Radio-icon-color-focused);
1676
1683
  }
1677
- .Radio-module__hop-Radio___eBueo[data-hovered] {
1684
+ .Radio-module__hop-Radio___oBKRQ[data-hovered] {
1678
1685
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1679
1686
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1680
1687
  --text-color: var(--hop-Radio-text-color-hovered);
1681
1688
  --icon-color: var(--hop-Radio-icon-color-hovered);
1682
1689
  }
1683
- .Radio-module__hop-Radio___eBueo[data-pressed] {
1690
+ .Radio-module__hop-Radio___oBKRQ[data-pressed] {
1684
1691
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1685
1692
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1686
1693
  --text-color: var(--hop-Radio-text-color-pressed);
1687
1694
  --icon-color: var(--hop-Radio-icon-color-pressed);
1688
1695
  }
1689
- .Radio-module__hop-Radio___eBueo[data-selected] {
1696
+ .Radio-module__hop-Radio___oBKRQ[data-selected] {
1690
1697
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1691
1698
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1692
1699
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1693
1700
  --text-color: var(--hop-Radio-text-color-selected);
1694
1701
  --icon-color: var(--hop-Radio-icon-color-selected);
1695
1702
  }
1696
- .Radio-module__hop-Radio___eBueo[data-invalid] {
1703
+ .Radio-module__hop-Radio___oBKRQ[data-invalid] {
1697
1704
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1698
1705
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1699
1706
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1700
1707
  --text-color: var(--hop-Radio-text-color-invalid);
1701
1708
  --icon-color: var(--hop-Radio-icon-color-invalid);
1702
1709
  }
1703
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-focus-visible] {
1710
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-focus-visible] {
1704
1711
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1705
1712
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1706
1713
  }
1707
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-hovered] {
1714
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-hovered] {
1708
1715
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1709
1716
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1710
1717
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1711
1718
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1712
1719
  }
1713
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-pressed] {
1720
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-pressed] {
1714
1721
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1715
1722
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1716
1723
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1717
1724
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1718
1725
  }
1719
- .Radio-module__hop-Radio___eBueo:where([data-invalid])[data-selected] {
1726
+ .Radio-module__hop-Radio___oBKRQ:where([data-invalid])[data-selected] {
1720
1727
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1721
1728
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1722
1729
  }
1723
- .Radio-module__hop-Radio___eBueo[data-disabled] {
1730
+ .Radio-module__hop-Radio___oBKRQ[data-disabled] {
1724
1731
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1725
1732
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1726
1733
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1728,25 +1735,25 @@
1728
1735
  --text-color: var(--hop-Radio-text-color-disabled);
1729
1736
  --icon-color: var(--hop-Radio-icon-color-disabled);
1730
1737
  }
1731
- .Radio-module__hop-Radio--sm___GQdC5 {
1738
+ .Radio-module__hop-Radio--sm___C-Q1U {
1732
1739
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1733
1740
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1734
1741
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1735
1742
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1736
1743
  }
1737
- .Radio-module__hop-Radio--md___63v-N {
1744
+ .Radio-module__hop-Radio--md___8cI7H {
1738
1745
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1739
1746
  --box-block-size: var(--hop-Radio-box-md-block-size);
1740
1747
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1741
1748
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1742
1749
  }
1743
- .Radio-module__hop-Radio__icon___dVuoR,
1744
- .Radio-module__hop-Radio__icon-list___LeQK7 {
1750
+ .Radio-module__hop-Radio__icon___Ai4EA,
1751
+ .Radio-module__hop-Radio__icon-list___Ml4fa {
1745
1752
  flex: 0 0 auto;
1746
1753
  order: 3;
1747
1754
  color: var(--icon-color);
1748
1755
  }
1749
- .Radio-module__hop-Radio__box___6R1dw {
1756
+ .Radio-module__hop-Radio__box___gF3Ys {
1750
1757
  display: flex;
1751
1758
  flex: 0 0 auto;
1752
1759
  align-items: center;
@@ -1762,11 +1769,11 @@
1762
1769
  outline-offset: 0.125rem;
1763
1770
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1764
1771
  }
1765
- .Radio-module__hop-Radio__bullet___gVfg- {
1772
+ .Radio-module__hop-Radio__bullet___DLVyb {
1766
1773
  display: var(--bullet-display);
1767
1774
  color: var(--bullet-color);
1768
1775
  }
1769
- .Radio-module__hop-Radio__text___3WXI3 {
1776
+ .Radio-module__hop-Radio__text___md8fJ {
1770
1777
  flex: 0 1 auto;
1771
1778
  order: 2;
1772
1779
  min-inline-size: 0;
@@ -1776,7 +1783,7 @@
1776
1783
  }
1777
1784
 
1778
1785
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1779
- .RadioField-module__hop-RadioField___5B3-x {
1786
+ .RadioField-module__hop-RadioField___RAV19 {
1780
1787
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1781
1788
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1782
1789
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1795,28 +1802,28 @@
1795
1802
  inline-size: max-content;
1796
1803
  max-inline-size: 100%;
1797
1804
  }
1798
- .RadioField-module__hop-RadioField___5B3-x[data-disabled] {
1805
+ .RadioField-module__hop-RadioField___RAV19[data-disabled] {
1799
1806
  --description-color: var(--hop-RadioField-description-color-disabled);
1800
1807
  }
1801
- .RadioField-module__hop-RadioField--sm___a9--Z {
1808
+ .RadioField-module__hop-RadioField--sm___Z2a5J {
1802
1809
  --row-gap: var(--hop-RadioField-sm-row-gap);
1803
1810
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1804
1811
  }
1805
- .RadioField-module__hop-RadioField--md___M1tBj {
1812
+ .RadioField-module__hop-RadioField--md___GeCMi {
1806
1813
  --row-gap: var(--hop-RadioField-md-row-gap);
1807
1814
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1808
1815
  }
1809
- .RadioField-module__hop-RadioField__description___avVpF {
1816
+ .RadioField-module__hop-RadioField__description___Y7cUM {
1810
1817
  order: 2;
1811
1818
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1812
1819
  color: var(--description-color);
1813
1820
  }
1814
- .RadioField-module__hop-RadioField__radio___-qcpe {
1821
+ .RadioField-module__hop-RadioField__radio___XYtjJ {
1815
1822
  order: 1;
1816
1823
  }
1817
1824
 
1818
1825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1819
- .RadioGroup-module__hop-RadioGroup___jUNVM {
1826
+ .RadioGroup-module__hop-RadioGroup___ydYgr {
1820
1827
  --hop-RadioGroup-align-items: flex-start;
1821
1828
  --hop-RadioGroup-justify-content: flex-start;
1822
1829
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1856,46 +1863,46 @@
1856
1863
  inline-size: var(--inline-size);
1857
1864
  max-inline-size: 100%;
1858
1865
  }
1859
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9 {
1866
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO {
1860
1867
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1861
1868
  --list-border-radius: var(--hop-shape-rounded-md);
1862
1869
  }
1863
- .RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1870
+ .RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
1864
1871
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1865
1872
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1866
1873
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1867
1874
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1868
1875
  }
1869
- .RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1876
+ .RadioGroup-module__hop-RadioGroup--md___mccGP {
1870
1877
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1871
1878
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1872
1879
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1873
1880
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1874
1881
  }
1875
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--sm___gJd9p {
1882
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--sm___0Y-FF {
1876
1883
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1877
1884
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1878
1885
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1879
1886
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1880
1887
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1881
1888
  }
1882
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9.RadioGroup-module__hop-RadioGroup--md___bbLe6 {
1889
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO.RadioGroup-module__hop-RadioGroup--md___mccGP {
1883
1890
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1884
1891
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1885
1892
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1886
1893
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1887
1894
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1888
1895
  }
1889
- .RadioGroup-module__hop-RadioGroup___jUNVM[data-orientation=horizontal] {
1896
+ .RadioGroup-module__hop-RadioGroup___ydYgr[data-orientation=horizontal] {
1890
1897
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1891
1898
  }
1892
- .RadioGroup-module__hop-RadioGroup--bordered___KsRS9[data-orientation=horizontal] {
1899
+ .RadioGroup-module__hop-RadioGroup--bordered___GVWZO[data-orientation=horizontal] {
1893
1900
  --flex-wrap: nowrap;
1894
1901
  }
1895
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__label___WRzhE {
1902
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__label___-qCbZ {
1896
1903
  order: 1;
1897
1904
  }
1898
- .RadioGroup-module__hop-RadioGroup__list___gHNAr {
1905
+ .RadioGroup-module__hop-RadioGroup__list___DSncc {
1899
1906
  display: flex;
1900
1907
  flex-flow: var(--flex-direction) var(--flex-wrap);
1901
1908
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1906,7 +1913,7 @@
1906
1913
  border: var(--list-border, none);
1907
1914
  border-radius: var(--list-border-radius, 0);
1908
1915
  }
1909
- .RadioGroup-module__hop-RadioGroup__list___gHNAr > .RadioGroup-module__hop-RadioGroup__radio___O7ylN {
1916
+ .RadioGroup-module__hop-RadioGroup__list___DSncc > .RadioGroup-module__hop-RadioGroup__radio___ucqLt {
1910
1917
  position: relative;
1911
1918
  flex: 0 1 auto;
1912
1919
  align-content: start;
@@ -1914,28 +1921,28 @@
1914
1921
  min-inline-size: 0;
1915
1922
  padding: var(--radio-padding, 0);
1916
1923
  }
1917
- .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 {
1924
+ .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 {
1918
1925
  content: "";
1919
1926
  position: absolute;
1920
1927
  display: block;
1921
1928
  }
1922
- .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 {
1929
+ .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 {
1923
1930
  inset-block-start: 0;
1924
1931
  inset-inline: 0;
1925
1932
  border-block-start: var(--list-border, none);
1926
1933
  }
1927
- .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 {
1934
+ .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 {
1928
1935
  inset-block: 0;
1929
1936
  inset-inline-start: 0;
1930
1937
  border-inline-start: var(--list-border, none);
1931
1938
  }
1932
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__error-message___pZTcf,
1933
- .RadioGroup-module__hop-RadioGroup___jUNVM > .RadioGroup-module__hop-RadioGroup__helper-message___E-UDa {
1939
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__error-message___OWDLe,
1940
+ .RadioGroup-module__hop-RadioGroup___ydYgr > .RadioGroup-module__hop-RadioGroup__helper-message___XhqFy {
1934
1941
  order: 3;
1935
1942
  }
1936
1943
 
1937
1944
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1938
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___BeAQ5 {
1945
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___rObah {
1939
1946
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1940
1947
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1941
1948
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1961,7 +1968,7 @@
1961
1968
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1962
1969
  background-size: 400% 100%;
1963
1970
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1964
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW;
1971
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ;
1965
1972
  animation-duration: var(--animation-duration);
1966
1973
  animation-timing-function: ease-in-out;
1967
1974
  animation-fill-mode: forwards;
@@ -1970,19 +1977,19 @@
1970
1977
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1971
1978
  }
1972
1979
  }
1973
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LUDsc {
1980
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV {
1974
1981
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1975
1982
  }
1976
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ujK2H {
1983
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn- {
1977
1984
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1978
1985
  }
1979
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___H-YEh {
1986
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l {
1980
1987
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1981
1988
  }
1982
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rEkJI {
1989
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0 {
1983
1990
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1984
1991
  }
1985
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___X1dmW {
1992
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ {
1986
1993
  0% {
1987
1994
  background-position: 125% 50%;
1988
1995
  }
@@ -1992,7 +1999,7 @@
1992
1999
  }
1993
2000
 
1994
2001
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
1995
- .ListBoxItem-module__hop-ListBoxItem___w4UBW {
2002
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm {
1996
2003
  --hop-ListBoxItem-background-color: transparent;
1997
2004
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1998
2005
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2089,129 +2096,129 @@
2089
2096
  outline: var(--outline);
2090
2097
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2091
2098
  }
2092
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z- {
2099
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ {
2093
2100
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2094
2101
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2095
2102
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2096
2103
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2097
2104
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2098
2105
  }
2099
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl {
2106
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK {
2100
2107
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2101
2108
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2102
2109
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2103
2110
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2104
2111
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2105
2112
  }
2106
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR {
2113
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ {
2107
2114
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2108
2115
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2109
2116
  --min-height: var(--hop-ListBoxItem-md-min-height);
2110
2117
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2111
2118
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2112
2119
  }
2113
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1 {
2120
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2 {
2114
2121
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2115
2122
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2116
2123
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2117
2124
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2118
2125
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2119
2126
  }
2120
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selection-mode] {
2127
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selection-mode] {
2121
2128
  --cursor: pointer;
2122
2129
  }
2123
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:not([data-selection-mode]) {
2130
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:not([data-selection-mode]) {
2124
2131
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2125
2132
  }
2126
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2133
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
2127
2134
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2128
2135
  }
2129
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1) {
2136
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1) {
2130
2137
  --checkmark-transition: none;
2131
2138
  }
2132
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-selected] {
2139
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-selected] {
2133
2140
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2134
2141
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2135
2142
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2136
2143
  --checkmark-opacity: 1;
2137
2144
  }
2138
- .ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-[data-selected] {
2145
+ .ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ[data-selected] {
2139
2146
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2140
2147
  }
2141
- .ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl[data-selected] {
2148
+ .ListBoxItem-module__hop-ListBoxItem--sm___kkqrK[data-selected] {
2142
2149
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2143
2150
  }
2144
- .ListBoxItem-module__hop-ListBoxItem--md___nmSsR[data-selected] {
2151
+ .ListBoxItem-module__hop-ListBoxItem--md___WuaWQ[data-selected] {
2145
2152
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2146
2153
  }
2147
- .ListBoxItem-module__hop-ListBoxItem--lg___8bSG1[data-selected] {
2154
+ .ListBoxItem-module__hop-ListBoxItem--lg___IjSL2[data-selected] {
2148
2155
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2149
2156
  }
2150
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-focus-visible] {
2157
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-focus-visible] {
2151
2158
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2152
2159
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2153
2160
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2154
2161
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2155
2162
  }
2156
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-hovered] {
2163
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-hovered] {
2157
2164
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2158
2165
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2159
2166
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2160
2167
  }
2161
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-pressed] {
2168
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-pressed] {
2162
2169
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2163
2170
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2164
2171
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2165
2172
  }
2166
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-disabled] {
2173
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-disabled] {
2167
2174
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2168
2175
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2169
2176
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2170
2177
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2171
2178
  --cursor: not-allowed;
2172
2179
  }
2173
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid] {
2180
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid] {
2174
2181
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2175
2182
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2176
2183
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2177
2184
  }
2178
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-selected] {
2185
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-selected] {
2179
2186
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2180
2187
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2181
2188
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2182
2189
  }
2183
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-focus-visible] {
2190
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-focus-visible] {
2184
2191
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2185
2192
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2186
2193
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2187
2194
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2188
2195
  }
2189
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-hovered] {
2196
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-hovered] {
2190
2197
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2191
2198
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2192
2199
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2193
2200
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2194
2201
  }
2195
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-pressed] {
2202
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-pressed] {
2196
2203
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2197
2204
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2198
2205
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2199
2206
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2200
2207
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-invalid][data-disabled] {
2208
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-invalid][data-disabled] {
2202
2209
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2203
2210
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2204
2211
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2205
2212
  }
2206
- .ListBoxItem-module__hop-ListBoxItem___w4UBW:has(.ListBoxItem-module__hop-ListBoxItem__description___liI0G) {
2213
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm:has(.ListBoxItem-module__hop-ListBoxItem__description___yaCZn) {
2207
2214
  --row-gap: var(--hop-ListBoxItem-row-gap);
2208
2215
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2209
2216
  }
2210
- .ListBoxItem-module__hop-ListBoxItem___w4UBW[data-loading] {
2217
+ .ListBoxItem-module__hop-ListBoxItem___BJFwm[data-loading] {
2211
2218
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2212
2219
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2213
2220
  }
2214
- .ListBoxItem-module__hop-ListBoxItem__inner___QYxKD {
2221
+ .ListBoxItem-module__hop-ListBoxItem__inner___FXwnT {
2215
2222
  display: grid;
2216
2223
  grid-template-areas: var(--grid-template-areas);
2217
2224
  grid-template-columns: var(--grid-template-columns);
@@ -2223,33 +2230,33 @@
2223
2230
  padding-inline: var(--padding-inline);
2224
2231
  transition: grid-template-columns .3s ease-in-out;
2225
2232
  }
2226
- .ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1 {
2233
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1 {
2227
2234
  grid-area: indicator;
2228
2235
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2229
2236
  color: var(--icon-color);
2230
2237
  opacity: var(--checkmark-opacity);
2231
2238
  transition: var(--checkmark-transition);
2232
2239
  }
2233
- .ListBoxItem-module__hop-ListBoxItem__radio___0BXKg,
2234
- .ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh {
2240
+ .ListBoxItem-module__hop-ListBoxItem__radio___kSSTz,
2241
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0 {
2235
2242
  pointer-events: none;
2236
2243
  user-select: none;
2237
2244
  grid-area: indicator;
2238
2245
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2239
2246
  }
2240
- .ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7 {
2247
+ .ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK {
2241
2248
  grid-area: avatar;
2242
2249
  margin-block: var(--avatar-margin-block, 0);
2243
2250
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2244
2251
  }
2245
- .ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1,
2246
- .ListBoxItem-module__hop-ListBoxItem__icon___-Au8H {
2252
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN,
2253
+ .ListBoxItem-module__hop-ListBoxItem__icon___sNOpK {
2247
2254
  grid-area: icon;
2248
2255
  flex: 0 0 auto;
2249
2256
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2250
2257
  color: var(--icon-color);
2251
2258
  }
2252
- .ListBoxItem-module__hop-ListBoxItem__label___6ltHn {
2259
+ .ListBoxItem-module__hop-ListBoxItem__label___-oyrC {
2253
2260
  overflow: hidden;
2254
2261
  grid-area: label;
2255
2262
  min-inline-size: 0;
@@ -2257,18 +2264,18 @@
2257
2264
  text-overflow: ellipsis;
2258
2265
  white-space: nowrap;
2259
2266
  }
2260
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1,
2261
- .ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb {
2267
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1,
2268
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC {
2262
2269
  grid-area: end-icon;
2263
2270
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2264
2271
  color: var(--icon-color);
2265
2272
  }
2266
- .ListBoxItem-module__hop-ListBoxItem__badge___9WZlM {
2273
+ .ListBoxItem-module__hop-ListBoxItem__badge___C1SqW {
2267
2274
  grid-area: badge;
2268
2275
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2269
2276
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2270
2277
  }
2271
- .ListBoxItem-module__hop-ListBoxItem__description___liI0G {
2278
+ .ListBoxItem-module__hop-ListBoxItem__description___yaCZn {
2272
2279
  overflow: hidden;
2273
2280
  display: -webkit-box;
2274
2281
  grid-area: description;
@@ -2279,7 +2286,7 @@
2279
2286
  }
2280
2287
 
2281
2288
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
2282
- .ListBox-module__hop-ListBox___AbTVV {
2289
+ .ListBox-module__hop-ListBox___lYzDi {
2283
2290
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2284
2291
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2285
2292
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2326,11 +2333,11 @@
2326
2333
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2327
2334
  border-radius: var(--hop-ListBox-border-radius);
2328
2335
  }
2329
- .ListBox-module__hop-ListBox--fluid___Hu9yL {
2336
+ .ListBox-module__hop-ListBox--fluid___s8oHK {
2330
2337
  --max-width: var(--hop-ListBox-fluid-max-width);
2331
2338
  --width: var(--hop-ListBox-fluid-width);
2332
2339
  }
2333
- .ListBox-module__hop-ListBox__section___juwhb {
2340
+ .ListBox-module__hop-ListBox__section___dSbP6 {
2334
2341
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2335
2342
  margin-inline: var(--hop-ListBox-section-margin-inline);
2336
2343
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2338,21 +2345,21 @@
2338
2345
  border-block-start: var(--section-border-block-start);
2339
2346
  border-block-end: var(--section-border-block-end);
2340
2347
  }
2341
- .ListBox-module__hop-ListBox__item___tEB62 + .ListBox-module__hop-ListBox__section___juwhb {
2348
+ .ListBox-module__hop-ListBox__item___-NndN + .ListBox-module__hop-ListBox__section___dSbP6 {
2342
2349
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2343
2350
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2344
2351
  }
2345
- .ListBox-module__hop-ListBox__section___juwhb:has(+ .ListBox-module__hop-ListBox__item___tEB62) {
2352
+ .ListBox-module__hop-ListBox__section___dSbP6:has(+ .ListBox-module__hop-ListBox__item___-NndN) {
2346
2353
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2347
2354
  }
2348
- .ListBox-module__hop-ListBox__section___juwhb:first-child {
2355
+ .ListBox-module__hop-ListBox__section___dSbP6:first-child {
2349
2356
  --section-padding-block-start: 0;
2350
2357
  }
2351
- .ListBox-module__hop-ListBox__section___juwhb:last-child {
2358
+ .ListBox-module__hop-ListBox__section___dSbP6:last-child {
2352
2359
  --section-padding-block-end: 0;
2353
2360
  --section-border-block-end: 0;
2354
2361
  }
2355
- .ListBox-module__hop-ListBox__section-header___l0TVR {
2362
+ .ListBox-module__hop-ListBox__section-header___OPwVg {
2356
2363
  margin: 0;
2357
2364
  padding: var(--hop-ListBox-section-header-padding);
2358
2365
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2363,23 +2370,23 @@
2363
2370
  text-transform: var(--hop-ListBox-section-header-text-transform);
2364
2371
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2365
2372
  }
2366
- .ListBox-module__hop-ListBox__section-header___l0TVR::before,
2367
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2373
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before,
2374
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
2368
2375
  content: "";
2369
2376
  display: block;
2370
2377
  box-sizing: border-box;
2371
2378
  inline-size: 0;
2372
2379
  block-size: 0;
2373
2380
  }
2374
- .ListBox-module__hop-ListBox__section-header___l0TVR::before {
2381
+ .ListBox-module__hop-ListBox__section-header___OPwVg::before {
2375
2382
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2376
2383
  }
2377
- .ListBox-module__hop-ListBox__section-header___l0TVR::after {
2384
+ .ListBox-module__hop-ListBox__section-header___OPwVg::after {
2378
2385
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2379
2386
  }
2380
2387
 
2381
2388
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
2382
- @keyframes Spinner-module__spin___Ev3-W {
2389
+ @keyframes Spinner-module__spin___pKwfA {
2383
2390
  0% {
2384
2391
  transform: rotate(0deg);
2385
2392
  }
@@ -2387,7 +2394,7 @@
2387
2394
  transform: rotate(360deg);
2388
2395
  }
2389
2396
  }
2390
- .Spinner-module__hop-Spinner___-DwXC {
2397
+ .Spinner-module__hop-Spinner___NL-2c {
2391
2398
  --hop-Spinner-border-radius: var(--hop-shape-circle);
2392
2399
  --hop-Spinner-sm-wheel-size: 1rem;
2393
2400
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2395,7 +2402,7 @@
2395
2402
  --hop-Spinner-track-width: 0.125rem;
2396
2403
  --hop-Spinner-track-opacity: 0.2;
2397
2404
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2398
- --hop-Spinner-fill-animation: Spinner-module__spin___Ev3-W .8s infinite linear;
2405
+ --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
2399
2406
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2400
2407
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2401
2408
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -2406,19 +2413,19 @@
2406
2413
  align-items: center;
2407
2414
  box-sizing: border-box;
2408
2415
  }
2409
- .Spinner-module__hop-Spinner--sm___UlZFf {
2416
+ .Spinner-module__hop-Spinner--sm___o8oor {
2410
2417
  --width: var(--hop-Spinner-sm-wheel-size);
2411
2418
  --height: var(--hop-Spinner-sm-wheel-size);
2412
2419
  }
2413
- .Spinner-module__hop-Spinner--md___2Aejk {
2420
+ .Spinner-module__hop-Spinner--md___Z3T3P {
2414
2421
  --width: var(--hop-Spinner-md-wheel-size);
2415
2422
  --height: var(--hop-Spinner-md-wheel-size);
2416
2423
  }
2417
- .Spinner-module__hop-Spinner--lg___rUTOq {
2424
+ .Spinner-module__hop-Spinner--lg___-2JJ5 {
2418
2425
  --width: var(--hop-Spinner-lg-wheel-size);
2419
2426
  --height: var(--hop-Spinner-lg-wheel-size);
2420
2427
  }
2421
- .Spinner-module__hop-Spinner__track___beMsW {
2428
+ .Spinner-module__hop-Spinner__track___-5qNx {
2422
2429
  grid-area: spinner;
2423
2430
  box-sizing: border-box;
2424
2431
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2427,7 +2434,7 @@
2427
2434
  border: var(--hop-Spinner-track-border);
2428
2435
  border-radius: var(--hop-Spinner-border-radius);
2429
2436
  }
2430
- .Spinner-module__hop-Spinner__fill___-bGVd {
2437
+ .Spinner-module__hop-Spinner__fill___ds519 {
2431
2438
  grid-area: spinner;
2432
2439
  box-sizing: border-box;
2433
2440
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2438,17 +2445,17 @@
2438
2445
  animation: var(--hop-Spinner-fill-animation);
2439
2446
  }
2440
2447
  @media (prefers-reduced-motion: reduce) {
2441
- .Spinner-module__hop-Spinner__fill___-bGVd {
2448
+ .Spinner-module__hop-Spinner__fill___ds519 {
2442
2449
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2443
2450
  }
2444
2451
  }
2445
- .Spinner-module__hop-Spinner__label___mBxTu {
2452
+ .Spinner-module__hop-Spinner__label___aAqY5 {
2446
2453
  grid-area: label;
2447
2454
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2448
2455
  }
2449
2456
 
2450
2457
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2451
- .Button-module__hop-Button___M1srN {
2458
+ .Button-module__hop-Button___drz4z {
2452
2459
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
2453
2460
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2454
2461
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -2572,215 +2579,215 @@
2572
2579
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2573
2580
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2574
2581
  }
2575
- .Button-module__hop-Button--fluid___GCROP {
2582
+ .Button-module__hop-Button--fluid___jF2LE {
2576
2583
  --inline-size: 100%;
2577
2584
  }
2578
- .Button-module__hop-Button--sm___0F6Zs {
2585
+ .Button-module__hop-Button--sm___yWI1w {
2579
2586
  --block-size: var(--hop-Button-sm-height);
2580
2587
  --padding: var(--hop-Button-sm-padding);
2581
2588
  }
2582
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
2589
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
2583
2590
  --padding: var(--hop-Button-ghost-sm-padding);
2584
2591
  }
2585
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
2592
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
2586
2593
  --padding: var(--hop-Button-ghost-md-padding);
2587
2594
  }
2588
- .Button-module__hop-Button--icon-only___22irB {
2595
+ .Button-module__hop-Button--icon-only___ZVI03 {
2589
2596
  --column-gap: var(--hop-Button-icon-only-column-gap);
2590
2597
  --padding: var(--hop-Button-icon-only-padding);
2591
2598
  aspect-ratio: 1;
2592
2599
  }
2593
- .Button-module__hop-Button--primary___hqlO9 {
2600
+ .Button-module__hop-Button--primary___gQcR4 {
2594
2601
  --background-color: var(--hop-Button-primary-background-color);
2595
2602
  --color: var(--hop-Button-primary-color);
2596
2603
  --border: var(--hop-Button-primary-border);
2597
2604
  --spinner-color: var(--hop-Button-primary-spinner-color);
2598
2605
  }
2599
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
2600
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
2606
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
2607
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
2601
2608
  --background-color: var(--hop-Button-primary-background-color-hover);
2602
2609
  --color: var(--hop-Button-primary-color-hover);
2603
2610
  --border: var(--hop-Button-primary-border-hover);
2604
2611
  }
2605
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
2612
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
2606
2613
  --background-color: var(--hop-Button-primary-background-color-pressed);
2607
2614
  --color: var(--hop-Button-primary-color-pressed);
2608
2615
  --border: var(--hop-Button-primary-border-pressed);
2609
2616
  }
2610
- .Button-module__hop-Button--secondary___eeNTL {
2617
+ .Button-module__hop-Button--secondary___iPATA {
2611
2618
  --background-color: var(--hop-Button-secondary-background-color);
2612
2619
  --color: var(--hop-Button-secondary-color);
2613
2620
  --border: var(--hop-Button-secondary-border);
2614
2621
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2615
2622
  }
2616
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
2617
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
2623
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
2624
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
2618
2625
  --background-color: var(--hop-Button-secondary-background-color-hover);
2619
2626
  --color: var(--hop-Button-secondary-color-hover);
2620
2627
  --border: var(--hop-Button-secondary-border-hover);
2621
2628
  }
2622
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
2629
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
2623
2630
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2624
2631
  --color: var(--hop-Button-secondary-color-pressed);
2625
2632
  --border: var(--hop-Button-secondary-border-pressed);
2626
2633
  }
2627
- .Button-module__hop-Button--upsell___ab5Uf {
2634
+ .Button-module__hop-Button--upsell___1odMt {
2628
2635
  --background-color: var(--hop-Button-upsell-background-color);
2629
2636
  --color: var(--hop-Button-upsell-color);
2630
2637
  --border: var(--hop-Button-upsell-border);
2631
2638
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2632
2639
  }
2633
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
2634
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
2640
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
2641
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
2635
2642
  --background-color: var(--hop-Button-upsell-background-color-hover);
2636
2643
  --color: var(--hop-Button-upsell-color-hover);
2637
2644
  --border: var(--hop-Button-upsell-border-hover);
2638
2645
  }
2639
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
2646
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
2640
2647
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2641
2648
  --color: var(--hop-Button-upsell-color-pressed);
2642
2649
  --border: var(--hop-Button-upsell-border-pressed);
2643
2650
  }
2644
- .Button-module__hop-Button--danger___vGqCj {
2651
+ .Button-module__hop-Button--danger___nvNVv {
2645
2652
  --background-color: var(--hop-Button-danger-background-color);
2646
2653
  --color: var(--hop-Button-danger-color);
2647
2654
  --border: var(--hop-Button-danger-border);
2648
2655
  --spinner-color: var(--hop-Button-danger-spinner-color);
2649
2656
  }
2650
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
2651
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
2657
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
2658
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
2652
2659
  --background-color: var(--hop-Button-danger-background-color-hover);
2653
2660
  --color: var(--hop-Button-danger-color-hover);
2654
2661
  --border: var(--hop-Button-danger-border-hover);
2655
2662
  }
2656
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
2663
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
2657
2664
  --background-color: var(--hop-Button-danger-background-color-pressed);
2658
2665
  --color: var(--hop-Button-danger-color-pressed);
2659
2666
  --border: var(--hop-Button-danger-border-pressed);
2660
2667
  }
2661
- .Button-module__hop-Button--ghost-primary___K1fli {
2668
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
2662
2669
  --background-color: var(--hop-Button-ghost-primary-background-color);
2663
2670
  --color: var(--hop-Button-ghost-primary-color);
2664
2671
  --border: var(--hop-Button-ghost-primary-border);
2665
2672
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2666
2673
  }
2667
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
2668
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
2674
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
2675
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
2669
2676
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2670
2677
  --color: var(--hop-Button-ghost-primary-color-hover);
2671
2678
  --border: var(--hop-Button-ghost-primary-border-hover);
2672
2679
  --text-underline: underline;
2673
2680
  }
2674
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
2681
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
2675
2682
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2676
2683
  --color: var(--hop-Button-ghost-primary-color-pressed);
2677
2684
  --border: var(--hop-Button-ghost-primary-border-pressed);
2678
2685
  --text-underline: underline;
2679
2686
  }
2680
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
2687
+ .Button-module__hop-Button--ghost-secondary___YirRd {
2681
2688
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2682
2689
  --color: var(--hop-Button-ghost-secondary-color);
2683
2690
  --border: var(--hop-Button-ghost-secondary-border);
2684
2691
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2685
2692
  }
2686
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
2687
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
2693
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
2694
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
2688
2695
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2689
2696
  --color: var(--hop-Button-ghost-secondary-color-hover);
2690
2697
  --border: var(--hop-Button-ghost-secondary-border-hover);
2691
2698
  --text-underline: underline;
2692
2699
  }
2693
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
2700
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
2694
2701
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2695
2702
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2696
2703
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2697
2704
  --text-underline: underline;
2698
2705
  }
2699
- .Button-module__hop-Button--ghost-danger___F83U0 {
2706
+ .Button-module__hop-Button--ghost-danger___J37kT {
2700
2707
  --background-color: var(--hop-Button-ghost-danger-background-color);
2701
2708
  --color: var(--hop-Button-ghost-danger-color);
2702
2709
  --border: var(--hop-Button-ghost-danger-border);
2703
2710
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2704
2711
  }
2705
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
2706
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
2712
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
2713
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
2707
2714
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2708
2715
  --color: var(--hop-Button-ghost-danger-color-hover);
2709
2716
  --border: var(--hop-Button-ghost-danger-border-hover);
2710
2717
  --text-underline: underline;
2711
2718
  }
2712
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
2719
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
2713
2720
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2714
2721
  --color: var(--hop-Button-ghost-danger-color-pressed);
2715
2722
  --border: var(--hop-Button-ghost-danger-border-pressed);
2716
2723
  --text-underline: underline;
2717
2724
  }
2718
- .Button-module__hop-Button___M1srN[data-focus-visible] {
2725
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
2719
2726
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2720
2727
  }
2721
- .Button-module__hop-Button___M1srN[data-disabled],
2722
- .Button-module__hop-Button--loading___PvMXo {
2728
+ .Button-module__hop-Button___drz4z[data-disabled],
2729
+ .Button-module__hop-Button--loading___Vt2Li {
2723
2730
  cursor: not-allowed;
2724
2731
  }
2725
- .Button-module__hop-Button___M1srN[data-disabled] {
2732
+ .Button-module__hop-Button___drz4z[data-disabled] {
2726
2733
  --background-color: var(--hop-Button-background-color-disabled);
2727
2734
  --color: var(--hop-Button-color-disabled);
2728
2735
  --border: var(--hop-Button-border-disabled);
2729
2736
  }
2730
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
2737
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
2731
2738
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2732
2739
  --color: var(--hop-Button-ghost-color-disabled);
2733
2740
  --border: var(--hop-Button-ghost-border-disabled);
2734
2741
  }
2735
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
2742
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
2736
2743
  --background-color: var(--hop-Button-primary-background-color);
2737
2744
  --color: var(--hop-Button-primary-color);
2738
2745
  --border: var(--hop-Button-primary-border);
2739
2746
  }
2740
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
2747
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
2741
2748
  --background-color: var(--hop-Button-secondary-background-color);
2742
2749
  --color: var(--hop-Button-secondary-color);
2743
2750
  --border: var(--hop-Button-secondary-border);
2744
2751
  }
2745
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
2752
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
2746
2753
  --background-color: var(--hop-Button-upsell-background-color);
2747
2754
  --color: var(--hop-Button-upsell-color);
2748
2755
  --border: var(--hop-Button-upsell-border);
2749
2756
  }
2750
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
2757
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
2751
2758
  --background-color: var(--hop-Button-danger-background-color);
2752
2759
  --color: var(--hop-Button-danger-color);
2753
2760
  --border: var(--hop-Button-danger-border);
2754
2761
  }
2755
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
2762
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
2756
2763
  --background-color: var(--hop-Button-ghost-primary-background-color);
2757
2764
  --color: var(--hop-Button-ghost-primary-color);
2758
2765
  --border: var(--hop-Button-ghost-primary-border);
2759
2766
  --text-underline: none;
2760
2767
  }
2761
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
2768
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
2762
2769
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2763
2770
  --color: var(--hop-Button-ghost-secondary-color);
2764
2771
  --border: var(--hop-Button-ghost-secondary-border);
2765
2772
  --text-underline: none;
2766
2773
  }
2767
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
2774
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
2768
2775
  --background-color: var(--hop-Button-ghost-danger-background-color);
2769
2776
  --color: var(--hop-Button-ghost-danger-color);
2770
2777
  --border: var(--hop-Button-ghost-danger-border);
2771
2778
  --text-underline: none;
2772
2779
  }
2773
- .Button-module__hop-Button__Spinner___oJ124 {
2780
+ .Button-module__hop-Button__Spinner___qFcTX {
2774
2781
  position: absolute;
2775
2782
  color: var(--spinner-color);
2776
2783
  }
2777
- .Button-module__hop-Button__icon___3qLql,
2778
- .Button-module__hop-Button__icon-list___8YvWB {
2784
+ .Button-module__hop-Button__icon___i0bX0,
2785
+ .Button-module__hop-Button__icon-list___h-l1l {
2779
2786
  flex: 0 0 auto;
2780
2787
  justify-self: end;
2781
2788
  order: 1;
2782
2789
  }
2783
- .Button-module__hop-Button__text___LAcjY {
2790
+ .Button-module__hop-Button__text___gW1zi {
2784
2791
  user-select: none;
2785
2792
  overflow: visible;
2786
2793
  flex: 0 1 auto;
@@ -2790,60 +2797,60 @@
2790
2797
  text-underline-offset: 0.125rem;
2791
2798
  text-wrap: nowrap;
2792
2799
  }
2793
- .Button-module__hop-Button__end-icon___-fm8M,
2794
- .Button-module__hop-Button__end-icon-list___yI0-C {
2800
+ .Button-module__hop-Button__end-icon___H4Qu5,
2801
+ .Button-module__hop-Button__end-icon-list___k4l7m {
2795
2802
  flex: 0 0 auto;
2796
2803
  order: 3;
2797
2804
  }
2798
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
2799
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
2805
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
2806
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
2800
2807
  flex-wrap: nowrap;
2801
2808
  }
2802
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
2809
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
2803
2810
  opacity: 0;
2804
2811
  }
2805
2812
 
2806
2813
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2807
- .ButtonGroup-module__hop-ButtonGroup___gelmV {
2814
+ .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
2808
2815
  display: inline-flex;
2809
2816
  flex-wrap: nowrap;
2810
2817
  gap: var(--hop-space-inline-md);
2811
2818
  }
2812
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
2819
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
2813
2820
  align-items: center;
2814
2821
  }
2815
- .ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
2822
+ .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
2816
2823
  flex-direction: column;
2817
2824
  gap: var(--hop-space-stack-md);
2818
2825
  justify-content: center;
2819
2826
  }
2820
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
2827
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
2821
2828
  align-items: flex-start;
2822
2829
  }
2823
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
2830
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
2824
2831
  align-items: center;
2825
2832
  }
2826
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
2833
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
2827
2834
  align-items: flex-end;
2828
2835
  }
2829
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
2836
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
2830
2837
  justify-content: flex-start;
2831
2838
  }
2832
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
2839
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
2833
2840
  justify-content: center;
2834
2841
  }
2835
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
2842
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
2836
2843
  justify-content: flex-end;
2837
2844
  }
2838
- .ButtonGroup-module__hop-ButtonGroup--wrap___3A-HD {
2845
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
2839
2846
  flex-wrap: wrap;
2840
2847
  }
2841
- .ButtonGroup-module__hop-ButtonGroup--fluid___rcGGk {
2848
+ .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
2842
2849
  inline-size: 100%;
2843
2850
  }
2844
2851
 
2845
2852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2846
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm {
2853
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
2847
2854
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2848
2855
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2849
2856
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -3007,7 +3014,7 @@
3007
3014
  outline: none;
3008
3015
  transition: color var(--transition);
3009
3016
  }
3010
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm::before {
3017
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
3011
3018
  content: "";
3012
3019
  position: absolute;
3013
3020
  inset-block-start: 50%;
@@ -3020,284 +3027,284 @@
3020
3027
  border-radius: var(--effect-border-radius);
3021
3028
  transition: background-color var(--transition);
3022
3029
  }
3023
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-square] {
3030
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
3024
3031
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
3025
3032
  }
3026
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa {
3033
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
3027
3034
  --inline-size: var(--hop-EmbeddedButton-md-width);
3028
3035
  --block-size: var(--hop-EmbeddedButton-md-height);
3029
3036
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
3030
3037
  }
3031
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7 {
3038
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
3032
3039
  --inline-size: var(--hop-EmbeddedButton-lg-width);
3033
3040
  --block-size: var(--hop-EmbeddedButton-lg-height);
3034
3041
  --focus-ring-offset: 0;
3035
3042
  }
3036
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa::before {
3043
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
3037
3044
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
3038
3045
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
3039
3046
  }
3040
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7::before {
3047
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
3041
3048
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
3042
3049
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
3043
3050
  }
3044
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL {
3051
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
3045
3052
  --color: var(--hop-EmbeddedButton-neutral-color);
3046
3053
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
3047
3054
  }
3048
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3 {
3055
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
3049
3056
  --color: var(--hop-EmbeddedButton-subdued-color);
3050
3057
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
3051
3058
  }
3052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7 {
3059
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
3053
3060
  --color: var(--hop-EmbeddedButton-progress-color);
3054
3061
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
3055
3062
  }
3056
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq {
3063
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
3057
3064
  --color: var(--hop-EmbeddedButton-positive-color);
3058
3065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
3059
3066
  }
3060
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U {
3067
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
3061
3068
  --color: var(--hop-EmbeddedButton-caution-color);
3062
3069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
3063
3070
  }
3064
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh {
3071
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
3065
3072
  --color: var(--hop-EmbeddedButton-negative-color);
3066
3073
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
3067
3074
  }
3068
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud {
3075
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
3069
3076
  --color: var(--hop-EmbeddedButton-option1-color);
3070
3077
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
3071
3078
  }
3072
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN {
3079
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
3073
3080
  --color: var(--hop-EmbeddedButton-option2-color);
3074
3081
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
3075
3082
  }
3076
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh {
3083
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
3077
3084
  --color: var(--hop-EmbeddedButton-option3-color);
3078
3085
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
3079
3086
  }
3080
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc {
3087
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
3081
3088
  --color: var(--hop-EmbeddedButton-option4-color);
3082
3089
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
3083
3090
  }
3084
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8 {
3091
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
3085
3092
  --color: var(--hop-EmbeddedButton-option5-color);
3086
3093
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
3087
3094
  }
3088
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a {
3095
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
3089
3096
  --color: var(--hop-EmbeddedButton-option6-color);
3090
3097
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
3091
3098
  }
3092
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-selected] {
3099
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
3093
3100
  --color: var(--hop-EmbeddedButton-selected-color);
3094
3101
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
3095
3102
  }
3096
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-focus-visible] {
3103
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
3097
3104
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
3098
3105
  outline-offset: var(--focus-ring-offset);
3099
3106
  }
3100
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-disabled] {
3107
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
3101
3108
  cursor: not-allowed;
3102
3109
  }
3103
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-hovered] {
3110
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
3104
3111
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
3105
3112
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
3106
3113
  }
3107
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-focus-visible] {
3114
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
3108
3115
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
3109
3116
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
3110
3117
  }
3111
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-pressed] {
3118
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
3112
3119
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
3113
3120
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
3114
3121
  }
3115
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-disabled] {
3122
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
3116
3123
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
3117
3124
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
3118
3125
  }
3119
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-hovered] {
3126
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
3120
3127
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
3121
3128
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
3122
3129
  }
3123
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-focus-visible] {
3130
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
3124
3131
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
3125
3132
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
3126
3133
  }
3127
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-pressed] {
3134
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
3128
3135
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
3129
3136
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
3130
3137
  }
3131
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-disabled] {
3138
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
3132
3139
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
3133
3140
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
3134
3141
  }
3135
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-hovered] {
3142
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
3136
3143
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
3137
3144
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
3138
3145
  }
3139
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-focus-visible] {
3146
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
3140
3147
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
3141
3148
  --color: var(--hop-EmbeddedButton-progress-color-focused);
3142
3149
  }
3143
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-pressed] {
3150
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
3144
3151
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
3145
3152
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
3146
3153
  }
3147
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-disabled] {
3154
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
3148
3155
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
3149
3156
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
3150
3157
  }
3151
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-hovered] {
3158
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
3152
3159
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
3153
3160
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
3154
3161
  }
3155
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-focus-visible] {
3162
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
3156
3163
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
3157
3164
  --color: var(--hop-EmbeddedButton-positive-color-focused);
3158
3165
  }
3159
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-pressed] {
3166
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
3160
3167
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
3161
3168
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
3162
3169
  }
3163
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-disabled] {
3170
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
3164
3171
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
3165
3172
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
3166
3173
  }
3167
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-hovered] {
3174
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
3168
3175
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
3169
3176
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
3170
3177
  }
3171
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-focus-visible] {
3178
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
3172
3179
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
3173
3180
  --color: var(--hop-EmbeddedButton-caution-color-focused);
3174
3181
  }
3175
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-pressed] {
3182
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
3176
3183
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
3177
3184
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
3178
3185
  }
3179
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-disabled] {
3186
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
3180
3187
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
3181
3188
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
3182
3189
  }
3183
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-hovered] {
3190
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
3184
3191
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3185
3192
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
3186
3193
  }
3187
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-focus-visible] {
3194
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
3188
3195
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3189
3196
  --color: var(--hop-EmbeddedButton-negative-color-focused);
3190
3197
  }
3191
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-pressed] {
3198
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
3192
3199
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3193
3200
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
3194
3201
  }
3195
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-disabled] {
3202
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
3196
3203
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3197
3204
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
3198
3205
  }
3199
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-hovered] {
3206
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
3200
3207
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3201
3208
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
3202
3209
  }
3203
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-focus-visible] {
3210
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
3204
3211
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3205
3212
  --color: var(--hop-EmbeddedButton-option1-color-focused);
3206
3213
  }
3207
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-pressed] {
3214
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
3208
3215
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3209
3216
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
3210
3217
  }
3211
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-disabled] {
3218
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
3212
3219
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3213
3220
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
3214
3221
  }
3215
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-hovered] {
3222
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
3216
3223
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3217
3224
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
3218
3225
  }
3219
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-focus-visible] {
3226
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
3220
3227
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3221
3228
  --color: var(--hop-EmbeddedButton-option2-color-focused);
3222
3229
  }
3223
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-pressed] {
3230
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
3224
3231
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3225
3232
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
3226
3233
  }
3227
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-disabled] {
3234
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
3228
3235
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3229
3236
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
3230
3237
  }
3231
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-hovered] {
3238
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
3232
3239
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3233
3240
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
3234
3241
  }
3235
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-focus-visible] {
3242
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
3236
3243
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3237
3244
  --color: var(--hop-EmbeddedButton-option3-color-focused);
3238
3245
  }
3239
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-pressed] {
3246
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
3240
3247
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3241
3248
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
3242
3249
  }
3243
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-disabled] {
3250
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
3244
3251
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3245
3252
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
3246
3253
  }
3247
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-hovered] {
3254
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
3248
3255
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3249
3256
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
3250
3257
  }
3251
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-focus-visible] {
3258
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
3252
3259
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3253
3260
  --color: var(--hop-EmbeddedButton-option4-color-focused);
3254
3261
  }
3255
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-pressed] {
3262
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
3256
3263
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3257
3264
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
3258
3265
  }
3259
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-disabled] {
3266
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
3260
3267
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3261
3268
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
3262
3269
  }
3263
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-hovered] {
3270
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
3264
3271
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3265
3272
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
3266
3273
  }
3267
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-focus-visible] {
3274
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
3268
3275
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3269
3276
  --color: var(--hop-EmbeddedButton-option5-color-focused);
3270
3277
  }
3271
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-pressed] {
3278
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
3272
3279
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3273
3280
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
3274
3281
  }
3275
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-disabled] {
3282
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
3276
3283
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3277
3284
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
3278
3285
  }
3279
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-hovered] {
3286
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
3280
3287
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3281
3288
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
3282
3289
  }
3283
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-focus-visible] {
3290
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
3284
3291
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3285
3292
  --color: var(--hop-EmbeddedButton-option6-color-focused);
3286
3293
  }
3287
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-pressed] {
3294
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
3288
3295
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3289
3296
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
3290
3297
  }
3291
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-disabled] {
3298
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
3292
3299
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3293
3300
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
3294
3301
  }
3295
- .EmbeddedButton-module__hop-EmbeddedButton__icon___7jSBR {
3302
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
3296
3303
  position: relative;
3297
3304
  }
3298
3305
 
3299
3306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
3300
- button.CloseButton-module__hop-CloseButton___GS-3t {
3307
+ button.CloseButton-module__hop-CloseButton___aWaMI {
3301
3308
  --hop-CloseButton-margin-top: 0rem;
3302
3309
  --hop-CloseButton-padding: 0rem;
3303
3310
  --hop-CloseButton-width: fit-content;
@@ -3309,7 +3316,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3309
3316
  }
3310
3317
 
3311
3318
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
3312
- .Button-module__hop-Button___M1srN {
3319
+ .Button-module__hop-Button___drz4z {
3313
3320
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
3314
3321
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
3315
3322
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -3433,215 +3440,215 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3433
3440
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
3434
3441
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
3435
3442
  }
3436
- .Button-module__hop-Button--fluid___GCROP {
3443
+ .Button-module__hop-Button--fluid___jF2LE {
3437
3444
  --inline-size: 100%;
3438
3445
  }
3439
- .Button-module__hop-Button--sm___0F6Zs {
3446
+ .Button-module__hop-Button--sm___yWI1w {
3440
3447
  --block-size: var(--hop-Button-sm-height);
3441
3448
  --padding: var(--hop-Button-sm-padding);
3442
3449
  }
3443
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
3450
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
3444
3451
  --padding: var(--hop-Button-ghost-sm-padding);
3445
3452
  }
3446
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
3453
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
3447
3454
  --padding: var(--hop-Button-ghost-md-padding);
3448
3455
  }
3449
- .Button-module__hop-Button--icon-only___22irB {
3456
+ .Button-module__hop-Button--icon-only___ZVI03 {
3450
3457
  --column-gap: var(--hop-Button-icon-only-column-gap);
3451
3458
  --padding: var(--hop-Button-icon-only-padding);
3452
3459
  aspect-ratio: 1;
3453
3460
  }
3454
- .Button-module__hop-Button--primary___hqlO9 {
3461
+ .Button-module__hop-Button--primary___gQcR4 {
3455
3462
  --background-color: var(--hop-Button-primary-background-color);
3456
3463
  --color: var(--hop-Button-primary-color);
3457
3464
  --border: var(--hop-Button-primary-border);
3458
3465
  --spinner-color: var(--hop-Button-primary-spinner-color);
3459
3466
  }
3460
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
3461
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
3467
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
3468
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
3462
3469
  --background-color: var(--hop-Button-primary-background-color-hover);
3463
3470
  --color: var(--hop-Button-primary-color-hover);
3464
3471
  --border: var(--hop-Button-primary-border-hover);
3465
3472
  }
3466
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
3473
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
3467
3474
  --background-color: var(--hop-Button-primary-background-color-pressed);
3468
3475
  --color: var(--hop-Button-primary-color-pressed);
3469
3476
  --border: var(--hop-Button-primary-border-pressed);
3470
3477
  }
3471
- .Button-module__hop-Button--secondary___eeNTL {
3478
+ .Button-module__hop-Button--secondary___iPATA {
3472
3479
  --background-color: var(--hop-Button-secondary-background-color);
3473
3480
  --color: var(--hop-Button-secondary-color);
3474
3481
  --border: var(--hop-Button-secondary-border);
3475
3482
  --spinner-color: var(--hop-Button-secondary-spinner-color);
3476
3483
  }
3477
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
3478
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
3484
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
3485
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
3479
3486
  --background-color: var(--hop-Button-secondary-background-color-hover);
3480
3487
  --color: var(--hop-Button-secondary-color-hover);
3481
3488
  --border: var(--hop-Button-secondary-border-hover);
3482
3489
  }
3483
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
3490
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
3484
3491
  --background-color: var(--hop-Button-secondary-background-color-pressed);
3485
3492
  --color: var(--hop-Button-secondary-color-pressed);
3486
3493
  --border: var(--hop-Button-secondary-border-pressed);
3487
3494
  }
3488
- .Button-module__hop-Button--upsell___ab5Uf {
3495
+ .Button-module__hop-Button--upsell___1odMt {
3489
3496
  --background-color: var(--hop-Button-upsell-background-color);
3490
3497
  --color: var(--hop-Button-upsell-color);
3491
3498
  --border: var(--hop-Button-upsell-border);
3492
3499
  --spinner-color: var(--hop-Button-upsell-spinner-color);
3493
3500
  }
3494
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
3495
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
3501
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
3502
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
3496
3503
  --background-color: var(--hop-Button-upsell-background-color-hover);
3497
3504
  --color: var(--hop-Button-upsell-color-hover);
3498
3505
  --border: var(--hop-Button-upsell-border-hover);
3499
3506
  }
3500
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
3507
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
3501
3508
  --background-color: var(--hop-Button-upsell-background-color-pressed);
3502
3509
  --color: var(--hop-Button-upsell-color-pressed);
3503
3510
  --border: var(--hop-Button-upsell-border-pressed);
3504
3511
  }
3505
- .Button-module__hop-Button--danger___vGqCj {
3512
+ .Button-module__hop-Button--danger___nvNVv {
3506
3513
  --background-color: var(--hop-Button-danger-background-color);
3507
3514
  --color: var(--hop-Button-danger-color);
3508
3515
  --border: var(--hop-Button-danger-border);
3509
3516
  --spinner-color: var(--hop-Button-danger-spinner-color);
3510
3517
  }
3511
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
3512
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
3518
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
3519
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
3513
3520
  --background-color: var(--hop-Button-danger-background-color-hover);
3514
3521
  --color: var(--hop-Button-danger-color-hover);
3515
3522
  --border: var(--hop-Button-danger-border-hover);
3516
3523
  }
3517
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
3524
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
3518
3525
  --background-color: var(--hop-Button-danger-background-color-pressed);
3519
3526
  --color: var(--hop-Button-danger-color-pressed);
3520
3527
  --border: var(--hop-Button-danger-border-pressed);
3521
3528
  }
3522
- .Button-module__hop-Button--ghost-primary___K1fli {
3529
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
3523
3530
  --background-color: var(--hop-Button-ghost-primary-background-color);
3524
3531
  --color: var(--hop-Button-ghost-primary-color);
3525
3532
  --border: var(--hop-Button-ghost-primary-border);
3526
3533
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
3527
3534
  }
3528
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
3529
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
3535
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
3536
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
3530
3537
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
3531
3538
  --color: var(--hop-Button-ghost-primary-color-hover);
3532
3539
  --border: var(--hop-Button-ghost-primary-border-hover);
3533
3540
  --text-underline: underline;
3534
3541
  }
3535
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
3542
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
3536
3543
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
3537
3544
  --color: var(--hop-Button-ghost-primary-color-pressed);
3538
3545
  --border: var(--hop-Button-ghost-primary-border-pressed);
3539
3546
  --text-underline: underline;
3540
3547
  }
3541
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
3548
+ .Button-module__hop-Button--ghost-secondary___YirRd {
3542
3549
  --background-color: var(--hop-Button-ghost-secondary-background-color);
3543
3550
  --color: var(--hop-Button-ghost-secondary-color);
3544
3551
  --border: var(--hop-Button-ghost-secondary-border);
3545
3552
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
3546
3553
  }
3547
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
3548
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
3554
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
3555
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
3549
3556
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
3550
3557
  --color: var(--hop-Button-ghost-secondary-color-hover);
3551
3558
  --border: var(--hop-Button-ghost-secondary-border-hover);
3552
3559
  --text-underline: underline;
3553
3560
  }
3554
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
3561
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
3555
3562
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
3556
3563
  --color: var(--hop-Button-ghost-secondary-color-pressed);
3557
3564
  --border: var(--hop-Button-ghost-secondary-border-pressed);
3558
3565
  --text-underline: underline;
3559
3566
  }
3560
- .Button-module__hop-Button--ghost-danger___F83U0 {
3567
+ .Button-module__hop-Button--ghost-danger___J37kT {
3561
3568
  --background-color: var(--hop-Button-ghost-danger-background-color);
3562
3569
  --color: var(--hop-Button-ghost-danger-color);
3563
3570
  --border: var(--hop-Button-ghost-danger-border);
3564
3571
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
3565
3572
  }
3566
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
3567
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
3573
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
3574
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
3568
3575
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
3569
3576
  --color: var(--hop-Button-ghost-danger-color-hover);
3570
3577
  --border: var(--hop-Button-ghost-danger-border-hover);
3571
3578
  --text-underline: underline;
3572
3579
  }
3573
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
3580
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
3574
3581
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
3575
3582
  --color: var(--hop-Button-ghost-danger-color-pressed);
3576
3583
  --border: var(--hop-Button-ghost-danger-border-pressed);
3577
3584
  --text-underline: underline;
3578
3585
  }
3579
- .Button-module__hop-Button___M1srN[data-focus-visible] {
3586
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
3580
3587
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
3581
3588
  }
3582
- .Button-module__hop-Button___M1srN[data-disabled],
3583
- .Button-module__hop-Button--loading___PvMXo {
3589
+ .Button-module__hop-Button___drz4z[data-disabled],
3590
+ .Button-module__hop-Button--loading___Vt2Li {
3584
3591
  cursor: not-allowed;
3585
3592
  }
3586
- .Button-module__hop-Button___M1srN[data-disabled] {
3593
+ .Button-module__hop-Button___drz4z[data-disabled] {
3587
3594
  --background-color: var(--hop-Button-background-color-disabled);
3588
3595
  --color: var(--hop-Button-color-disabled);
3589
3596
  --border: var(--hop-Button-border-disabled);
3590
3597
  }
3591
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
3598
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
3592
3599
  --background-color: var(--hop-Button-ghost-background-color-disabled);
3593
3600
  --color: var(--hop-Button-ghost-color-disabled);
3594
3601
  --border: var(--hop-Button-ghost-border-disabled);
3595
3602
  }
3596
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
3603
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
3597
3604
  --background-color: var(--hop-Button-primary-background-color);
3598
3605
  --color: var(--hop-Button-primary-color);
3599
3606
  --border: var(--hop-Button-primary-border);
3600
3607
  }
3601
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
3608
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
3602
3609
  --background-color: var(--hop-Button-secondary-background-color);
3603
3610
  --color: var(--hop-Button-secondary-color);
3604
3611
  --border: var(--hop-Button-secondary-border);
3605
3612
  }
3606
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
3613
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
3607
3614
  --background-color: var(--hop-Button-upsell-background-color);
3608
3615
  --color: var(--hop-Button-upsell-color);
3609
3616
  --border: var(--hop-Button-upsell-border);
3610
3617
  }
3611
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
3618
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
3612
3619
  --background-color: var(--hop-Button-danger-background-color);
3613
3620
  --color: var(--hop-Button-danger-color);
3614
3621
  --border: var(--hop-Button-danger-border);
3615
3622
  }
3616
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
3623
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
3617
3624
  --background-color: var(--hop-Button-ghost-primary-background-color);
3618
3625
  --color: var(--hop-Button-ghost-primary-color);
3619
3626
  --border: var(--hop-Button-ghost-primary-border);
3620
3627
  --text-underline: none;
3621
3628
  }
3622
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
3629
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
3623
3630
  --background-color: var(--hop-Button-ghost-secondary-background-color);
3624
3631
  --color: var(--hop-Button-ghost-secondary-color);
3625
3632
  --border: var(--hop-Button-ghost-secondary-border);
3626
3633
  --text-underline: none;
3627
3634
  }
3628
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
3635
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
3629
3636
  --background-color: var(--hop-Button-ghost-danger-background-color);
3630
3637
  --color: var(--hop-Button-ghost-danger-color);
3631
3638
  --border: var(--hop-Button-ghost-danger-border);
3632
3639
  --text-underline: none;
3633
3640
  }
3634
- .Button-module__hop-Button__Spinner___oJ124 {
3641
+ .Button-module__hop-Button__Spinner___qFcTX {
3635
3642
  position: absolute;
3636
3643
  color: var(--spinner-color);
3637
3644
  }
3638
- .Button-module__hop-Button__icon___3qLql,
3639
- .Button-module__hop-Button__icon-list___8YvWB {
3645
+ .Button-module__hop-Button__icon___i0bX0,
3646
+ .Button-module__hop-Button__icon-list___h-l1l {
3640
3647
  flex: 0 0 auto;
3641
3648
  justify-self: end;
3642
3649
  order: 1;
3643
3650
  }
3644
- .Button-module__hop-Button__text___LAcjY {
3651
+ .Button-module__hop-Button__text___gW1zi {
3645
3652
  user-select: none;
3646
3653
  overflow: visible;
3647
3654
  flex: 0 1 auto;
@@ -3651,57 +3658,57 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3651
3658
  text-underline-offset: 0.125rem;
3652
3659
  text-wrap: nowrap;
3653
3660
  }
3654
- .Button-module__hop-Button__end-icon___-fm8M,
3655
- .Button-module__hop-Button__end-icon-list___yI0-C {
3661
+ .Button-module__hop-Button__end-icon___H4Qu5,
3662
+ .Button-module__hop-Button__end-icon-list___k4l7m {
3656
3663
  flex: 0 0 auto;
3657
3664
  order: 3;
3658
3665
  }
3659
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
3660
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
3666
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
3667
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
3661
3668
  flex-wrap: nowrap;
3662
3669
  }
3663
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
3670
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
3664
3671
  opacity: 0;
3665
3672
  }
3666
- .LinkButton-module__hop-LinkButton___H8H5- {
3673
+ .LinkButton-module__hop-LinkButton___hlYkA {
3667
3674
  }
3668
- .LinkButton-module__hop-LinkButton--fluid___BxWfs {
3675
+ .LinkButton-module__hop-LinkButton--fluid___iCMfM {
3669
3676
  }
3670
- .LinkButton-module__hop-LinkButton--sm___PaGWC {
3677
+ .LinkButton-module__hop-LinkButton--sm___yzSw4 {
3671
3678
  }
3672
- .LinkButton-module__hop-LinkButton--icon-only___Erzzh {
3679
+ .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
3673
3680
  }
3674
- .LinkButton-module__hop-LinkButton--primary___2G641 {
3681
+ .LinkButton-module__hop-LinkButton--primary___l-P07 {
3675
3682
  }
3676
- .LinkButton-module__hop-LinkButton--secondary___OxMQu {
3683
+ .LinkButton-module__hop-LinkButton--secondary___37NV- {
3677
3684
  }
3678
- .LinkButton-module__hop-LinkButton--upsell___fl-AY {
3685
+ .LinkButton-module__hop-LinkButton--upsell___cIPT- {
3679
3686
  }
3680
- .LinkButton-module__hop-LinkButton--danger___Scoar {
3687
+ .LinkButton-module__hop-LinkButton--danger___6bQIM {
3681
3688
  }
3682
- .LinkButton-module__hop-LinkButton--ghost-primary___qMDz- {
3689
+ .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
3683
3690
  }
3684
- .LinkButton-module__hop-LinkButton--ghost-secondary___6LD8Q {
3691
+ .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
3685
3692
  }
3686
- .LinkButton-module__hop-LinkButton--ghost-danger___ouoq5 {
3693
+ .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
3687
3694
  }
3688
- .LinkButton-module__hop-LinkButton__Spinner___e2ijE {
3695
+ .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
3689
3696
  }
3690
- .LinkButton-module__hop-LinkButton__icon___sZuxo,
3691
- .LinkButton-module__hop-LinkButton__icon-list___kQDmx {
3697
+ .LinkButton-module__hop-LinkButton__icon___CjXqw,
3698
+ .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
3692
3699
  }
3693
- .LinkButton-module__hop-LinkButton__text___jrGDA {
3700
+ .LinkButton-module__hop-LinkButton__text___PNN59 {
3694
3701
  }
3695
- .LinkButton-module__hop-LinkButton__end-icon___sYwVy,
3696
- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
3702
+ .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
3703
+ .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
3697
3704
  }
3698
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__icon-list___kQDmx,
3699
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
3705
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
3706
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
3700
3707
  flex-wrap: nowrap;
3701
3708
  }
3702
3709
 
3703
3710
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
3704
- .HopperProvider-module__hop-HopperProvider___fR-AZ {
3711
+ .HopperProvider-module__hop-HopperProvider___1mjTd {
3705
3712
  font-family: var(--hop-body-md-font-family);
3706
3713
  font-size: var(--hop-body-md-font-size);
3707
3714
  font-weight: var(--hop-body-md-font-weight);
@@ -3711,7 +3718,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3711
3718
  }
3712
3719
 
3713
3720
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
3714
- .Link-module__hop-Link___vMa0U {
3721
+ .Link-module__hop-Link___n4WL9 {
3715
3722
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3716
3723
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3717
3724
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3771,137 +3778,137 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3771
3778
  outline: none;
3772
3779
  outline-offset: 0.125rem;
3773
3780
  }
3774
- :where(.Link-module__hop-Link___vMa0U) {
3781
+ :where(.Link-module__hop-Link___n4WL9) {
3775
3782
  font-family: var(--font-family);
3776
3783
  font-size: var(--font-size);
3777
3784
  font-weight: var(--font-weight);
3778
3785
  line-height: var(--line-height);
3779
3786
  }
3780
- :where(.Link-module__hop-Link--xs___tWfT4) {
3787
+ :where(.Link-module__hop-Link--xs___kEypx) {
3781
3788
  --font-size: var(--hop-Link-xs-font-size);
3782
3789
  --font-family: var(--hop-Link-xs-font-family);
3783
3790
  --font-weight: var(--hop-Link-xs-font-weight);
3784
3791
  --line-height: var(--hop-Link-xs-line-height);
3785
3792
  }
3786
- :where(.Link-module__hop-Link--sm___9P0qn) {
3793
+ :where(.Link-module__hop-Link--sm___oCoo0) {
3787
3794
  --font-size: var(--hop-Link-sm-font-size);
3788
3795
  --font-family: var(--hop-Link-sm-font-family);
3789
3796
  --font-weight: var(--hop-Link-sm-font-weight);
3790
3797
  --line-height: var(--hop-Link-sm-line-height);
3791
3798
  }
3792
- :where(.Link-module__hop-Link--md___RvavS) {
3799
+ :where(.Link-module__hop-Link--md___4u0Jm) {
3793
3800
  --font-size: var(--hop-Link-md-font-size);
3794
3801
  --font-family: var(--hop-Link-md-font-family);
3795
3802
  --font-weight: var(--hop-Link-md-font-weight);
3796
3803
  --line-height: var(--hop-Link-md-line-height);
3797
3804
  }
3798
- :where(.Link-module__hop-Link--lg___yAcjg) {
3805
+ :where(.Link-module__hop-Link--lg___nFVvq) {
3799
3806
  --font-size: var(--hop-Link-lg-font-size);
3800
3807
  --font-family: var(--hop-Link-lg-font-family);
3801
3808
  --font-weight: var(--hop-Link-lg-font-weight);
3802
3809
  --line-height: var(--hop-Link-lg-line-height);
3803
3810
  }
3804
- :where(.Link-module__hop-Link--xl___oEcme) {
3811
+ :where(.Link-module__hop-Link--xl___yqMaS) {
3805
3812
  --font-size: var(--hop-Link-xl-font-size);
3806
3813
  --font-family: var(--hop-Link-xl-font-family);
3807
3814
  --font-weight: var(--hop-Link-xl-font-weight);
3808
3815
  --line-height: var(--hop-Link-xl-line-height);
3809
3816
  }
3810
- :where(.Link-module__hop-Link--2xl___By5aM) {
3817
+ :where(.Link-module__hop-Link--2xl___EgZxg) {
3811
3818
  --font-size: var(--hop-Link-2xl-font-size);
3812
3819
  --font-family: var(--hop-Link-2xl-font-family);
3813
3820
  --font-weight: var(--hop-Link-2xl-font-weight);
3814
3821
  --line-height: var(--hop-Link-2xl-line-height);
3815
3822
  }
3816
- :where(.Link-module__hop-Link--inherit___GIxcj) {
3823
+ :where(.Link-module__hop-Link--inherit___Xpj78) {
3817
3824
  --font-size: var(--hop-Link-inherit-size-font-size);
3818
3825
  --font-family: var(--hop-Link-inherit-size-font-family);
3819
3826
  --font-weight: var(--hop-Link-inherit-size-font-weight);
3820
3827
  --line-height: var(--hop-Link-inherit-size-line-height);
3821
3828
  }
3822
- .Link-module__hop-Link___vMa0U[data-focus-visible] {
3829
+ .Link-module__hop-Link___n4WL9[data-focus-visible] {
3823
3830
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3824
3831
  }
3825
- .Link-module__hop-Link___vMa0U[data-disabled] {
3832
+ .Link-module__hop-Link___n4WL9[data-disabled] {
3826
3833
  cursor: default;
3827
3834
  }
3828
- .Link-module__hop-Link--standalone___XnZFB .Link-module__hop-Link__text___cdZA7 {
3835
+ .Link-module__hop-Link--standalone___wSlf4 .Link-module__hop-Link__text___1mmQh {
3829
3836
  padding: var(--hop-Link-padding-standalone);
3830
3837
  }
3831
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xs___tWfT4 .Link-module__hop-Link__text___cdZA7 {
3838
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xs___kEypx .Link-module__hop-Link__text___1mmQh {
3832
3839
  padding: var(--hop-Link-padding-standalone-xs);
3833
3840
  }
3834
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--sm___9P0qn .Link-module__hop-Link__text___cdZA7 {
3841
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--sm___oCoo0 .Link-module__hop-Link__text___1mmQh {
3835
3842
  padding: var(--hop-Link-padding-standalone-sm);
3836
3843
  }
3837
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--md___RvavS .Link-module__hop-Link__text___cdZA7 {
3844
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--md___4u0Jm .Link-module__hop-Link__text___1mmQh {
3838
3845
  padding: var(--hop-Link-padding-standalone-md);
3839
3846
  }
3840
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--lg___yAcjg .Link-module__hop-Link__text___cdZA7 {
3847
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--lg___nFVvq .Link-module__hop-Link__text___1mmQh {
3841
3848
  padding: var(--hop-Link-padding-standalone-lg);
3842
3849
  }
3843
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--xl___oEcme .Link-module__hop-Link__text___cdZA7 {
3850
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--xl___yqMaS .Link-module__hop-Link__text___1mmQh {
3844
3851
  padding: var(--hop-Link-padding-standalone-xl);
3845
3852
  }
3846
- .Link-module__hop-Link--standalone___XnZFB.Link-module__hop-Link--2xl___By5aM .Link-module__hop-Link__text___cdZA7 {
3853
+ .Link-module__hop-Link--standalone___wSlf4.Link-module__hop-Link--2xl___EgZxg .Link-module__hop-Link__text___1mmQh {
3847
3854
  padding: var(--hop-Link-padding-standalone-2xl);
3848
3855
  }
3849
- .Link-module__hop-Link--quiet___tJvB-[data-focus-visible],
3850
- .Link-module__hop-Link--quiet___tJvB-[data-hovered],
3851
- .Link-module__hop-Link--standalone___XnZFB[data-focus-visible],
3852
- .Link-module__hop-Link--standalone___XnZFB[data-hovered] {
3856
+ .Link-module__hop-Link--quiet___9GBMr[data-focus-visible],
3857
+ .Link-module__hop-Link--quiet___9GBMr[data-hovered],
3858
+ .Link-module__hop-Link--standalone___wSlf4[data-focus-visible],
3859
+ .Link-module__hop-Link--standalone___wSlf4[data-hovered] {
3853
3860
  text-decoration: underline;
3854
3861
  }
3855
- .Link-module__hop-Link___vMa0U:not(.Link-module__hop-Link--quiet___tJvB-, .Link-module__hop-Link--standalone___XnZFB) {
3862
+ .Link-module__hop-Link___n4WL9:not(.Link-module__hop-Link--quiet___9GBMr, .Link-module__hop-Link--standalone___wSlf4) {
3856
3863
  text-decoration: underline;
3857
3864
  }
3858
- .Link-module__hop-Link--primary___18lFj {
3865
+ .Link-module__hop-Link--primary___YeNRh {
3859
3866
  color: var(--hop-Link-primary-text-color);
3860
3867
  }
3861
- .Link-module__hop-Link--primary___18lFj[data-disabled] {
3868
+ .Link-module__hop-Link--primary___YeNRh[data-disabled] {
3862
3869
  color: var(--hop-Link-primary-text-disabled-color);
3863
3870
  }
3864
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-focus-visible],
3865
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-hovered] {
3871
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-focus-visible],
3872
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-hovered] {
3866
3873
  color: var(--hop-Link-primary-text-hover-color);
3867
3874
  }
3868
- .Link-module__hop-Link--primary___18lFj:not([data-disabled])[data-pressed] {
3875
+ .Link-module__hop-Link--primary___YeNRh:not([data-disabled])[data-pressed] {
3869
3876
  color: var(--hop-Link-primary-text-pressed-color);
3870
3877
  }
3871
- .Link-module__hop-Link--secondary___FCsEt {
3878
+ .Link-module__hop-Link--secondary___0pBbc {
3872
3879
  color: var(--hop-Link-neutral-text-color);
3873
3880
  }
3874
- .Link-module__hop-Link--secondary___FCsEt[data-disabled] {
3881
+ .Link-module__hop-Link--secondary___0pBbc[data-disabled] {
3875
3882
  color: var(--hop-Link-neutral-text-disabled-color);
3876
3883
  }
3877
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-focus-visible],
3878
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-hovered] {
3884
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-focus-visible],
3885
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-hovered] {
3879
3886
  color: var(--hop-Link-neutral-text-hover-color);
3880
3887
  }
3881
- .Link-module__hop-Link--secondary___FCsEt:not([data-disabled])[data-pressed] {
3888
+ .Link-module__hop-Link--secondary___0pBbc:not([data-disabled])[data-pressed] {
3882
3889
  color: var(--hop-Link-neutral-text-pressed-color);
3883
3890
  }
3884
- .Link-module__hop-Link__icon___cT8Oh,
3885
- .Link-module__hop-Link__icon-list___u49kV {
3891
+ .Link-module__hop-Link__icon___QFMUA,
3892
+ .Link-module__hop-Link__icon-list___eQlWg {
3886
3893
  order: 2;
3887
3894
  }
3888
- .Link-module__hop-Link__text___cdZA7 {
3895
+ .Link-module__hop-Link__text___1mmQh {
3889
3896
  order: 1;
3890
3897
  }
3891
- .Link-module__hop-Link__start-icon___j4Lnk,
3892
- .Link-module__hop-Link__start-icon-list___ZygP1 {
3898
+ .Link-module__hop-Link__start-icon___Tury5,
3899
+ .Link-module__hop-Link__start-icon-list___lkoEc {
3893
3900
  order: 0;
3894
3901
  }
3895
3902
 
3896
3903
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
3897
- :where(.Popover-module__hop-Popover___yH974 *) {
3904
+ :where(.Popover-module__hop-Popover___26umq *) {
3898
3905
  font-family: var(--font-family);
3899
3906
  font-size: var(--font-size);
3900
3907
  font-weight: var(--font-weight);
3901
3908
  line-height: var(--line-height);
3902
3909
  outline: none;
3903
3910
  }
3904
- .Popover-module__hop-Popover___yH974 {
3911
+ .Popover-module__hop-Popover___26umq {
3905
3912
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3906
3913
  --hop-Popover-inline-width: 25rem;
3907
3914
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3914,22 +3921,22 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3914
3921
  inline-size: var(--width);
3915
3922
  max-inline-size: var(--max-width);
3916
3923
  }
3917
- .Popover-module__hop-Popover___yH974[data-trigger=Select] {
3924
+ .Popover-module__hop-Popover___26umq[data-trigger=Select] {
3918
3925
  --width: var(--hop-Popover-dropdown-inline-width);
3919
3926
  }
3920
- .Popover-module__hop-Popover___yH974[data-trigger=ComboBox] {
3927
+ .Popover-module__hop-Popover___26umq[data-trigger=ComboBox] {
3921
3928
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3922
3929
  }
3923
- .Popover-module__hop-Popover___yH974[data-auto-width] {
3930
+ .Popover-module__hop-Popover___26umq[data-auto-width] {
3924
3931
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3925
3932
  }
3926
- .Popover-module__hop-Popover___yH974[data-entering] {
3927
- animation: Popover-module__fade___MZenc 0.25s;
3933
+ .Popover-module__hop-Popover___26umq[data-entering] {
3934
+ animation: Popover-module__fade___Rb7-0 0.25s;
3928
3935
  }
3929
- .Popover-module__hop-Popover___yH974[data-exiting] {
3930
- animation: Popover-module__fade___MZenc 0.25s reverse;
3936
+ .Popover-module__hop-Popover___26umq[data-exiting] {
3937
+ animation: Popover-module__fade___Rb7-0 0.25s reverse;
3931
3938
  }
3932
- @keyframes Popover-module__fade___MZenc {
3939
+ @keyframes Popover-module__fade___Rb7-0 {
3933
3940
  from {
3934
3941
  opacity: 0;
3935
3942
  }
@@ -3937,14 +3944,14 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3937
3944
  opacity: 1;
3938
3945
  }
3939
3946
  }
3940
- .Popover-module__hop-Popover__wrapper___5ESmX {
3947
+ .Popover-module__hop-Popover__wrapper___uZgAA {
3941
3948
  display: flex;
3942
3949
  flex: 1 1 auto;
3943
3950
  flex-direction: column;
3944
3951
  min-block-size: 0;
3945
3952
  }
3946
- .Popover-module__hop-Popover__dialog___FOOKs,
3947
- .Popover-module__hop-Popover__dropdown___-jsy8 {
3953
+ .Popover-module__hop-Popover__dialog___GGJWK,
3954
+ .Popover-module__hop-Popover__dropdown___jeauL {
3948
3955
  --hop-Popover-background: var(--hop-neutral-surface);
3949
3956
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3950
3957
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3992,21 +3999,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
3992
3999
  border-radius: var(--hop-Popover-border-radius);
3993
4000
  box-shadow: var(--hop-Popover-box-shadow);
3994
4001
  }
3995
- .Popover-module__hop-Popover__dropdown___-jsy8 {
4002
+ .Popover-module__hop-Popover__dropdown___jeauL {
3996
4003
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3997
4004
  --footer-place-self: stretch;
3998
4005
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3999
4006
  --padding: var(--hop-Popover-dropdown-padding);
4000
4007
  overflow: hidden;
4001
4008
  }
4002
- .Popover-module__hop-Popover__dialog___FOOKs {
4009
+ .Popover-module__hop-Popover__dialog___GGJWK {
4003
4010
  --padding: var(--hop-Popover-dialog-padding);
4004
4011
  }
4005
- .Popover-module__hop-Popover__title___GNuz4 {
4012
+ .Popover-module__hop-Popover__title___Rlj3j {
4006
4013
  grid-area: header;
4007
4014
  color: var(--hop-Popover-color);
4008
4015
  }
4009
- .Popover-module__hop-Popover__content___9OiFQ {
4016
+ .Popover-module__hop-Popover__content___xnLU- {
4010
4017
  --font-size: var(--hop-Popover-content-font-size);
4011
4018
  --line-height: var(--hop-Popover-content-line-height);
4012
4019
  --font-family: var(--hop-Popover-content-font-family);
@@ -4017,12 +4024,12 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4017
4024
  padding: 0;
4018
4025
  color: var(--hop-Popover-content-color);
4019
4026
  }
4020
- .Popover-module__hop-Popover___yH974:not(:has(.Popover-module__hop-Popover__title___GNuz4)) {
4021
- .Popover-module__hop-Popover__content___9OiFQ {
4027
+ .Popover-module__hop-Popover___26umq:not(:has(.Popover-module__hop-Popover__title___Rlj3j)) {
4028
+ .Popover-module__hop-Popover__content___xnLU- {
4022
4029
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4023
4030
  }
4024
4031
  }
4025
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__list-box___ZBhEH {
4032
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__list-box___zuSW3 {
4026
4033
  grid-area: content;
4027
4034
  inline-size: auto;
4028
4035
  min-inline-size: auto;
@@ -4030,7 +4037,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4030
4037
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4031
4038
  border: none;
4032
4039
  }
4033
- .Popover-module__hop-Popover__footer___0wYlz {
4040
+ .Popover-module__hop-Popover__footer___0FFAg {
4034
4041
  --font-size: var(--hop-Popover-footer-font-size);
4035
4042
  --line-height: var(--hop-Popover-footer-line-height);
4036
4043
  grid-area: footer;
@@ -4038,28 +4045,27 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4038
4045
  margin: var(--footer-margin);
4039
4046
  color: var(--hop-Popover-color);
4040
4047
  }
4041
- .Popover-module__hop-Popover__dropdown___-jsy8 .Popover-module__hop-Popover__footer___0wYlz {
4048
+ .Popover-module__hop-Popover__dropdown___jeauL .Popover-module__hop-Popover__footer___0FFAg {
4042
4049
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4043
4050
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4044
4051
  }
4045
- .Popover-module__hop-Popover__actions___u03PF,
4046
- .Popover-module__hop-Popover__action___qVBfg {
4052
+ .Popover-module__hop-Popover__actions___22QyU,
4053
+ .Popover-module__hop-Popover__action___1YRad {
4047
4054
  grid-area: action;
4048
4055
  justify-self: end;
4049
4056
  margin-block-start: var(--hop-Popover-row-gap);
4050
4057
  }
4051
- .Popover-module__hop-Popover___yH974:has(.Popover-module__hop-Popover__actions___u03PF, .Popover-module__hop-Popover__action___qVBfg) .Popover-module__hop-Popover__footer___0wYlz {
4058
+ .Popover-module__hop-Popover___26umq:has(.Popover-module__hop-Popover__actions___22QyU, .Popover-module__hop-Popover__action___1YRad) .Popover-module__hop-Popover__footer___0FFAg {
4052
4059
  margin-inline-end: var(--hop-Popover-column-gap);
4053
4060
  }
4054
4061
 
4055
4062
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4056
- .PopoverBase-module__hop-PopoverBase___3P7KO {
4063
+ .PopoverBase-module__hop-PopoverBase___31efu {
4057
4064
  --hop-Popover-background: var(--hop-neutral-surface);
4058
4065
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4059
4066
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4060
4067
  --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4061
4068
  --hop-Popover-color: var(--hop-neutral-text);
4062
- --hop-Popover-color-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4063
4069
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4064
4070
  --hop-Popover-font-size: var(--hop-body-md-font-size);
4065
4071
  --hop-Popover-font-weight: var(--hop-body-md-font-weight);
@@ -4084,30 +4090,27 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4084
4090
  box-shadow: var(--hop-Popover-box-shadow);
4085
4091
  transition: opacity var(--hop-easing-duration-2);
4086
4092
  }
4087
- .PopoverBase-module__hop-PopoverBase___3P7KO[data-entering] {
4093
+ .PopoverBase-module__hop-PopoverBase___31efu[data-entering] {
4088
4094
  opacity: 0;
4089
4095
  }
4090
- .PopoverBase-module__hop-PopoverBase___3P7KO[data-exiting] {
4096
+ .PopoverBase-module__hop-PopoverBase___31efu[data-exiting] {
4091
4097
  pointer-events: none;
4092
4098
  opacity: 0;
4093
4099
  transition-timing-function: var(--hop-easing-productive);
4094
4100
  }
4095
- .PopoverBase-module__hop-PopoverBase___3P7KO:focus-visible {
4096
- outline: var(--hop-Popover-color-outline);
4097
- }
4098
4101
 
4099
4102
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4100
- .ToggleArrow-module__hop-ToggleArrow___ZiCm7 {
4103
+ .ToggleArrow-module__hop-ToggleArrow___F3uDI {
4101
4104
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4102
4105
  position: relative;
4103
4106
  transition: transform var(--transition);
4104
4107
  }
4105
- .ToggleArrow-module__hop-ToggleArrow___ZiCm7[data-expanded] {
4108
+ .ToggleArrow-module__hop-ToggleArrow___F3uDI[data-expanded] {
4106
4109
  transform: rotate(-180deg);
4107
4110
  }
4108
4111
 
4109
4112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/select/src/SelectValue.module.css/#css-module-data */
4110
- .SelectValue-module__hop-SelectValue___Zjd3W {
4113
+ .SelectValue-module__hop-SelectValue___WZbm6 {
4111
4114
  --hop-SelectValue-display: inline-block;
4112
4115
  --hop-SelectValue-slots-display: flex;
4113
4116
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -4122,16 +4125,16 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4122
4125
  text-overflow: ellipsis;
4123
4126
  white-space: nowrap;
4124
4127
  }
4125
- .SelectValue-module__hop-SelectValue___Zjd3W:has(.SelectValue-module__hop-SelectValue__text___ZmIiN) {
4128
+ .SelectValue-module__hop-SelectValue___WZbm6:has(.SelectValue-module__hop-SelectValue__text___k7mso) {
4126
4129
  --display: var(--hop-SelectValue-slots-display);
4127
4130
  }
4128
- .SelectValue-module__hop-SelectValue__avatar___1lyYH {
4131
+ .SelectValue-module__hop-SelectValue__avatar___ZOHuW {
4129
4132
  order: 1;
4130
4133
  }
4131
- .SelectValue-module__hop-SelectValue__icon___h463a {
4134
+ .SelectValue-module__hop-SelectValue__icon___dZdIH {
4132
4135
  order: 2;
4133
4136
  }
4134
- .SelectValue-module__hop-SelectValue__text___ZmIiN {
4137
+ .SelectValue-module__hop-SelectValue__text___k7mso {
4135
4138
  overflow: hidden;
4136
4139
  flex: 1 1 auto;
4137
4140
  order: 3;
@@ -4139,12 +4142,12 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4139
4142
  text-overflow: ellipsis;
4140
4143
  white-space: nowrap;
4141
4144
  }
4142
- .SelectValue-module__hop-SelectValue__end-icon___BB8t- {
4145
+ .SelectValue-module__hop-SelectValue__end-icon___DZR8u {
4143
4146
  order: 4;
4144
4147
  }
4145
4148
 
4146
4149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/select/src/Select.module.css/#css-module-data */
4147
- .Select-module__hop-Select___lyXUu {
4150
+ .Select-module__hop-Select___LD962 {
4148
4151
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4149
4152
  --hop-Select-inline-size: 20rem;
4150
4153
  --hop-Select-inline-size-fluid: 100%;
@@ -4196,13 +4199,13 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4196
4199
  inline-size: var(--inline-size);
4197
4200
  max-inline-size: var(--hop-Select-max-inline-size);
4198
4201
  }
4199
- .Select-module__hop-Select--fluid___STdD- {
4202
+ .Select-module__hop-Select--fluid___MpRFN {
4200
4203
  --inline-size: var(--hop-Select-inline-size-fluid);
4201
4204
  }
4202
- .Select-module__hop-Select__label___XQNhI {
4205
+ .Select-module__hop-Select__label___eDva4 {
4203
4206
  order: 1;
4204
4207
  }
4205
- .Select-module__hop-Select__button___7-8i3 {
4208
+ .Select-module__hop-Select__button___0uUOm {
4206
4209
  cursor: var(--button-cursor);
4207
4210
  display: flex;
4208
4211
  column-gap: var(--hop-Select-button-column-gap);
@@ -4219,28 +4222,28 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4219
4222
  border-radius: var(--hop-Select-button-border-radius);
4220
4223
  outline: none;
4221
4224
  }
4222
- .Select-module__hop-Select__button--sm___UAH3I {
4225
+ .Select-module__hop-Select__button--sm___6kkiO {
4223
4226
  --button-block-size: var(--hop-Select-button-sm-block-size);
4224
4227
  }
4225
- .Select-module__hop-Select__button--md___CwwSr {
4228
+ .Select-module__hop-Select__button--md___7gbAO {
4226
4229
  --button-block-size: var(--hop-Select-button-md-block-size);
4227
4230
  }
4228
- .Select-module__hop-Select__button___7-8i3[data-hovered] {
4231
+ .Select-module__hop-Select__button___0uUOm[data-hovered] {
4229
4232
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4230
4233
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4231
4234
  --button-color: var(--hop-Select-button-color-hovered);
4232
4235
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4233
4236
  }
4234
- .Select-module__hop-Select__button___7-8i3[data-pressed] {
4237
+ .Select-module__hop-Select__button___0uUOm[data-pressed] {
4235
4238
  --button-background-color: var(--hop-Select-button-background-color-selected);
4236
4239
  --button-border-color: var(--hop-Select-button-border-color-selected);
4237
4240
  --button-color: var(--hop-Select-button-color-selected);
4238
4241
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4239
4242
  }
4240
- .Select-module__hop-Select__button___7-8i3[data-invalid] {
4243
+ .Select-module__hop-Select__button___0uUOm[data-invalid] {
4241
4244
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4242
4245
  }
4243
- .Select-module__hop-Select__button___7-8i3[data-focus-visible] {
4246
+ .Select-module__hop-Select__button___0uUOm[data-focus-visible] {
4244
4247
  --button-background-color: var(--hop-Select-button-background-color-focused);
4245
4248
  --button-border-color: var(--hop-Select-button-border-color-focused);
4246
4249
  --button-color: var(--hop-Select-button-color-focused);
@@ -4248,24 +4251,24 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
4248
4251
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4249
4252
  outline-offset: var(--hop-Select-button-outline-offset);
4250
4253
  }
4251
- .Select-module__hop-Select__button___7-8i3:has([data-placeholder]) {
4254
+ .Select-module__hop-Select__button___0uUOm:has([data-placeholder]) {
4252
4255
  --button-color: var(--hop-Select-button-placeholder-color);
4253
4256
  }
4254
- .Select-module__hop-Select__button___7-8i3[data-disabled] {
4257
+ .Select-module__hop-Select__button___0uUOm[data-disabled] {
4255
4258
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4256
4259
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4257
4260
  --button-color: var(--hop-Select-button-color-disabled);
4258
4261
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4259
4262
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4260
4263
  }
4261
- .Select-module__hop-Select__prefix___RaRFw {
4264
+ .Select-module__hop-Select__prefix___X5xEO {
4262
4265
  color: var(--hop-Select-prefix-color);
4263
4266
  }
4264
- .Select-module__hop-Select__button-icon___z5v2F {
4267
+ .Select-module__hop-Select__button-icon___A98KX {
4265
4268
  margin-inline-start: auto;
4266
4269
  color: var(--button-icon-color);
4267
4270
  }
4268
- .Select-module__hop-Select__helper-message___bYEt-,
4269
- .Select-module__hop-Select__error-message___-54Vk {
4271
+ .Select-module__hop-Select__helper-message___mBG4d,
4272
+ .Select-module__hop-Select__error-message___61p09 {
4270
4273
  order: 3;
4271
4274
  }