@hopper-ui/components 1.5.4 → 1.5.6

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 (302) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Accordion/src/Accordion.css +69 -68
  3. package/dist/Accordion/src/Accordion.js +2 -2
  4. package/dist/Accordion/src/index.css +69 -68
  5. package/dist/Accordion/src/index.js +2 -2
  6. package/dist/Avatar/src/AnonymousAvatar.css +39 -38
  7. package/dist/Avatar/src/AnonymousAvatar.js +5 -5
  8. package/dist/Avatar/src/Avatar.css +57 -56
  9. package/dist/Avatar/src/Avatar.js +8 -8
  10. package/dist/Avatar/src/DeletedAvatar.css +39 -38
  11. package/dist/Avatar/src/DeletedAvatar.js +5 -5
  12. package/dist/Avatar/src/RichIconAvatarImage.css +39 -38
  13. package/dist/Avatar/src/RichIconAvatarImage.js +3 -3
  14. package/dist/Avatar/src/index.css +57 -56
  15. package/dist/Avatar/src/index.js +10 -10
  16. package/dist/Badge/src/Badge.css +44 -43
  17. package/dist/Badge/src/Badge.js +5 -5
  18. package/dist/Badge/src/FloatingBadge.css +39 -38
  19. package/dist/Badge/src/FloatingBadge.js +4 -4
  20. package/dist/Badge/src/index.css +54 -53
  21. package/dist/Badge/src/index.js +8 -8
  22. package/dist/Callout/src/Callout.css +280 -263
  23. package/dist/Callout/src/Callout.js +12 -12
  24. package/dist/Callout/src/CompactCallout.css +301 -300
  25. package/dist/Callout/src/CompactCallout.js +13 -13
  26. package/dist/Callout/src/index.css +329 -312
  27. package/dist/Callout/src/index.js +14 -14
  28. package/dist/Card/src/Card.css +32 -31
  29. package/dist/Card/src/Card.js +1 -1
  30. package/dist/Card/src/index.css +32 -31
  31. package/dist/Card/src/index.js +1 -1
  32. package/dist/ComboBox/src/ComboBox.css +649 -654
  33. package/dist/ComboBox/src/ComboBox.js +25 -25
  34. package/dist/ComboBox/src/index.css +649 -654
  35. package/dist/ComboBox/src/index.js +25 -25
  36. package/dist/Disclosure/src/Disclosure.css +39 -38
  37. package/dist/Disclosure/src/Disclosure.js +2 -2
  38. package/dist/Disclosure/src/DisclosureHeader.css +46 -45
  39. package/dist/Disclosure/src/DisclosureHeader.js +10 -10
  40. package/dist/Disclosure/src/DisclosurePanel.css +39 -38
  41. package/dist/Disclosure/src/DisclosurePanel.js +10 -10
  42. package/dist/Disclosure/src/index.css +64 -63
  43. package/dist/Disclosure/src/index.js +13 -13
  44. package/dist/Divider/src/Divider.css +31 -30
  45. package/dist/Divider/src/Divider.js +1 -1
  46. package/dist/Divider/src/index.css +31 -30
  47. package/dist/Divider/src/index.js +1 -1
  48. package/dist/ErrorMessage/src/ErrorMessage.css +31 -30
  49. package/dist/ErrorMessage/src/ErrorMessage.js +5 -5
  50. package/dist/ErrorMessage/src/index.css +31 -30
  51. package/dist/ErrorMessage/src/index.js +5 -5
  52. package/dist/Form/src/Form.css +29 -28
  53. package/dist/Form/src/Form.js +1 -1
  54. package/dist/Form/src/index.css +29 -28
  55. package/dist/Form/src/index.js +1 -1
  56. package/dist/HelperMessage/src/HelperMessage.css +31 -30
  57. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  58. package/dist/HelperMessage/src/index.css +31 -30
  59. package/dist/HelperMessage/src/index.js +3 -3
  60. package/dist/HopperProvider/src/HopperProvider.js +1 -2
  61. package/dist/HopperProvider/src/index.js +1 -2
  62. package/dist/IconList/src/IconList.css +30 -29
  63. package/dist/IconList/src/IconList.js +1 -1
  64. package/dist/IconList/src/index.css +30 -29
  65. package/dist/IconList/src/index.js +1 -1
  66. package/dist/IllustratedMessage/src/IllustratedMessage.css +271 -270
  67. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  68. package/dist/IllustratedMessage/src/index.css +271 -270
  69. package/dist/IllustratedMessage/src/index.js +1 -1
  70. package/dist/Image/src/Image.css +32 -31
  71. package/dist/Image/src/Image.js +1 -1
  72. package/dist/Image/src/SvgImage.css +30 -29
  73. package/dist/Image/src/SvgImage.js +1 -1
  74. package/dist/Image/src/index.css +33 -32
  75. package/dist/Image/src/index.js +2 -2
  76. package/dist/Link/src/Link.css +68 -67
  77. package/dist/Link/src/Link.js +9 -9
  78. package/dist/Link/src/index.css +68 -67
  79. package/dist/Link/src/index.js +9 -9
  80. package/dist/ListBox/src/ListBox.css +276 -275
  81. package/dist/ListBox/src/ListBox.js +16 -16
  82. package/dist/ListBox/src/ListBoxItem.css +264 -263
  83. package/dist/ListBox/src/ListBoxItem.js +15 -15
  84. package/dist/ListBox/src/ListBoxItemSkeleton.css +36 -35
  85. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  86. package/dist/ListBox/src/index.css +276 -275
  87. package/dist/ListBox/src/index.js +16 -16
  88. package/dist/Modal/src/BaseModal.css +44 -43
  89. package/dist/Modal/src/BaseModal.js +1 -1
  90. package/dist/Modal/src/CustomModal.css +45 -44
  91. package/dist/Modal/src/CustomModal.js +2 -2
  92. package/dist/Modal/src/Modal.css +299 -290
  93. package/dist/Modal/src/Modal.js +13 -13
  94. package/dist/Modal/src/index.css +300 -291
  95. package/dist/Modal/src/index.js +14 -14
  96. package/dist/SegmentedControl/src/SegmentedControl.css +30 -29
  97. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  98. package/dist/SegmentedControl/src/SegmentedControlItem.css +44 -43
  99. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  100. package/dist/SegmentedControl/src/index.css +45 -44
  101. package/dist/SegmentedControl/src/index.js +8 -8
  102. package/dist/Select/src/Select.css +593 -598
  103. package/dist/Select/src/Select.js +23 -23
  104. package/dist/Select/src/SelectValue.css +63 -62
  105. package/dist/Select/src/SelectValue.js +10 -10
  106. package/dist/Select/src/index.css +593 -598
  107. package/dist/Select/src/index.js +23 -23
  108. package/dist/Spinner/src/Spinner.css +39 -38
  109. package/dist/Spinner/src/Spinner.js +4 -4
  110. package/dist/Spinner/src/index.css +39 -38
  111. package/dist/Spinner/src/index.js +4 -4
  112. package/dist/Tabs/src/Tab.css +415 -414
  113. package/dist/Tabs/src/Tab.js +4 -4
  114. package/dist/Tabs/src/TabLine.css +31 -30
  115. package/dist/Tabs/src/TabLine.js +1 -1
  116. package/dist/Tabs/src/TabList.css +38 -37
  117. package/dist/Tabs/src/TabList.js +2 -2
  118. package/dist/Tabs/src/TabPanel.css +31 -30
  119. package/dist/Tabs/src/TabPanel.js +1 -1
  120. package/dist/Tabs/src/index.css +426 -425
  121. package/dist/Tabs/src/index.js +7 -7
  122. package/dist/Tile/src/Tile.css +38 -37
  123. package/dist/Tile/src/Tile.js +8 -8
  124. package/dist/Tile/src/TileGroup.css +30 -29
  125. package/dist/Tile/src/TileGroup.js +1 -1
  126. package/dist/Tile/src/index.css +39 -38
  127. package/dist/Tile/src/index.js +9 -9
  128. package/dist/ToggleArrow/src/ToggleArrow.css +31 -30
  129. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  130. package/dist/ToggleArrow/src/index.css +31 -30
  131. package/dist/ToggleArrow/src/index.js +1 -1
  132. package/dist/buttons/src/Button.css +95 -94
  133. package/dist/buttons/src/Button.js +10 -10
  134. package/dist/buttons/src/ButtonGroup.css +40 -39
  135. package/dist/buttons/src/ButtonGroup.js +1 -1
  136. package/dist/buttons/src/ClearButton.css +100 -99
  137. package/dist/buttons/src/ClearButton.js +3 -3
  138. package/dist/buttons/src/CloseButton.css +96 -95
  139. package/dist/buttons/src/CloseButton.js +11 -11
  140. package/dist/buttons/src/EmbeddedButton.css +100 -99
  141. package/dist/buttons/src/EmbeddedButton.js +2 -2
  142. package/dist/buttons/src/LinkButton.css +104 -103
  143. package/dist/buttons/src/LinkButton.js +9 -9
  144. package/dist/buttons/src/index.css +252 -251
  145. package/dist/buttons/src/index.js +15 -15
  146. package/dist/checkbox/src/Checkbox.css +48 -47
  147. package/dist/checkbox/src/Checkbox.js +9 -9
  148. package/dist/checkbox/src/CheckboxField.css +35 -34
  149. package/dist/checkbox/src/CheckboxField.js +6 -6
  150. package/dist/checkbox/src/CheckboxGroup.css +100 -99
  151. package/dist/checkbox/src/CheckboxGroup.js +9 -9
  152. package/dist/checkbox/src/DecorativeCheckbox.css +56 -55
  153. package/dist/checkbox/src/DecorativeCheckbox.js +10 -10
  154. package/dist/checkbox/src/index.css +100 -99
  155. package/dist/checkbox/src/index.js +15 -15
  156. package/dist/{chunk-G6VI64FY.js → chunk-2I6UMJYG.js} +2 -2
  157. package/dist/{chunk-SVUHBTA5.js → chunk-3BIEAJRR.js} +15 -15
  158. package/dist/{chunk-7MB55Z6C.js → chunk-3YRPMXFC.js} +5 -5
  159. package/dist/{chunk-D2EEOJH5.js → chunk-43TNRKBS.js} +10 -10
  160. package/dist/{chunk-UP2JOQE5.js → chunk-4ILGVQRZ.js} +12 -12
  161. package/dist/{chunk-N2V3HU22.js → chunk-4WB4O442.js} +3 -3
  162. package/dist/{chunk-PZCTKG24.js → chunk-5IG6U77X.js} +3 -3
  163. package/dist/{chunk-JJGWFQLU.js → chunk-5TSBUH3R.js} +1 -1
  164. package/dist/{chunk-SD643O45.js → chunk-6RGIGUM3.js} +1 -1
  165. package/dist/{chunk-KDEAWRYK.js → chunk-6TNP7CIK.js} +5 -5
  166. package/dist/{chunk-MYA5Y24X.js → chunk-7BRUGPOE.js} +3 -3
  167. package/dist/{chunk-323S35ZY.js → chunk-AY3ATCBD.js} +1 -1
  168. package/dist/{chunk-VHSULWZO.js → chunk-B7B6SJKK.js} +1 -1
  169. package/dist/{chunk-Y735TCQX.js → chunk-BOZ2UL2O.js} +5 -5
  170. package/dist/{chunk-ZWD6G4IE.js → chunk-C2VFOCA5.js} +2 -2
  171. package/dist/{chunk-JKD6UCBL.js → chunk-CD2O5FGU.js} +1 -1
  172. package/dist/{chunk-UOZHPYJU.js → chunk-COVRWTKG.js} +2 -2
  173. package/dist/{chunk-U56I5MQL.js → chunk-DVVK2IWW.js} +1 -7
  174. package/dist/{chunk-HOLEIBWR.js → chunk-E52ZMU65.js} +1 -1
  175. package/dist/{chunk-CJCA5QVZ.js → chunk-EFSPCXOV.js} +4 -4
  176. package/dist/{chunk-IY4MZA6Q.js → chunk-EPGWHQNG.js} +6 -6
  177. package/dist/{chunk-DCJCSQMO.js → chunk-F3WXYGNF.js} +6 -6
  178. package/dist/{chunk-QKTSDFAO.js → chunk-F65A7MQX.js} +2 -2
  179. package/dist/{chunk-XMRQB5W7.js → chunk-FB4B3MDJ.js} +1 -1
  180. package/dist/{chunk-HJBICOZJ.js → chunk-FGVWUGM4.js} +9 -9
  181. package/dist/{chunk-ZCR5ZJW2.js → chunk-FMO3CEFA.js} +1 -1
  182. package/dist/{chunk-YKKHKN5S.js → chunk-G6ZDVB4T.js} +2 -2
  183. package/dist/{chunk-5CKRR6L5.js → chunk-GXOMQ374.js} +6 -6
  184. package/dist/{chunk-QWHERBJN.js → chunk-HMHH6XBK.js} +2 -2
  185. package/dist/{chunk-OI7XA7N6.js → chunk-IV5R2AW3.js} +1 -1
  186. package/dist/{chunk-O7L3GNHS.js → chunk-JX3XUX5N.js} +4 -4
  187. package/dist/{chunk-SRVT3OHK.js → chunk-JZSBVJLE.js} +1 -1
  188. package/dist/{chunk-THH5PUOI.js → chunk-KD7V4SW5.js} +1 -1
  189. package/dist/{chunk-IQPOQTZH.js → chunk-KFEAIQBV.js} +3 -3
  190. package/dist/{chunk-VV6WWWDX.js → chunk-L2IUFJ4G.js} +1 -1
  191. package/dist/{chunk-QG4GHOCW.js → chunk-L3KNHPTN.js} +2 -2
  192. package/dist/{chunk-3UBUV5UU.js → chunk-LTVC7XES.js} +3 -3
  193. package/dist/{chunk-I2F5OQI2.js → chunk-MA3L3H6V.js} +1 -1
  194. package/dist/{chunk-UDPOYAZ6.js → chunk-MBMRVS3J.js} +11 -11
  195. package/dist/{chunk-LJS64MF4.js → chunk-NEOYOIBK.js} +5 -5
  196. package/dist/{chunk-YLQI2KBL.js → chunk-NXMYJN3H.js} +3 -3
  197. package/dist/{chunk-25QYB54S.js → chunk-NZCSUA3Z.js} +8 -8
  198. package/dist/{chunk-UUBMTIMZ.js → chunk-O5KTVVB7.js} +2 -2
  199. package/dist/{chunk-J73L6RNN.js → chunk-OEXGTBU2.js} +6 -6
  200. package/dist/{chunk-W2KIP33K.js → chunk-OPJHWNPW.js} +4 -4
  201. package/dist/{chunk-EW4PZSWE.js → chunk-OYXCMCLJ.js} +2 -2
  202. package/dist/{chunk-UCVHJZF5.js → chunk-P3O3SGB7.js} +5 -5
  203. package/dist/{chunk-M7EJ4XI2.js → chunk-PJAK3C2B.js} +6 -6
  204. package/dist/{chunk-65PIMCJG.js → chunk-PUGP4GGH.js} +1 -1
  205. package/dist/{chunk-YPBPTOTV.js → chunk-QENTYVQ4.js} +2 -2
  206. package/dist/{chunk-BEK5CXTQ.js → chunk-QL2TEKGT.js} +1 -1
  207. package/dist/{chunk-UE2WZGSY.js → chunk-RDRTC4SR.js} +4 -4
  208. package/dist/{chunk-A7EQKB5N.js → chunk-RTKBIBP2.js} +2 -2
  209. package/dist/{chunk-PUXGZUBL.js → chunk-SAMBVKTY.js} +1 -1
  210. package/dist/{chunk-SUEIG3RP.js → chunk-SIZ5R25W.js} +2 -2
  211. package/dist/{chunk-SYZYP5OU.js → chunk-SNP5ALJL.js} +1 -1
  212. package/dist/{chunk-3QMX2NO5.js → chunk-STWEOGPD.js} +2 -2
  213. package/dist/{chunk-2CXNY55R.js → chunk-SWYOEQBM.js} +4 -4
  214. package/dist/{chunk-QETFPQME.js → chunk-TA3IZGU7.js} +2 -2
  215. package/dist/{chunk-I3D3GJXG.js → chunk-TGU3F4ZO.js} +5 -5
  216. package/dist/{chunk-QG2Z2K7X.js → chunk-TIYKXTQ6.js} +5 -5
  217. package/dist/{chunk-ONCTG5U4.js → chunk-UD2ZTEXX.js} +1 -1
  218. package/dist/{chunk-CBS2PASZ.js → chunk-UTLBVL6Z.js} +1 -1
  219. package/dist/{chunk-KJTJDPK7.js → chunk-UUUFOLCQ.js} +10 -10
  220. package/dist/{chunk-SN6PGAZH.js → chunk-UZCTMGF2.js} +2 -2
  221. package/dist/{chunk-OWNTQXMB.js → chunk-VPLVBSSQ.js} +4 -4
  222. package/dist/{chunk-KBFEDONQ.js → chunk-WPYDNO44.js} +14 -14
  223. package/dist/{chunk-V2KP7PUC.js → chunk-WQPE5BWO.js} +1 -1
  224. package/dist/{chunk-ACEGBD36.js → chunk-WRSKAZVX.js} +1 -1
  225. package/dist/{chunk-VRMG4QFQ.js → chunk-WWTPPWCZ.js} +2 -2
  226. package/dist/{chunk-MPVQIGA2.js → chunk-XF2XWEQJ.js} +9 -9
  227. package/dist/{chunk-N76DKJWN.js → chunk-XNPM7IJB.js} +2 -2
  228. package/dist/{chunk-OUL4QY63.js → chunk-YLNLBGNO.js} +5 -5
  229. package/dist/{chunk-NPG56OYN.js → chunk-YXEZVY26.js} +1 -1
  230. package/dist/{chunk-7DKZZD3Q.js → chunk-ZK46ZAPC.js} +4 -4
  231. package/dist/index.css +970 -951
  232. package/dist/index.js +84 -84
  233. package/dist/inputs/src/Input.css +33 -32
  234. package/dist/inputs/src/Input.js +1 -1
  235. package/dist/inputs/src/InputGroup.css +35 -34
  236. package/dist/inputs/src/InputGroup.js +1 -1
  237. package/dist/inputs/src/NumberField.css +59 -58
  238. package/dist/inputs/src/NumberField.js +14 -14
  239. package/dist/inputs/src/PasswordField.css +272 -271
  240. package/dist/inputs/src/PasswordField.js +14 -14
  241. package/dist/inputs/src/RemainingCharacterCount.css +32 -31
  242. package/dist/inputs/src/RemainingCharacterCount.js +9 -9
  243. package/dist/inputs/src/SearchField.css +278 -277
  244. package/dist/inputs/src/SearchField.js +15 -15
  245. package/dist/inputs/src/TextArea.css +56 -55
  246. package/dist/inputs/src/TextArea.js +13 -13
  247. package/dist/inputs/src/TextField.css +276 -275
  248. package/dist/inputs/src/TextField.js +17 -17
  249. package/dist/inputs/src/index.css +324 -323
  250. package/dist/inputs/src/index.js +21 -21
  251. package/dist/overlays/Popover/src/Popover.css +565 -570
  252. package/dist/overlays/Popover/src/Popover.js +9 -9
  253. package/dist/overlays/Popover/src/PopoverBase.css +33 -32
  254. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  255. package/dist/overlays/Popover/src/index.css +569 -574
  256. package/dist/overlays/Popover/src/index.js +10 -10
  257. package/dist/radio/src/DecorativeRadio.css +56 -55
  258. package/dist/radio/src/DecorativeRadio.js +10 -10
  259. package/dist/radio/src/Radio.css +48 -47
  260. package/dist/radio/src/Radio.js +9 -9
  261. package/dist/radio/src/RadioField.css +35 -34
  262. package/dist/radio/src/RadioField.js +5 -5
  263. package/dist/radio/src/RadioGroup.css +100 -99
  264. package/dist/radio/src/RadioGroup.js +9 -9
  265. package/dist/radio/src/index.css +100 -99
  266. package/dist/radio/src/index.js +15 -15
  267. package/dist/switch/src/Switch.css +45 -44
  268. package/dist/switch/src/Switch.js +9 -9
  269. package/dist/switch/src/SwitchField.css +35 -34
  270. package/dist/switch/src/SwitchField.js +5 -5
  271. package/dist/switch/src/index.css +51 -50
  272. package/dist/switch/src/index.js +11 -11
  273. package/dist/tag/src/Tag.css +393 -392
  274. package/dist/tag/src/Tag.js +15 -15
  275. package/dist/tag/src/TagGroup.css +39 -38
  276. package/dist/tag/src/TagGroup.js +9 -9
  277. package/dist/tag/src/index.css +403 -402
  278. package/dist/tag/src/index.js +18 -18
  279. package/dist/typography/Heading/src/Heading.css +29 -28
  280. package/dist/typography/Heading/src/Heading.js +1 -1
  281. package/dist/typography/Heading/src/index.css +29 -28
  282. package/dist/typography/Heading/src/index.js +1 -1
  283. package/dist/typography/Label/src/Label.css +29 -28
  284. package/dist/typography/Label/src/Label.js +2 -2
  285. package/dist/typography/Label/src/index.css +29 -28
  286. package/dist/typography/Label/src/index.js +2 -2
  287. package/dist/typography/OverlineText/src/OverlineText.css +29 -28
  288. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  289. package/dist/typography/OverlineText/src/index.css +29 -28
  290. package/dist/typography/OverlineText/src/index.js +1 -1
  291. package/dist/typography/Text/src/Text.css +29 -28
  292. package/dist/typography/Text/src/Text.js +2 -2
  293. package/dist/typography/Text/src/index.css +29 -28
  294. package/dist/typography/Text/src/index.js +2 -2
  295. package/dist/utils/src/ClearSlots.css +29 -28
  296. package/dist/utils/src/EnsureTextWrapper.css +29 -28
  297. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  298. package/dist/utils/src/index.css +29 -28
  299. package/dist/utils/src/index.js +9 -9
  300. package/package.json +2 -2
  301. package/dist/HopperProvider/src/HopperProvider.css +0 -243
  302. package/dist/HopperProvider/src/index.css +0 -243
@@ -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___kWPAE {
2
+ .Heading-module__hop-Heading___PbN4J {
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,50 +33,51 @@
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___kWPAE) {
36
+ :where(.Heading-module__hop-Heading___PbN4J) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
+ color: var(--hop-neutral-text);
42
43
  }
43
- :where(.Heading-module__hop-Heading--xs___8M-TF) {
44
+ :where(.Heading-module__hop-Heading--xs___sDSYO) {
44
45
  --font-size: var(--hop-Heading-xs-font-size);
45
46
  --font-family: var(--hop-Heading-xs-font-family);
46
47
  --font-weight: var(--hop-Heading-xs-font-weight);
47
48
  --line-height: var(--hop-Heading-xs-line-height);
48
49
  }
49
- :where(.Heading-module__hop-Heading--sm___c0T04) {
50
+ :where(.Heading-module__hop-Heading--sm___o8p-S) {
50
51
  --font-size: var(--hop-Heading-sm-font-size);
51
52
  --font-family: var(--hop-Heading-sm-font-family);
52
53
  --font-weight: var(--hop-Heading-sm-font-weight);
53
54
  --line-height: var(--hop-Heading-sm-line-height);
54
55
  }
55
- :where(.Heading-module__hop-Heading--md___-3w5Z) {
56
+ :where(.Heading-module__hop-Heading--md___wxJYH) {
56
57
  --font-size: var(--hop-Heading-md-font-size);
57
58
  --font-family: var(--hop-Heading-md-font-family);
58
59
  --font-weight: var(--hop-Heading-md-font-weight);
59
60
  --line-height: var(--hop-Heading-md-line-height);
60
61
  }
61
- :where(.Heading-module__hop-Heading--lg___2JkG-) {
62
+ :where(.Heading-module__hop-Heading--lg___6syvG) {
62
63
  --font-size: var(--hop-Heading-lg-font-size);
63
64
  --font-family: var(--hop-Heading-lg-font-family);
64
65
  --font-weight: var(--hop-Heading-lg-font-weight);
65
66
  --line-height: var(--hop-Heading-lg-line-height);
66
67
  }
67
- :where(.Heading-module__hop-Heading--xl___FwgK2) {
68
+ :where(.Heading-module__hop-Heading--xl___gs6C0) {
68
69
  --font-size: var(--hop-Heading-xl-font-size);
69
70
  --font-family: var(--hop-Heading-xl-font-family);
70
71
  --font-weight: var(--hop-Heading-xl-font-weight);
71
72
  --line-height: var(--hop-Heading-xl-line-height);
72
73
  }
73
- :where(.Heading-module__hop-Heading--2xl___f6Q4-) {
74
+ :where(.Heading-module__hop-Heading--2xl___1OpKr) {
74
75
  --font-size: var(--hop-Heading-2xl-font-size);
75
76
  --font-family: var(--hop-Heading-2xl-font-family);
76
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
78
  --line-height: var(--hop-Heading-2xl-line-height);
78
79
  }
79
- :where(.Heading-module__hop-Heading--3xl___Rd4o5) {
80
+ :where(.Heading-module__hop-Heading--3xl___pzJV6) {
80
81
  --font-size: var(--hop-Heading-3xl-font-size);
81
82
  --font-family: var(--hop-Heading-3xl-font-family);
82
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +85,7 @@
84
85
  }
85
86
 
86
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___oA9R9) {
88
+ :where(.OverlineText-module__hop-OverlineText___WcxIe) {
88
89
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
90
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
91
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,52 +109,52 @@
108
109
  text-transform: uppercase;
109
110
  letter-spacing: var(--letter-spacing);
110
111
  }
111
- .OverlineText-module__hop-OverlineText__text___ZKpmS {
112
+ .OverlineText-module__hop-OverlineText__text___Q2au7 {
112
113
  box-sizing: border-box;
113
114
  }
114
- .OverlineText-module__hop-OverlineText__text___ZKpmS::before,
115
- .OverlineText-module__hop-OverlineText__text___ZKpmS::after {
115
+ .OverlineText-module__hop-OverlineText__text___Q2au7::before,
116
+ .OverlineText-module__hop-OverlineText__text___Q2au7::after {
116
117
  content: "";
117
118
  display: block;
118
119
  box-sizing: border-box;
119
120
  inline-size: 0;
120
121
  block-size: 0;
121
122
  }
122
- .OverlineText-module__hop-OverlineText__text___ZKpmS::before {
123
+ .OverlineText-module__hop-OverlineText__text___Q2au7::before {
123
124
  margin-block-end: var(--bottom-offset);
124
125
  }
125
- .OverlineText-module__hop-OverlineText__text___ZKpmS::after {
126
+ .OverlineText-module__hop-OverlineText__text___Q2au7::after {
126
127
  margin-block-start: var(--top-offset);
127
128
  }
128
129
 
129
130
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
130
- .Form-module__hop-Form___GoxGC {
131
+ .Form-module__hop-Form___JGzU3 {
131
132
  display: flex;
132
133
  flex-direction: column;
133
134
  gap: var(--hop-space-stack-lg);
134
135
  }
135
136
 
136
137
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
137
- .Label-module__hop-Label___Q0BAM {
138
+ .Label-module__hop-Label___JpqoQ {
138
139
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
139
140
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
140
141
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
141
142
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
142
143
  --hop-Label-color: var(--hop-neutral-text-weak);
143
144
  }
144
- :where(.Label-module__hop-Label___Q0BAM) {
145
+ :where(.Label-module__hop-Label___JpqoQ) {
145
146
  font-family: var(--hop-Label-font-family);
146
147
  font-size: var(--hop-Label-font-size);
147
148
  font-weight: var(--hop-Label-font-weight);
148
149
  line-height: var(--hop-Label-line-height);
149
150
  color: var(--hop-Label-color);
150
151
  }
151
- :where(.Label-module__hop-Label__indicator___AQXv3) {
152
+ :where(.Label-module__hop-Label__indicator___CvWTu) {
152
153
  padding-inline-start: var(--hop-space-20);
153
154
  }
154
155
 
155
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
156
- .Text-module__hop-Text___RMvYl {
157
+ .Text-module__hop-Text___EG-9f {
157
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
158
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
159
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -183,49 +184,49 @@
183
184
  --hop-Text-inherit-size-font-weight: inherit;
184
185
  --hop-Text-inherit-size-line-height: inherit;
185
186
  }
186
- :where(.Text-module__hop-Text___RMvYl) {
187
+ :where(.Text-module__hop-Text___EG-9f) {
187
188
  font-family: var(--font-family);
188
189
  font-size: var(--font-size);
189
190
  font-weight: var(--font-weight);
190
191
  line-height: var(--line-height);
191
192
  }
192
- :where(.Text-module__hop-Text--xs___AtGcC) {
193
+ :where(.Text-module__hop-Text--xs___m5ae1) {
193
194
  --font-size: var(--hop-Text-xs-font-size);
194
195
  --font-family: var(--hop-Text-xs-font-family);
195
196
  --font-weight: var(--hop-Text-xs-font-weight);
196
197
  --line-height: var(--hop-Text-xs-line-height);
197
198
  }
198
- :where(.Text-module__hop-Text--sm___8qDjg) {
199
+ :where(.Text-module__hop-Text--sm___P9Te6) {
199
200
  --font-size: var(--hop-Text-sm-font-size);
200
201
  --font-family: var(--hop-Text-sm-font-family);
201
202
  --font-weight: var(--hop-Text-sm-font-weight);
202
203
  --line-height: var(--hop-Text-sm-line-height);
203
204
  }
204
- :where(.Text-module__hop-Text--md___OCr1h) {
205
+ :where(.Text-module__hop-Text--md___CsvdW) {
205
206
  --font-size: var(--hop-Text-md-font-size);
206
207
  --font-family: var(--hop-Text-md-font-family);
207
208
  --font-weight: var(--hop-Text-md-font-weight);
208
209
  --line-height: var(--hop-Text-md-line-height);
209
210
  }
210
- :where(.Text-module__hop-Text--lg___ru0qO) {
211
+ :where(.Text-module__hop-Text--lg___djVDC) {
211
212
  --font-size: var(--hop-Text-lg-font-size);
212
213
  --font-family: var(--hop-Text-lg-font-family);
213
214
  --font-weight: var(--hop-Text-lg-font-weight);
214
215
  --line-height: var(--hop-Text-lg-line-height);
215
216
  }
216
- :where(.Text-module__hop-Text--xl___PW1Ys) {
217
+ :where(.Text-module__hop-Text--xl___DXGRT) {
217
218
  --font-size: var(--hop-Text-xl-font-size);
218
219
  --font-family: var(--hop-Text-xl-font-family);
219
220
  --font-weight: var(--hop-Text-xl-font-weight);
220
221
  --line-height: var(--hop-Text-xl-line-height);
221
222
  }
222
- :where(.Text-module__hop-Text--2xl___9vksQ) {
223
+ :where(.Text-module__hop-Text--2xl___a-mOu) {
223
224
  --font-size: var(--hop-Text-2xl-font-size);
224
225
  --font-family: var(--hop-Text-2xl-font-family);
225
226
  --font-weight: var(--hop-Text-2xl-font-weight);
226
227
  --line-height: var(--hop-Text-2xl-line-height);
227
228
  }
228
- :where(.Text-module__hop-Text--inherit___jX9bn) {
229
+ :where(.Text-module__hop-Text--inherit___AiKC5) {
229
230
  --font-size: var(--hop-Text-inherit-size-font-size);
230
231
  --font-family: var(--hop-Text-inherit-size-font-family);
231
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -233,7 +234,7 @@
233
234
  }
234
235
 
235
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
236
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___8PlQN {
237
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc {
237
238
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
238
239
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
239
240
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -264,46 +265,46 @@
264
265
  background-color: var(--background-color);
265
266
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
266
267
  }
267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___OdF6d {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___WbCz1 {
268
269
  --size: var(--hop-RichIconAvatarImage-xs-size);
269
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
270
271
  }
271
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RYGoE {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___vRNIR {
272
273
  --size: var(--hop-RichIconAvatarImage-sm-size);
273
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
274
275
  }
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___weiba {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___S0vLM {
276
277
  --size: var(--hop-RichIconAvatarImage-md-size);
277
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
278
279
  }
279
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Z0W8q {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___JNj6j {
280
281
  --size: var(--hop-RichIconAvatarImage-lg-size);
281
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
282
283
  }
283
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Rdtx- {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___98psL {
284
285
  --size: var(--hop-RichIconAvatarImage-xl-size);
285
286
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
286
287
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ZrElV {
288
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___SUCQ0 {
288
289
  --size: var(--hop-RichIconAvatarImage-2xl-size);
289
290
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
290
291
  }
291
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___8PlQN[data-disabled] {
292
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc[data-disabled] {
292
293
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
293
294
  }
294
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___HNPEm {
295
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YP-kJ {
295
296
  position: relative;
296
297
  display: block;
297
298
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
298
299
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
299
300
  }
300
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___8PlQN[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___HNPEm {
301
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___PDZuc[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YP-kJ {
301
302
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
302
303
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
303
304
  }
304
305
 
305
306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
306
- .Avatar-module__hop-Avatar___MUb-2 {
307
+ .Avatar-module__hop-Avatar___5JAfz {
307
308
  --hop-Avatar-border-radius: var(--hop-shape-circle);
308
309
  --hop-Avatar-mix-blend-mode: normal;
309
310
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -348,67 +349,67 @@
348
349
  background-color: var(--background-color, transparent);
349
350
  border-radius: var(--hop-Avatar-border-radius);
350
351
  }
351
- .Avatar-module__hop-Avatar--xs___-QYAE {
352
+ .Avatar-module__hop-Avatar--xs___6FHdB {
352
353
  --size: var(--hop-Avatar-xs-size);
353
354
  }
354
- .Avatar-module__hop-Avatar--sm___YhsN3 {
355
+ .Avatar-module__hop-Avatar--sm___vo5u5 {
355
356
  --size: var(--hop-Avatar-sm-size);
356
357
  }
357
- .Avatar-module__hop-Avatar--md___UqtFI {
358
+ .Avatar-module__hop-Avatar--md___i5rkh {
358
359
  --size: var(--hop-Avatar-md-size);
359
360
  }
360
- .Avatar-module__hop-Avatar--lg___aT6FU {
361
+ .Avatar-module__hop-Avatar--lg___p5Jm8 {
361
362
  --size: var(--hop-Avatar-lg-size);
362
363
  }
363
- .Avatar-module__hop-Avatar--xl___RbxrI {
364
+ .Avatar-module__hop-Avatar--xl___hEmVr {
364
365
  --size: var(--hop-Avatar-xl-size);
365
366
  }
366
- .Avatar-module__hop-Avatar--2xl___tiooZ {
367
+ .Avatar-module__hop-Avatar--2xl___bxFjv {
367
368
  --size: var(--hop-Avatar-2xl-size);
368
369
  }
369
- .Avatar-module__hop-Avatar--decorative-option1___-aSro {
370
+ .Avatar-module__hop-Avatar--decorative-option1___5XDFP {
370
371
  --background-color: var(--hop-Avatar-decorative-1-background-color);
371
372
  --text-color: var(--hop-Avatar-decorative-1-text-color);
372
373
  }
373
- .Avatar-module__hop-Avatar--decorative-option2___P016E {
374
+ .Avatar-module__hop-Avatar--decorative-option2___KiOPl {
374
375
  --background-color: var(--hop-Avatar-decorative-2-background-color);
375
376
  --text-color: var(--hop-Avatar-decorative-2-text-color);
376
377
  }
377
- .Avatar-module__hop-Avatar--decorative-option3___ZVZUE {
378
+ .Avatar-module__hop-Avatar--decorative-option3___PGXHX {
378
379
  --background-color: var(--hop-Avatar-decorative-3-background-color);
379
380
  --text-color: var(--hop-Avatar-decorative-3-text-color);
380
381
  }
381
- .Avatar-module__hop-Avatar--decorative-option4___SGQEX {
382
+ .Avatar-module__hop-Avatar--decorative-option4___xZw5B {
382
383
  --background-color: var(--hop-Avatar-decorative-4-background-color);
383
384
  --text-color: var(--hop-Avatar-decorative-4-text-color);
384
385
  }
385
- .Avatar-module__hop-Avatar--decorative-option5___aB-D4 {
386
+ .Avatar-module__hop-Avatar--decorative-option5___CQzm8 {
386
387
  --background-color: var(--hop-Avatar-decorative-5-background-color);
387
388
  --text-color: var(--hop-Avatar-decorative-5-text-color);
388
389
  }
389
- .Avatar-module__hop-Avatar--decorative-option6___YhM1Y {
390
+ .Avatar-module__hop-Avatar--decorative-option6___cbZJi {
390
391
  --background-color: var(--hop-Avatar-decorative-6-background-color);
391
392
  --text-color: var(--hop-Avatar-decorative-6-text-color);
392
393
  }
393
- .Avatar-module__hop-Avatar--decorative-option7___B0I-x {
394
+ .Avatar-module__hop-Avatar--decorative-option7___tVC82 {
394
395
  --background-color: var(--hop-Avatar-decorative-7-background-color);
395
396
  --text-color: var(--hop-Avatar-decorative-7-text-color);
396
397
  }
397
- .Avatar-module__hop-Avatar--decorative-option8___LaPv6 {
398
+ .Avatar-module__hop-Avatar--decorative-option8___rlt4j {
398
399
  --background-color: var(--hop-Avatar-decorative-8-background-color);
399
400
  --text-color: var(--hop-Avatar-decorative-8-text-color);
400
401
  }
401
- .Avatar-module__hop-Avatar--decorative-option9___V-m-M {
402
+ .Avatar-module__hop-Avatar--decorative-option9___w7ylr {
402
403
  --background-color: var(--hop-Avatar-decorative-9-background-color);
403
404
  --text-color: var(--hop-Avatar-decorative-9-text-color);
404
405
  }
405
- .Avatar-module__hop-Avatar___MUb-2[data-disabled] {
406
+ .Avatar-module__hop-Avatar___5JAfz[data-disabled] {
406
407
  --background-color: var(--hop-Avatar-background-color-disabled);
407
408
  --text-color: var(--hop-Avatar-text-color-disabled);
408
409
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
409
410
  isolation: isolate;
410
411
  }
411
- .Avatar-module__hop-Avatar__image___YQtd8 {
412
+ .Avatar-module__hop-Avatar__image___HloD- {
412
413
  position: relative;
413
414
  display: block;
414
415
  box-sizing: border-box;
@@ -419,7 +420,7 @@
419
420
  }
420
421
 
421
422
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
422
- .Badge-module__hop-Badge___-QVR5 {
423
+ .Badge-module__hop-Badge___9RQnl {
423
424
  --hop-Badge-height: 1.5rem;
424
425
  --hop-Badge-width: max-content;
425
426
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -469,67 +470,67 @@
469
470
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
470
471
  border-radius: var(--border-radius);
471
472
  }
472
- .Badge-module__hop-Badge--primary___w0Ipw {
473
+ .Badge-module__hop-Badge--primary___Llr-j {
473
474
  --background-color: var(--hop-Badge-primary-background-color);
474
475
  --text-color: var(--hop-Badge-primary-text-color);
475
476
  }
476
- .Badge-module__hop-Badge--primary___w0Ipw[data-hovered] {
477
+ .Badge-module__hop-Badge--primary___Llr-j[data-hovered] {
477
478
  --background-color: var(--hop-Badge-primary-background-color-hovered);
478
479
  --text-color: var(--hop-Badge-primary-text-color-hovered);
479
480
  }
480
- .Badge-module__hop-Badge--primary___w0Ipw[data-pressed] {
481
+ .Badge-module__hop-Badge--primary___Llr-j[data-pressed] {
481
482
  --background-color: var(--hop-Badge-primary-background-color-pressed);
482
483
  --text-color: var(--hop-Badge-primary-text-color-pressed);
483
484
  }
484
- .Badge-module__hop-Badge--primary___w0Ipw[data-selected] {
485
+ .Badge-module__hop-Badge--primary___Llr-j[data-selected] {
485
486
  --background-color: var(--hop-Badge-primary-background-color-selected);
486
487
  --text-color: var(--hop-Badge-primary-text-color-selected);
487
488
  }
488
- .Badge-module__hop-Badge--secondary___349Zj {
489
+ .Badge-module__hop-Badge--secondary___I0tws {
489
490
  --background-color: var(--hop-Badge-secondary-background-color);
490
491
  --text-color: var(--hop-Badge-secondary-text-color);
491
492
  }
492
- .Badge-module__hop-Badge--secondary___349Zj[data-hovered] {
493
+ .Badge-module__hop-Badge--secondary___I0tws[data-hovered] {
493
494
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
494
495
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
495
496
  }
496
- .Badge-module__hop-Badge--secondary___349Zj[data-pressed] {
497
+ .Badge-module__hop-Badge--secondary___I0tws[data-pressed] {
497
498
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
498
499
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
499
500
  }
500
- .Badge-module__hop-Badge--secondary___349Zj[data-selected] {
501
+ .Badge-module__hop-Badge--secondary___I0tws[data-selected] {
501
502
  --background-color: var(--hop-Badge-secondary-background-color-selected);
502
503
  --text-color: var(--hop-Badge-secondary-text-color-selected);
503
504
  }
504
- .Badge-module__hop-Badge--subdued___m0kk9 {
505
+ .Badge-module__hop-Badge--subdued___mWpxJ {
505
506
  --background-color: var(--hop-Badge-subdued-background-color);
506
507
  --text-color: var(--hop-Badge-subdued-text-color);
507
508
  }
508
- .Badge-module__hop-Badge--subdued___m0kk9[data-hovered] {
509
+ .Badge-module__hop-Badge--subdued___mWpxJ[data-hovered] {
509
510
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
510
511
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
511
512
  }
512
- .Badge-module__hop-Badge--subdued___m0kk9[data-pressed] {
513
+ .Badge-module__hop-Badge--subdued___mWpxJ[data-pressed] {
513
514
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
514
515
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
515
516
  }
516
- .Badge-module__hop-Badge--subdued___m0kk9[data-selected] {
517
+ .Badge-module__hop-Badge--subdued___mWpxJ[data-selected] {
517
518
  --background-color: var(--hop-Badge-subdued-background-color-selected);
518
519
  --text-color: var(--hop-Badge-subdued-text-color-selected);
519
520
  }
520
- .Badge-module__hop-Badge___-QVR5[data-indeterminate] {
521
+ .Badge-module__hop-Badge___9RQnl[data-indeterminate] {
521
522
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
522
523
  --height: var(--hop-Badge-indeterminate-height);
523
524
  --width: var(--hop-Badge-indeterminate-width);
524
525
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
525
526
  }
526
- .Badge-module__hop-Badge___-QVR5[data-disabled] {
527
+ .Badge-module__hop-Badge___9RQnl[data-disabled] {
527
528
  --background-color: var(--hop-Badge-background-color-disabled);
528
529
  --text-color: var(--hop-Badge-text-color-disabled);
529
530
  }
530
531
 
531
532
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
532
- .FloatingBadge-module__hop-FloatingBadge___ulgVB {
533
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO {
533
534
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
534
535
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
535
536
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -570,7 +571,7 @@
570
571
  box-sizing: border-box;
571
572
  inline-size: max-content;
572
573
  }
573
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="top right"] {
574
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top right"] {
574
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
575
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
576
577
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -578,11 +579,11 @@
578
579
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
579
580
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
580
581
  }
581
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="top right"][data-overlap=circular] {
582
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top right"][data-overlap=circular] {
582
583
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
583
584
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
584
585
  }
585
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="top left"] {
586
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top left"] {
586
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
587
588
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
588
589
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -590,11 +591,11 @@
590
591
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
591
592
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
592
593
  }
593
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="top left"][data-overlap=circular] {
594
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="top left"][data-overlap=circular] {
594
595
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
595
596
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
596
597
  }
597
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="bottom right"] {
598
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom right"] {
598
599
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
599
600
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
600
601
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -602,11 +603,11 @@
602
603
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
603
604
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
604
605
  }
605
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="bottom right"][data-overlap=circular] {
606
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom right"][data-overlap=circular] {
606
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
607
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
608
609
  }
609
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="bottom left"] {
610
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom left"] {
610
611
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
611
612
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
612
613
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -614,11 +615,11 @@
614
615
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
615
616
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
616
617
  }
617
- .FloatingBadge-module__hop-FloatingBadge___ulgVB[data-placement="bottom left"][data-overlap=circular] {
618
+ .FloatingBadge-module__hop-FloatingBadge___g0xbO[data-placement="bottom left"][data-overlap=circular] {
618
619
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
619
620
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
620
621
  }
621
- .FloatingBadge-module__hop-FloatingBadge__badge___k5Sy- {
622
+ .FloatingBadge-module__hop-FloatingBadge__badge___nriJy {
622
623
  position: absolute;
623
624
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
624
625
  transform-origin: var(--badge-transform-origin);
@@ -626,7 +627,7 @@
626
627
  }
627
628
 
628
629
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
629
- .IconList-module__hop-IconList___U1O6- {
630
+ .IconList-module__hop-IconList___LMON6 {
630
631
  --hop-IconList-gap: var(--hop-space-inline-xs);
631
632
  display: flex;
632
633
  flex-wrap: wrap;
@@ -635,7 +636,7 @@
635
636
  }
636
637
 
637
638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
638
- .Checkbox-module__hop-Checkbox___pE6AL {
639
+ .Checkbox-module__hop-Checkbox___kFjD4 {
639
640
  --hop-Checkbox-box-border-size: 0.0625rem;
640
641
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
641
642
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -710,60 +711,60 @@
710
711
  inline-size: max-content;
711
712
  max-inline-size: 100%;
712
713
  }
713
- .Checkbox-module__hop-Checkbox___pE6AL[data-focus-visible] {
714
+ .Checkbox-module__hop-Checkbox___kFjD4[data-focus-visible] {
714
715
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
715
716
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
716
717
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
717
718
  --text-color: var(--hop-Checkbox-text-color-focused);
718
719
  --icon-color: var(--hop-Checkbox-icon-color-focused);
719
720
  }
720
- .Checkbox-module__hop-Checkbox___pE6AL[data-hovered] {
721
+ .Checkbox-module__hop-Checkbox___kFjD4[data-hovered] {
721
722
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
722
723
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
723
724
  --text-color: var(--hop-Checkbox-text-color-hovered);
724
725
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
725
726
  }
726
- .Checkbox-module__hop-Checkbox___pE6AL[data-pressed] {
727
+ .Checkbox-module__hop-Checkbox___kFjD4[data-pressed] {
727
728
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
728
729
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
729
730
  --text-color: var(--hop-Checkbox-text-color-pressed);
730
731
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
731
732
  }
732
- .Checkbox-module__hop-Checkbox___pE6AL[data-selected] {
733
+ .Checkbox-module__hop-Checkbox___kFjD4[data-selected] {
733
734
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
734
735
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
735
736
  --check-display: var(--hop-Checkbox-check-display-selected);
736
737
  --text-color: var(--hop-Checkbox-text-color-selected);
737
738
  --icon-color: var(--hop-Checkbox-icon-color-selected);
738
739
  }
739
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid] {
740
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid] {
740
741
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
741
742
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
742
743
  --check-color: var(--hop-Checkbox-check-color-invalid);
743
744
  --text-color: var(--hop-Checkbox-text-color-invalid);
744
745
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
745
746
  }
746
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-focus-visible]) {
747
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-focus-visible]) {
747
748
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
748
749
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
749
750
  }
750
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-hovered]) {
751
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-hovered]) {
751
752
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
752
753
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
753
754
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
754
755
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
755
756
  }
756
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-pressed]) {
757
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-pressed]) {
757
758
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
758
759
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
759
760
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
760
761
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
761
762
  }
762
- .Checkbox-module__hop-Checkbox___pE6AL:where([data-invalid])[data-selected] {
763
+ .Checkbox-module__hop-Checkbox___kFjD4:where([data-invalid])[data-selected] {
763
764
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
764
765
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
765
766
  }
766
- .Checkbox-module__hop-Checkbox___pE6AL[data-disabled] {
767
+ .Checkbox-module__hop-Checkbox___kFjD4[data-disabled] {
767
768
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
768
769
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
769
770
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -771,25 +772,25 @@
771
772
  --text-color: var(--hop-Checkbox-text-color-disabled);
772
773
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
773
774
  }
774
- .Checkbox-module__hop-Checkbox--sm___zVx26 {
775
+ .Checkbox-module__hop-Checkbox--sm___s3EZV {
775
776
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
776
777
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
777
778
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
778
779
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
779
780
  }
780
- .Checkbox-module__hop-Checkbox--md___0OsuG {
781
+ .Checkbox-module__hop-Checkbox--md___CuEkU {
781
782
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
782
783
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
783
784
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
784
785
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
785
786
  }
786
- .Checkbox-module__hop-Checkbox__icon___eeSQ5,
787
- .Checkbox-module__hop-Checkbox__icon-list___84oFA {
787
+ .Checkbox-module__hop-Checkbox__icon___-xC44,
788
+ .Checkbox-module__hop-Checkbox__icon-list___HSl7r {
788
789
  flex: 0 0 auto;
789
790
  order: 3;
790
791
  color: var(--icon-color);
791
792
  }
792
- .Checkbox-module__hop-Checkbox__box___L6IVn {
793
+ .Checkbox-module__hop-Checkbox__box___0OmWF {
793
794
  display: flex;
794
795
  flex: 0 0 auto;
795
796
  align-items: center;
@@ -805,11 +806,11 @@
805
806
  outline-offset: 0.125rem;
806
807
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
807
808
  }
808
- .Checkbox-module__hop-Checkbox__check___r3qqX {
809
+ .Checkbox-module__hop-Checkbox__check___1s4Gm {
809
810
  display: var(--check-display);
810
811
  color: var(--check-color);
811
812
  }
812
- .Checkbox-module__hop-Checkbox__text___LtyAA {
813
+ .Checkbox-module__hop-Checkbox__text___vqVKG {
813
814
  flex: 0 1 auto;
814
815
  order: 2;
815
816
  min-inline-size: 0;
@@ -819,7 +820,7 @@
819
820
  }
820
821
 
821
822
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
822
- .CheckboxField-module__hop-CheckboxField___a57Qv {
823
+ .CheckboxField-module__hop-CheckboxField___IfeeI {
823
824
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
824
825
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
825
826
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -838,28 +839,28 @@
838
839
  inline-size: max-content;
839
840
  max-inline-size: 100%;
840
841
  }
841
- .CheckboxField-module__hop-CheckboxField___a57Qv[data-disabled] {
842
+ .CheckboxField-module__hop-CheckboxField___IfeeI[data-disabled] {
842
843
  --description-color: var(--hop-CheckboxField-description-color-disabled);
843
844
  }
844
- .CheckboxField-module__hop-CheckboxField--sm___kXdwO {
845
+ .CheckboxField-module__hop-CheckboxField--sm___MEtob {
845
846
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
846
847
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
847
848
  }
848
- .CheckboxField-module__hop-CheckboxField--md___RDIsg {
849
+ .CheckboxField-module__hop-CheckboxField--md___TjH8H {
849
850
  --row-gap: var(--hop-CheckboxField-md-row-gap);
850
851
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
851
852
  }
852
- .CheckboxField-module__hop-CheckboxField__description___rPdTh {
853
+ .CheckboxField-module__hop-CheckboxField__description___A0ELd {
853
854
  order: 2;
854
855
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
855
856
  color: var(--description-color);
856
857
  }
857
- .CheckboxField-module__hop-CheckboxField__checkbox___BGbYB {
858
+ .CheckboxField-module__hop-CheckboxField__checkbox___MiwlY {
858
859
  order: 1;
859
860
  }
860
861
 
861
862
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
862
- .ErrorMessage-module__hop-ErrorMessage___iv9fX {
863
+ .ErrorMessage-module__hop-ErrorMessage___6hwp- {
863
864
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
864
865
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
865
866
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -876,13 +877,13 @@
876
877
  line-height: var(--hop-ErrorMessage-line-height);
877
878
  color: var(--hop-ErrorMessage-color);
878
879
  }
879
- .ErrorMessage-module__hop-ErrorMessage__icon___TBaHJ {
880
+ .ErrorMessage-module__hop-ErrorMessage__icon___bnP6K {
880
881
  flex: 0 0 auto;
881
882
  align-self: flex-start;
882
883
  }
883
884
 
884
885
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
885
- .HelperMessage-module__hop-HelperMessage___J-1qm {
886
+ .HelperMessage-module__hop-HelperMessage___yXG0P {
886
887
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
887
888
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
888
889
  display: flex;
@@ -891,13 +892,13 @@
891
892
  box-sizing: border-box;
892
893
  color: var(--hop-HelperMessage-color);
893
894
  }
894
- .HelperMessage-module__hop-HelperMessage__icon___xQfoG {
895
+ .HelperMessage-module__hop-HelperMessage__icon___93JOY {
895
896
  flex: 0 0 auto;
896
897
  align-self: flex-start;
897
898
  }
898
899
 
899
900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
900
- .CheckboxGroup-module__hop-CheckboxGroup___HHqUy {
901
+ .CheckboxGroup-module__hop-CheckboxGroup___QZLQO {
901
902
  --hop-CheckboxGroup-align-items: flex-start;
902
903
  --hop-CheckboxGroup-justify-content: flex-start;
903
904
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -936,46 +937,46 @@
936
937
  inline-size: max-content;
937
938
  max-inline-size: 100%;
938
939
  }
939
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q {
940
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3 {
940
941
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
941
942
  --list-border-radius: var(--hop-shape-rounded-md);
942
943
  }
943
- .CheckboxGroup-module__hop-CheckboxGroup--sm___VqXmo {
944
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___W-z3x {
944
945
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
945
946
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
946
947
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
947
948
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
948
949
  }
949
- .CheckboxGroup-module__hop-CheckboxGroup--md___N9W1Y {
950
+ .CheckboxGroup-module__hop-CheckboxGroup--md___qcztg {
950
951
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
951
952
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
952
953
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
953
954
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
954
955
  }
955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q.CheckboxGroup-module__hop-CheckboxGroup--sm___VqXmo {
956
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3.CheckboxGroup-module__hop-CheckboxGroup--sm___W-z3x {
956
957
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
957
958
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
958
959
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
959
960
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
960
961
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
961
962
  }
962
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q.CheckboxGroup-module__hop-CheckboxGroup--md___N9W1Y {
963
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3.CheckboxGroup-module__hop-CheckboxGroup--md___qcztg {
963
964
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
964
965
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
965
966
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
966
967
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
967
968
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
968
969
  }
969
- .CheckboxGroup-module__hop-CheckboxGroup___HHqUy[data-orientation=horizontal] {
970
+ .CheckboxGroup-module__hop-CheckboxGroup___QZLQO[data-orientation=horizontal] {
970
971
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
971
972
  }
972
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q[data-orientation=horizontal] {
973
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=horizontal] {
973
974
  --flex-wrap: nowrap;
974
975
  }
975
- .CheckboxGroup-module__hop-CheckboxGroup___HHqUy > .CheckboxGroup-module__hop-CheckboxGroup__label___ZzXTr {
976
+ .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__label___5RV8N {
976
977
  order: 1;
977
978
  }
978
- .CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh {
979
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX {
979
980
  display: flex;
980
981
  flex-flow: var(--flex-direction) var(--flex-wrap);
981
982
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -986,7 +987,7 @@
986
987
  border: var(--list-border, none);
987
988
  border-radius: var(--list-border-radius, 0);
988
989
  }
989
- .CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj {
990
+ .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL {
990
991
  position: relative;
991
992
  flex: 0 1 auto;
992
993
  align-content: start;
@@ -994,28 +995,28 @@
994
995
  min-inline-size: 0;
995
996
  padding: var(--checkbox-padding, 0);
996
997
  }
997
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q .CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj::before {
998
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3 .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
998
999
  content: "";
999
1000
  position: absolute;
1000
1001
  display: block;
1001
1002
  }
1002
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj::before {
1003
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
1003
1004
  inset-block-start: 0;
1004
1005
  inset-inline: 0;
1005
1006
  border-block-start: var(--list-border, none);
1006
1007
  }
1007
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___HHE-q[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___6n0rh > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___bz0Yj::before {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-KpP3[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ZydmX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___qlwqL::before {
1008
1009
  inset-block: 0;
1009
1010
  inset-inline-start: 0;
1010
1011
  border-inline-start: var(--list-border, none);
1011
1012
  }
1012
- .CheckboxGroup-module__hop-CheckboxGroup___HHqUy > .CheckboxGroup-module__hop-CheckboxGroup__error-message___A31MR,
1013
- .CheckboxGroup-module__hop-CheckboxGroup___HHqUy > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___O6RaK {
1013
+ .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__error-message___bv7IG,
1014
+ .CheckboxGroup-module__hop-CheckboxGroup___QZLQO > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___DuJpv {
1014
1015
  order: 3;
1015
1016
  }
1016
1017
 
1017
1018
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1018
- .Checkbox-module__hop-Checkbox___pE6AL {
1019
+ .Checkbox-module__hop-Checkbox___kFjD4 {
1019
1020
  --hop-Checkbox-box-border-size: 0.0625rem;
1020
1021
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1021
1022
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1090,60 +1091,60 @@
1090
1091
  inline-size: max-content;
1091
1092
  max-inline-size: 100%;
1092
1093
  }
1093
- .Checkbox-module__hop-Checkbox___pE6AL[data-focus-visible] {
1094
+ .Checkbox-module__hop-Checkbox___kFjD4[data-focus-visible] {
1094
1095
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1095
1096
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1096
1097
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1097
1098
  --text-color: var(--hop-Checkbox-text-color-focused);
1098
1099
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1099
1100
  }
1100
- .Checkbox-module__hop-Checkbox___pE6AL[data-hovered] {
1101
+ .Checkbox-module__hop-Checkbox___kFjD4[data-hovered] {
1101
1102
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1102
1103
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1103
1104
  --text-color: var(--hop-Checkbox-text-color-hovered);
1104
1105
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1105
1106
  }
1106
- .Checkbox-module__hop-Checkbox___pE6AL[data-pressed] {
1107
+ .Checkbox-module__hop-Checkbox___kFjD4[data-pressed] {
1107
1108
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1108
1109
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1109
1110
  --text-color: var(--hop-Checkbox-text-color-pressed);
1110
1111
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1111
1112
  }
1112
- .Checkbox-module__hop-Checkbox___pE6AL[data-selected] {
1113
+ .Checkbox-module__hop-Checkbox___kFjD4[data-selected] {
1113
1114
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1114
1115
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1115
1116
  --check-display: var(--hop-Checkbox-check-display-selected);
1116
1117
  --text-color: var(--hop-Checkbox-text-color-selected);
1117
1118
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1118
1119
  }
1119
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid] {
1120
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid] {
1120
1121
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1121
1122
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1122
1123
  --check-color: var(--hop-Checkbox-check-color-invalid);
1123
1124
  --text-color: var(--hop-Checkbox-text-color-invalid);
1124
1125
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1125
1126
  }
1126
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-focus-visible]) {
1127
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-focus-visible]) {
1127
1128
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1128
1129
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1129
1130
  }
1130
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-hovered]) {
1131
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-hovered]) {
1131
1132
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1132
1133
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1133
1134
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1134
1135
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1135
1136
  }
1136
- .Checkbox-module__hop-Checkbox___pE6AL[data-invalid]:where([data-pressed]) {
1137
+ .Checkbox-module__hop-Checkbox___kFjD4[data-invalid]:where([data-pressed]) {
1137
1138
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1138
1139
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1139
1140
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1140
1141
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1141
1142
  }
1142
- .Checkbox-module__hop-Checkbox___pE6AL:where([data-invalid])[data-selected] {
1143
+ .Checkbox-module__hop-Checkbox___kFjD4:where([data-invalid])[data-selected] {
1143
1144
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1144
1145
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1145
1146
  }
1146
- .Checkbox-module__hop-Checkbox___pE6AL[data-disabled] {
1147
+ .Checkbox-module__hop-Checkbox___kFjD4[data-disabled] {
1147
1148
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1148
1149
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1149
1150
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1151,25 +1152,25 @@
1151
1152
  --text-color: var(--hop-Checkbox-text-color-disabled);
1152
1153
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1153
1154
  }
1154
- .Checkbox-module__hop-Checkbox--sm___zVx26 {
1155
+ .Checkbox-module__hop-Checkbox--sm___s3EZV {
1155
1156
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1156
1157
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1157
1158
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1158
1159
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1159
1160
  }
1160
- .Checkbox-module__hop-Checkbox--md___0OsuG {
1161
+ .Checkbox-module__hop-Checkbox--md___CuEkU {
1161
1162
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1162
1163
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1163
1164
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1164
1165
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1165
1166
  }
1166
- .Checkbox-module__hop-Checkbox__icon___eeSQ5,
1167
- .Checkbox-module__hop-Checkbox__icon-list___84oFA {
1167
+ .Checkbox-module__hop-Checkbox__icon___-xC44,
1168
+ .Checkbox-module__hop-Checkbox__icon-list___HSl7r {
1168
1169
  flex: 0 0 auto;
1169
1170
  order: 3;
1170
1171
  color: var(--icon-color);
1171
1172
  }
1172
- .Checkbox-module__hop-Checkbox__box___L6IVn {
1173
+ .Checkbox-module__hop-Checkbox__box___0OmWF {
1173
1174
  display: flex;
1174
1175
  flex: 0 0 auto;
1175
1176
  align-items: center;
@@ -1185,11 +1186,11 @@
1185
1186
  outline-offset: 0.125rem;
1186
1187
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1187
1188
  }
1188
- .Checkbox-module__hop-Checkbox__check___r3qqX {
1189
+ .Checkbox-module__hop-Checkbox__check___1s4Gm {
1189
1190
  display: var(--check-display);
1190
1191
  color: var(--check-color);
1191
1192
  }
1192
- .Checkbox-module__hop-Checkbox__text___LtyAA {
1193
+ .Checkbox-module__hop-Checkbox__text___vqVKG {
1193
1194
  flex: 0 1 auto;
1194
1195
  order: 2;
1195
1196
  min-inline-size: 0;
@@ -1197,24 +1198,24 @@
1197
1198
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1198
1199
  color: var(--text-color);
1199
1200
  }
1200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___VnYHz {
1201
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___wp5-P {
1201
1202
  }
1202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fToio {
1203
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___zz-x1 {
1203
1204
  }
1204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___nsM-W {
1205
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___q9LjR {
1205
1206
  }
1206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___5F19A,
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___OQVPZ {
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___3VGX5,
1208
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___G12mn {
1208
1209
  }
1209
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-0UO3 {
1210
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZlqkH {
1210
1211
  }
1211
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dx0hy {
1212
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___dOZDa {
1212
1213
  }
1213
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8uzWq {
1214
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___s7-LL {
1214
1215
  }
1215
1216
 
1216
1217
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1217
- .Radio-module__hop-Radio___43wdy {
1218
+ .Radio-module__hop-Radio___A004I {
1218
1219
  --hop-Radio-box-border-size: 0.0625rem;
1219
1220
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1220
1221
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1288,60 +1289,60 @@
1288
1289
  inline-size: max-content;
1289
1290
  max-inline-size: 100%;
1290
1291
  }
1291
- .Radio-module__hop-Radio___43wdy[data-focus-visible] {
1292
+ .Radio-module__hop-Radio___A004I[data-focus-visible] {
1292
1293
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1293
1294
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1294
1295
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1295
1296
  --text-color: var(--hop-Radio-text-color-focused);
1296
1297
  --icon-color: var(--hop-Radio-icon-color-focused);
1297
1298
  }
1298
- .Radio-module__hop-Radio___43wdy[data-hovered] {
1299
+ .Radio-module__hop-Radio___A004I[data-hovered] {
1299
1300
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1300
1301
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1301
1302
  --text-color: var(--hop-Radio-text-color-hovered);
1302
1303
  --icon-color: var(--hop-Radio-icon-color-hovered);
1303
1304
  }
1304
- .Radio-module__hop-Radio___43wdy[data-pressed] {
1305
+ .Radio-module__hop-Radio___A004I[data-pressed] {
1305
1306
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1306
1307
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1307
1308
  --text-color: var(--hop-Radio-text-color-pressed);
1308
1309
  --icon-color: var(--hop-Radio-icon-color-pressed);
1309
1310
  }
1310
- .Radio-module__hop-Radio___43wdy[data-selected] {
1311
+ .Radio-module__hop-Radio___A004I[data-selected] {
1311
1312
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1312
1313
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1313
1314
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1314
1315
  --text-color: var(--hop-Radio-text-color-selected);
1315
1316
  --icon-color: var(--hop-Radio-icon-color-selected);
1316
1317
  }
1317
- .Radio-module__hop-Radio___43wdy[data-invalid] {
1318
+ .Radio-module__hop-Radio___A004I[data-invalid] {
1318
1319
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1319
1320
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1320
1321
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1321
1322
  --text-color: var(--hop-Radio-text-color-invalid);
1322
1323
  --icon-color: var(--hop-Radio-icon-color-invalid);
1323
1324
  }
1324
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-focus-visible] {
1325
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-focus-visible] {
1325
1326
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1326
1327
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1327
1328
  }
1328
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-hovered] {
1329
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-hovered] {
1329
1330
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1330
1331
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1331
1332
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1332
1333
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1333
1334
  }
1334
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-pressed] {
1335
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-pressed] {
1335
1336
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1336
1337
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1337
1338
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1338
1339
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1339
1340
  }
1340
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-selected] {
1341
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-selected] {
1341
1342
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1342
1343
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1343
1344
  }
1344
- .Radio-module__hop-Radio___43wdy[data-disabled] {
1345
+ .Radio-module__hop-Radio___A004I[data-disabled] {
1345
1346
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1346
1347
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1347
1348
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1349,25 +1350,25 @@
1349
1350
  --text-color: var(--hop-Radio-text-color-disabled);
1350
1351
  --icon-color: var(--hop-Radio-icon-color-disabled);
1351
1352
  }
1352
- .Radio-module__hop-Radio--sm___wG2S- {
1353
+ .Radio-module__hop-Radio--sm___JpfAf {
1353
1354
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1354
1355
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1355
1356
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1356
1357
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1357
1358
  }
1358
- .Radio-module__hop-Radio--md___ByKxi {
1359
+ .Radio-module__hop-Radio--md___Xc0y- {
1359
1360
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1360
1361
  --box-block-size: var(--hop-Radio-box-md-block-size);
1361
1362
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1362
1363
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1363
1364
  }
1364
- .Radio-module__hop-Radio__icon___-gtVt,
1365
- .Radio-module__hop-Radio__icon-list___yY6hj {
1365
+ .Radio-module__hop-Radio__icon___UGrQo,
1366
+ .Radio-module__hop-Radio__icon-list___Adpp0 {
1366
1367
  flex: 0 0 auto;
1367
1368
  order: 3;
1368
1369
  color: var(--icon-color);
1369
1370
  }
1370
- .Radio-module__hop-Radio__box___xCYmt {
1371
+ .Radio-module__hop-Radio__box___NcMdH {
1371
1372
  display: flex;
1372
1373
  flex: 0 0 auto;
1373
1374
  align-items: center;
@@ -1383,11 +1384,11 @@
1383
1384
  outline-offset: 0.125rem;
1384
1385
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1385
1386
  }
1386
- .Radio-module__hop-Radio__bullet___1DDid {
1387
+ .Radio-module__hop-Radio__bullet___HdvYG {
1387
1388
  display: var(--bullet-display);
1388
1389
  color: var(--bullet-color);
1389
1390
  }
1390
- .Radio-module__hop-Radio__text___0W4pi {
1391
+ .Radio-module__hop-Radio__text___lH3BC {
1391
1392
  flex: 0 1 auto;
1392
1393
  order: 2;
1393
1394
  min-inline-size: 0;
@@ -1395,24 +1396,24 @@
1395
1396
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1396
1397
  color: var(--text-color);
1397
1398
  }
1398
- .DecorativeRadio-module__hop-DecorativeRadio___FjFTZ {
1399
+ .DecorativeRadio-module__hop-DecorativeRadio___N8gqb {
1399
1400
  }
1400
- .DecorativeRadio-module__hop-DecorativeRadio--sm___WL8NQ {
1401
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___VnHG6 {
1401
1402
  }
1402
- .DecorativeRadio-module__hop-DecorativeRadio--md___Ojl8C {
1403
+ .DecorativeRadio-module__hop-DecorativeRadio--md___id-Ks {
1403
1404
  }
1404
- .DecorativeRadio-module__hop-DecorativeRadio__icon___RLDAz,
1405
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___GMDqN {
1405
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___zbjGL,
1406
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___pQ7NU {
1406
1407
  }
1407
- .DecorativeRadio-module__hop-DecorativeRadio__box___6X5y5 {
1408
+ .DecorativeRadio-module__hop-DecorativeRadio__box___XQynF {
1408
1409
  }
1409
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___fq1qI {
1410
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___zNWYL {
1410
1411
  }
1411
- .DecorativeRadio-module__hop-DecorativeRadio__text___Ph3kD {
1412
+ .DecorativeRadio-module__hop-DecorativeRadio__text___FniVT {
1412
1413
  }
1413
1414
 
1414
1415
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1415
- .Radio-module__hop-Radio___43wdy {
1416
+ .Radio-module__hop-Radio___A004I {
1416
1417
  --hop-Radio-box-border-size: 0.0625rem;
1417
1418
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1418
1419
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1486,60 +1487,60 @@
1486
1487
  inline-size: max-content;
1487
1488
  max-inline-size: 100%;
1488
1489
  }
1489
- .Radio-module__hop-Radio___43wdy[data-focus-visible] {
1490
+ .Radio-module__hop-Radio___A004I[data-focus-visible] {
1490
1491
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1491
1492
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1492
1493
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1493
1494
  --text-color: var(--hop-Radio-text-color-focused);
1494
1495
  --icon-color: var(--hop-Radio-icon-color-focused);
1495
1496
  }
1496
- .Radio-module__hop-Radio___43wdy[data-hovered] {
1497
+ .Radio-module__hop-Radio___A004I[data-hovered] {
1497
1498
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1498
1499
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1499
1500
  --text-color: var(--hop-Radio-text-color-hovered);
1500
1501
  --icon-color: var(--hop-Radio-icon-color-hovered);
1501
1502
  }
1502
- .Radio-module__hop-Radio___43wdy[data-pressed] {
1503
+ .Radio-module__hop-Radio___A004I[data-pressed] {
1503
1504
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1504
1505
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1505
1506
  --text-color: var(--hop-Radio-text-color-pressed);
1506
1507
  --icon-color: var(--hop-Radio-icon-color-pressed);
1507
1508
  }
1508
- .Radio-module__hop-Radio___43wdy[data-selected] {
1509
+ .Radio-module__hop-Radio___A004I[data-selected] {
1509
1510
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1510
1511
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1511
1512
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1512
1513
  --text-color: var(--hop-Radio-text-color-selected);
1513
1514
  --icon-color: var(--hop-Radio-icon-color-selected);
1514
1515
  }
1515
- .Radio-module__hop-Radio___43wdy[data-invalid] {
1516
+ .Radio-module__hop-Radio___A004I[data-invalid] {
1516
1517
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1517
1518
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1518
1519
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1519
1520
  --text-color: var(--hop-Radio-text-color-invalid);
1520
1521
  --icon-color: var(--hop-Radio-icon-color-invalid);
1521
1522
  }
1522
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-focus-visible] {
1523
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-focus-visible] {
1523
1524
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1524
1525
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1525
1526
  }
1526
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-hovered] {
1527
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-hovered] {
1527
1528
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1528
1529
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1529
1530
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1530
1531
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1531
1532
  }
1532
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-pressed] {
1533
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-pressed] {
1533
1534
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1534
1535
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1535
1536
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1536
1537
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1537
1538
  }
1538
- .Radio-module__hop-Radio___43wdy:where([data-invalid])[data-selected] {
1539
+ .Radio-module__hop-Radio___A004I:where([data-invalid])[data-selected] {
1539
1540
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1540
1541
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1541
1542
  }
1542
- .Radio-module__hop-Radio___43wdy[data-disabled] {
1543
+ .Radio-module__hop-Radio___A004I[data-disabled] {
1543
1544
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1544
1545
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1545
1546
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1547,25 +1548,25 @@
1547
1548
  --text-color: var(--hop-Radio-text-color-disabled);
1548
1549
  --icon-color: var(--hop-Radio-icon-color-disabled);
1549
1550
  }
1550
- .Radio-module__hop-Radio--sm___wG2S- {
1551
+ .Radio-module__hop-Radio--sm___JpfAf {
1551
1552
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1552
1553
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1553
1554
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1554
1555
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1555
1556
  }
1556
- .Radio-module__hop-Radio--md___ByKxi {
1557
+ .Radio-module__hop-Radio--md___Xc0y- {
1557
1558
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1558
1559
  --box-block-size: var(--hop-Radio-box-md-block-size);
1559
1560
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1560
1561
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1561
1562
  }
1562
- .Radio-module__hop-Radio__icon___-gtVt,
1563
- .Radio-module__hop-Radio__icon-list___yY6hj {
1563
+ .Radio-module__hop-Radio__icon___UGrQo,
1564
+ .Radio-module__hop-Radio__icon-list___Adpp0 {
1564
1565
  flex: 0 0 auto;
1565
1566
  order: 3;
1566
1567
  color: var(--icon-color);
1567
1568
  }
1568
- .Radio-module__hop-Radio__box___xCYmt {
1569
+ .Radio-module__hop-Radio__box___NcMdH {
1569
1570
  display: flex;
1570
1571
  flex: 0 0 auto;
1571
1572
  align-items: center;
@@ -1581,11 +1582,11 @@
1581
1582
  outline-offset: 0.125rem;
1582
1583
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1583
1584
  }
1584
- .Radio-module__hop-Radio__bullet___1DDid {
1585
+ .Radio-module__hop-Radio__bullet___HdvYG {
1585
1586
  display: var(--bullet-display);
1586
1587
  color: var(--bullet-color);
1587
1588
  }
1588
- .Radio-module__hop-Radio__text___0W4pi {
1589
+ .Radio-module__hop-Radio__text___lH3BC {
1589
1590
  flex: 0 1 auto;
1590
1591
  order: 2;
1591
1592
  min-inline-size: 0;
@@ -1595,7 +1596,7 @@
1595
1596
  }
1596
1597
 
1597
1598
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1598
- .RadioField-module__hop-RadioField___YVF-P {
1599
+ .RadioField-module__hop-RadioField___Hyp4a {
1599
1600
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1600
1601
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1601
1602
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1614,28 +1615,28 @@
1614
1615
  inline-size: max-content;
1615
1616
  max-inline-size: 100%;
1616
1617
  }
1617
- .RadioField-module__hop-RadioField___YVF-P[data-disabled] {
1618
+ .RadioField-module__hop-RadioField___Hyp4a[data-disabled] {
1618
1619
  --description-color: var(--hop-RadioField-description-color-disabled);
1619
1620
  }
1620
- .RadioField-module__hop-RadioField--sm___bN1Iw {
1621
+ .RadioField-module__hop-RadioField--sm___fgMeg {
1621
1622
  --row-gap: var(--hop-RadioField-sm-row-gap);
1622
1623
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1623
1624
  }
1624
- .RadioField-module__hop-RadioField--md___JODE9 {
1625
+ .RadioField-module__hop-RadioField--md___BKfae {
1625
1626
  --row-gap: var(--hop-RadioField-md-row-gap);
1626
1627
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1627
1628
  }
1628
- .RadioField-module__hop-RadioField__description___PCbhP {
1629
+ .RadioField-module__hop-RadioField__description___8xrw4 {
1629
1630
  order: 2;
1630
1631
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1631
1632
  color: var(--description-color);
1632
1633
  }
1633
- .RadioField-module__hop-RadioField__radio___jd-z3 {
1634
+ .RadioField-module__hop-RadioField__radio___bqwCs {
1634
1635
  order: 1;
1635
1636
  }
1636
1637
 
1637
1638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1638
- .RadioGroup-module__hop-RadioGroup___lHrzV {
1639
+ .RadioGroup-module__hop-RadioGroup___hh3q2 {
1639
1640
  --hop-RadioGroup-align-items: flex-start;
1640
1641
  --hop-RadioGroup-justify-content: flex-start;
1641
1642
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1675,46 +1676,46 @@
1675
1676
  inline-size: var(--inline-size);
1676
1677
  max-inline-size: 100%;
1677
1678
  }
1678
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i {
1679
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y {
1679
1680
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1680
1681
  --list-border-radius: var(--hop-shape-rounded-md);
1681
1682
  }
1682
- .RadioGroup-module__hop-RadioGroup--sm___8McYl {
1683
+ .RadioGroup-module__hop-RadioGroup--sm___UYOn- {
1683
1684
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1684
1685
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1685
1686
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1686
1687
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1687
1688
  }
1688
- .RadioGroup-module__hop-RadioGroup--md___-sv4L {
1689
+ .RadioGroup-module__hop-RadioGroup--md___6TvDp {
1689
1690
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1690
1691
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1691
1692
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1692
1693
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1693
1694
  }
1694
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i.RadioGroup-module__hop-RadioGroup--sm___8McYl {
1695
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y.RadioGroup-module__hop-RadioGroup--sm___UYOn- {
1695
1696
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1696
1697
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1697
1698
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1698
1699
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1699
1700
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1700
1701
  }
1701
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i.RadioGroup-module__hop-RadioGroup--md___-sv4L {
1702
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y.RadioGroup-module__hop-RadioGroup--md___6TvDp {
1702
1703
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1703
1704
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1704
1705
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1705
1706
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1706
1707
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1707
1708
  }
1708
- .RadioGroup-module__hop-RadioGroup___lHrzV[data-orientation=horizontal] {
1709
+ .RadioGroup-module__hop-RadioGroup___hh3q2[data-orientation=horizontal] {
1709
1710
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1710
1711
  }
1711
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i[data-orientation=horizontal] {
1712
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=horizontal] {
1712
1713
  --flex-wrap: nowrap;
1713
1714
  }
1714
- .RadioGroup-module__hop-RadioGroup___lHrzV > .RadioGroup-module__hop-RadioGroup__label___uKA9p {
1715
+ .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__label___WbHnA {
1715
1716
  order: 1;
1716
1717
  }
1717
- .RadioGroup-module__hop-RadioGroup__list___npTRp {
1718
+ .RadioGroup-module__hop-RadioGroup__list___fIk1- {
1718
1719
  display: flex;
1719
1720
  flex-flow: var(--flex-direction) var(--flex-wrap);
1720
1721
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1725,7 +1726,7 @@
1725
1726
  border: var(--list-border, none);
1726
1727
  border-radius: var(--list-border-radius, 0);
1727
1728
  }
1728
- .RadioGroup-module__hop-RadioGroup__list___npTRp > .RadioGroup-module__hop-RadioGroup__radio___WHnbA {
1729
+ .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n {
1729
1730
  position: relative;
1730
1731
  flex: 0 1 auto;
1731
1732
  align-content: start;
@@ -1733,28 +1734,28 @@
1733
1734
  min-inline-size: 0;
1734
1735
  padding: var(--radio-padding, 0);
1735
1736
  }
1736
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i .RadioGroup-module__hop-RadioGroup__list___npTRp > .RadioGroup-module__hop-RadioGroup__radio___WHnbA ~ .RadioGroup-module__hop-RadioGroup__radio___WHnbA::before {
1737
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1737
1738
  content: "";
1738
1739
  position: absolute;
1739
1740
  display: block;
1740
1741
  }
1741
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___npTRp > .RadioGroup-module__hop-RadioGroup__radio___WHnbA ~ .RadioGroup-module__hop-RadioGroup__radio___WHnbA::before {
1742
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1742
1743
  inset-block-start: 0;
1743
1744
  inset-inline: 0;
1744
1745
  border-block-start: var(--list-border, none);
1745
1746
  }
1746
- .RadioGroup-module__hop-RadioGroup--bordered___uPB8i[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___npTRp > .RadioGroup-module__hop-RadioGroup__radio___WHnbA ~ .RadioGroup-module__hop-RadioGroup__radio___WHnbA::before {
1747
+ .RadioGroup-module__hop-RadioGroup--bordered___jW58y[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___fIk1- > .RadioGroup-module__hop-RadioGroup__radio___8VO6n ~ .RadioGroup-module__hop-RadioGroup__radio___8VO6n::before {
1747
1748
  inset-block: 0;
1748
1749
  inset-inline-start: 0;
1749
1750
  border-inline-start: var(--list-border, none);
1750
1751
  }
1751
- .RadioGroup-module__hop-RadioGroup___lHrzV > .RadioGroup-module__hop-RadioGroup__error-message___N0xa-,
1752
- .RadioGroup-module__hop-RadioGroup___lHrzV > .RadioGroup-module__hop-RadioGroup__helper-message___23UFy {
1752
+ .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__error-message___wTslA,
1753
+ .RadioGroup-module__hop-RadioGroup___hh3q2 > .RadioGroup-module__hop-RadioGroup__helper-message___nr57X {
1753
1754
  order: 3;
1754
1755
  }
1755
1756
 
1756
1757
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1757
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___kZxHJ {
1758
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Jb8-Z {
1758
1759
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1759
1760
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1760
1761
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1780,7 +1781,7 @@
1780
1781
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1781
1782
  background-size: 400% 100%;
1782
1783
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1783
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___jOwdw;
1784
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___xAwNA;
1784
1785
  animation-duration: var(--animation-duration);
1785
1786
  animation-timing-function: ease-in-out;
1786
1787
  animation-fill-mode: forwards;
@@ -1789,19 +1790,19 @@
1789
1790
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1790
1791
  }
1791
1792
  }
1792
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___eSEEb {
1793
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EsC7G {
1793
1794
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1794
1795
  }
1795
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SthdZ {
1796
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sINvf {
1796
1797
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1797
1798
  }
1798
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___SqLZv {
1799
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___EuQdO {
1799
1800
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1800
1801
  }
1801
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___dng0X {
1802
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-z6rV {
1802
1803
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1803
1804
  }
1804
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___jOwdw {
1805
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___xAwNA {
1805
1806
  0% {
1806
1807
  background-position: 125% 50%;
1807
1808
  }
@@ -1811,7 +1812,7 @@
1811
1812
  }
1812
1813
 
1813
1814
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1814
- .ListBoxItem-module__hop-ListBoxItem___-TUkR {
1815
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc {
1815
1816
  --hop-ListBoxItem-background-color: transparent;
1816
1817
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1817
1818
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1908,129 +1909,129 @@
1908
1909
  outline: var(--outline);
1909
1910
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1910
1911
  }
1911
- .ListBoxItem-module__hop-ListBoxItem--xs___-aeL7 {
1912
+ .ListBoxItem-module__hop-ListBoxItem--xs___R6AFW {
1912
1913
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1913
1914
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1914
1915
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1915
1916
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1916
1917
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1917
1918
  }
1918
- .ListBoxItem-module__hop-ListBoxItem--sm___eJIR4 {
1919
+ .ListBoxItem-module__hop-ListBoxItem--sm___J57SY {
1919
1920
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1920
1921
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1921
1922
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1922
1923
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1923
1924
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1924
1925
  }
1925
- .ListBoxItem-module__hop-ListBoxItem--md___QUmL5 {
1926
+ .ListBoxItem-module__hop-ListBoxItem--md___014LM {
1926
1927
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1927
1928
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1928
1929
  --min-height: var(--hop-ListBoxItem-md-min-height);
1929
1930
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1930
1931
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1931
1932
  }
1932
- .ListBoxItem-module__hop-ListBoxItem--lg___OqAaV {
1933
+ .ListBoxItem-module__hop-ListBoxItem--lg___cvBm3 {
1933
1934
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1934
1935
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1935
1936
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1936
1937
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1937
1938
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1938
1939
  }
1939
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-selection-mode] {
1940
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-selection-mode] {
1940
1941
  --cursor: pointer;
1941
1942
  }
1942
- .ListBoxItem-module__hop-ListBoxItem___-TUkR:not([data-selection-mode]) {
1943
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc:not([data-selection-mode]) {
1943
1944
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1944
1945
  }
1945
- .ListBoxItem-module__hop-ListBoxItem__inner___B6J5E:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4Fzoo) {
1946
+ .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M) {
1946
1947
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1947
1948
  }
1948
- .ListBoxItem-module__hop-ListBoxItem__inner___B6J5E[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___4Fzoo) {
1949
+ .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M) {
1949
1950
  --checkmark-transition: none;
1950
1951
  }
1951
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-selected] {
1952
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-selected] {
1952
1953
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1953
1954
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1954
1955
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1955
1956
  --checkmark-opacity: 1;
1956
1957
  }
1957
- .ListBoxItem-module__hop-ListBoxItem--xs___-aeL7[data-selected] {
1958
+ .ListBoxItem-module__hop-ListBoxItem--xs___R6AFW[data-selected] {
1958
1959
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1959
1960
  }
1960
- .ListBoxItem-module__hop-ListBoxItem--sm___eJIR4[data-selected] {
1961
+ .ListBoxItem-module__hop-ListBoxItem--sm___J57SY[data-selected] {
1961
1962
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1962
1963
  }
1963
- .ListBoxItem-module__hop-ListBoxItem--md___QUmL5[data-selected] {
1964
+ .ListBoxItem-module__hop-ListBoxItem--md___014LM[data-selected] {
1964
1965
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1965
1966
  }
1966
- .ListBoxItem-module__hop-ListBoxItem--lg___OqAaV[data-selected] {
1967
+ .ListBoxItem-module__hop-ListBoxItem--lg___cvBm3[data-selected] {
1967
1968
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1968
1969
  }
1969
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-focus-visible] {
1970
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-focus-visible] {
1970
1971
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1971
1972
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1972
1973
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1973
1974
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1974
1975
  }
1975
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-hovered] {
1976
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-hovered] {
1976
1977
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1977
1978
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1978
1979
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1979
1980
  }
1980
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-pressed] {
1981
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-pressed] {
1981
1982
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1982
1983
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1983
1984
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1984
1985
  }
1985
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-disabled] {
1986
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-disabled] {
1986
1987
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1987
1988
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1988
1989
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1989
1990
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1990
1991
  --cursor: not-allowed;
1991
1992
  }
1992
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid] {
1993
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid] {
1993
1994
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1994
1995
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1995
1996
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1996
1997
  }
1997
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid][data-selected] {
1998
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-selected] {
1998
1999
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1999
2000
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2000
2001
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2001
2002
  }
2002
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid][data-focus-visible] {
2003
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-focus-visible] {
2003
2004
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2004
2005
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2005
2006
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2006
2007
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2007
2008
  }
2008
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid][data-hovered] {
2009
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-hovered] {
2009
2010
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2010
2011
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2011
2012
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2012
2013
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2013
2014
  }
2014
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid][data-pressed] {
2015
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-pressed] {
2015
2016
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2016
2017
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2017
2018
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2018
2019
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2019
2020
  }
2020
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-invalid][data-disabled] {
2021
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-invalid][data-disabled] {
2021
2022
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2022
2023
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2023
2024
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2024
2025
  }
2025
- .ListBoxItem-module__hop-ListBoxItem___-TUkR:has(.ListBoxItem-module__hop-ListBoxItem__description___OQ-gu) {
2026
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc:has(.ListBoxItem-module__hop-ListBoxItem__description___LDAFl) {
2026
2027
  --row-gap: var(--hop-ListBoxItem-row-gap);
2027
2028
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2028
2029
  }
2029
- .ListBoxItem-module__hop-ListBoxItem___-TUkR[data-loading] {
2030
+ .ListBoxItem-module__hop-ListBoxItem___EMJXc[data-loading] {
2030
2031
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2031
2032
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2032
2033
  }
2033
- .ListBoxItem-module__hop-ListBoxItem__inner___B6J5E {
2034
+ .ListBoxItem-module__hop-ListBoxItem__inner___YhbBi {
2034
2035
  display: grid;
2035
2036
  grid-template-areas: var(--grid-template-areas);
2036
2037
  grid-template-columns: var(--grid-template-columns);
@@ -2042,33 +2043,33 @@
2042
2043
  padding-inline: var(--padding-inline);
2043
2044
  transition: grid-template-columns .3s ease-in-out;
2044
2045
  }
2045
- .ListBoxItem-module__hop-ListBoxItem__checkmark___4Fzoo {
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___f7e7M {
2046
2047
  grid-area: indicator;
2047
2048
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2048
2049
  color: var(--icon-color);
2049
2050
  opacity: var(--checkmark-opacity);
2050
2051
  transition: var(--checkmark-transition);
2051
2052
  }
2052
- .ListBoxItem-module__hop-ListBoxItem__radio___6Qw50,
2053
- .ListBoxItem-module__hop-ListBoxItem__checkbox___1g6GW {
2053
+ .ListBoxItem-module__hop-ListBoxItem__radio___Ltgdj,
2054
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___CY-wL {
2054
2055
  pointer-events: none;
2055
2056
  user-select: none;
2056
2057
  grid-area: indicator;
2057
2058
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2058
2059
  }
2059
- .ListBoxItem-module__hop-ListBoxItem__avatar___Uugn5 {
2060
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ohe-Z {
2060
2061
  grid-area: avatar;
2061
2062
  margin-block: var(--avatar-margin-block, 0);
2062
2063
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2063
2064
  }
2064
- .ListBoxItem-module__hop-ListBoxItem__icon-list___rw-8M,
2065
- .ListBoxItem-module__hop-ListBoxItem__icon___WnGv1 {
2065
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___9yHtf,
2066
+ .ListBoxItem-module__hop-ListBoxItem__icon___amDEr {
2066
2067
  grid-area: icon;
2067
2068
  flex: 0 0 auto;
2068
2069
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2069
2070
  color: var(--icon-color);
2070
2071
  }
2071
- .ListBoxItem-module__hop-ListBoxItem__label___LjQca {
2072
+ .ListBoxItem-module__hop-ListBoxItem__label___bhJ2Z {
2072
2073
  overflow: hidden;
2073
2074
  grid-area: label;
2074
2075
  min-inline-size: 0;
@@ -2076,18 +2077,18 @@
2076
2077
  text-overflow: ellipsis;
2077
2078
  white-space: nowrap;
2078
2079
  }
2079
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___2Jy0r,
2080
- .ListBoxItem-module__hop-ListBoxItem__end-icon___cO3eX {
2080
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___hHbQJ,
2081
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___PBrn7 {
2081
2082
  grid-area: end-icon;
2082
2083
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2083
2084
  color: var(--icon-color);
2084
2085
  }
2085
- .ListBoxItem-module__hop-ListBoxItem__badge___rWb8O {
2086
+ .ListBoxItem-module__hop-ListBoxItem__badge___ttzR- {
2086
2087
  grid-area: badge;
2087
2088
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2088
2089
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2089
2090
  }
2090
- .ListBoxItem-module__hop-ListBoxItem__description___OQ-gu {
2091
+ .ListBoxItem-module__hop-ListBoxItem__description___LDAFl {
2091
2092
  overflow: hidden;
2092
2093
  display: -webkit-box;
2093
2094
  grid-area: description;