@hopper-ui/components 1.4.5 → 1.4.7

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 (283) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Accordion/src/Accordion.css +68 -68
  3. package/dist/Accordion/src/Accordion.js +1 -1
  4. package/dist/Accordion/src/index.css +68 -68
  5. package/dist/Accordion/src/index.js +1 -1
  6. package/dist/Avatar/src/AnonymousAvatar.css +38 -38
  7. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  8. package/dist/Avatar/src/Avatar.css +56 -56
  9. package/dist/Avatar/src/Avatar.js +3 -3
  10. package/dist/Avatar/src/DeletedAvatar.css +38 -38
  11. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  12. package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
  13. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  14. package/dist/Avatar/src/index.css +56 -56
  15. package/dist/Avatar/src/index.js +5 -5
  16. package/dist/Badge/src/Badge.css +43 -43
  17. package/dist/Badge/src/Badge.js +2 -2
  18. package/dist/Badge/src/FloatingBadge.css +38 -38
  19. package/dist/Badge/src/FloatingBadge.js +1 -1
  20. package/dist/Badge/src/index.css +53 -53
  21. package/dist/Badge/src/index.js +3 -3
  22. package/dist/Callout/src/Callout.css +1649 -0
  23. package/dist/Callout/src/Callout.d.ts +38 -0
  24. package/dist/Callout/src/Callout.js +30 -0
  25. package/dist/Callout/src/CalloutContext.d.ts +10 -0
  26. package/dist/Callout/src/CalloutContext.js +2 -0
  27. package/dist/Callout/src/CompactCallout.css +1750 -0
  28. package/dist/Callout/src/CompactCallout.d.ts +18 -0
  29. package/dist/Callout/src/CompactCallout.js +31 -0
  30. package/dist/Callout/src/CompactCalloutContext.d.ts +11 -0
  31. package/dist/Callout/src/CompactCalloutContext.js +2 -0
  32. package/dist/Callout/src/index.css +1835 -0
  33. package/dist/Callout/src/index.d.ts +9 -0
  34. package/dist/Callout/src/index.js +33 -0
  35. package/dist/Card/src/Card.css +31 -31
  36. package/dist/Card/src/Card.js +1 -1
  37. package/dist/Card/src/index.css +31 -31
  38. package/dist/Card/src/index.js +1 -1
  39. package/dist/ComboBox/src/ComboBox.css +604 -562
  40. package/dist/ComboBox/src/ComboBox.d.ts +12 -6
  41. package/dist/ComboBox/src/ComboBox.js +26 -26
  42. package/dist/ComboBox/src/ComboBoxContext.d.ts +2 -2
  43. package/dist/ComboBox/src/index.css +604 -562
  44. package/dist/ComboBox/src/index.d.ts +4 -4
  45. package/dist/ComboBox/src/index.js +26 -26
  46. package/dist/Disclosure/src/Disclosure.css +38 -38
  47. package/dist/Disclosure/src/Disclosure.js +1 -1
  48. package/dist/Disclosure/src/DisclosureHeader.css +45 -45
  49. package/dist/Disclosure/src/DisclosureHeader.js +9 -9
  50. package/dist/Disclosure/src/DisclosurePanel.css +38 -38
  51. package/dist/Disclosure/src/DisclosurePanel.js +8 -8
  52. package/dist/Disclosure/src/index.css +63 -63
  53. package/dist/Disclosure/src/index.js +12 -12
  54. package/dist/Divider/src/Divider.css +30 -30
  55. package/dist/Divider/src/Divider.js +1 -1
  56. package/dist/Divider/src/index.css +30 -30
  57. package/dist/Divider/src/index.js +1 -1
  58. package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
  59. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  60. package/dist/ErrorMessage/src/index.css +30 -30
  61. package/dist/ErrorMessage/src/index.js +2 -2
  62. package/dist/Form/src/Form.css +28 -28
  63. package/dist/Form/src/Form.js +1 -1
  64. package/dist/Form/src/index.css +28 -28
  65. package/dist/Form/src/index.js +1 -1
  66. package/dist/HelperMessage/src/HelperMessage.css +30 -30
  67. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  68. package/dist/HelperMessage/src/index.css +30 -30
  69. package/dist/HelperMessage/src/index.js +2 -2
  70. package/dist/IconList/src/IconList.css +29 -29
  71. package/dist/IconList/src/IconList.js +1 -1
  72. package/dist/IconList/src/index.css +29 -29
  73. package/dist/IconList/src/index.js +1 -1
  74. package/dist/IllustratedMessage/src/IllustratedMessage.css +281 -269
  75. package/dist/IllustratedMessage/src/IllustratedMessage.js +2 -2
  76. package/dist/IllustratedMessage/src/index.css +281 -269
  77. package/dist/IllustratedMessage/src/index.js +2 -2
  78. package/dist/Image/src/Image.css +31 -31
  79. package/dist/Image/src/Image.js +1 -1
  80. package/dist/Image/src/SvgImage.css +29 -29
  81. package/dist/Image/src/SvgImage.js +1 -1
  82. package/dist/Image/src/index.css +32 -32
  83. package/dist/Image/src/index.js +2 -2
  84. package/dist/Link/src/Link.css +80 -50
  85. package/dist/Link/src/Link.d.ts +4 -0
  86. package/dist/Link/src/Link.js +8 -8
  87. package/dist/Link/src/index.css +80 -50
  88. package/dist/Link/src/index.js +8 -8
  89. package/dist/ListBox/src/ListBox.css +275 -275
  90. package/dist/ListBox/src/ListBox.js +13 -13
  91. package/dist/ListBox/src/ListBoxItem.css +263 -263
  92. package/dist/ListBox/src/ListBoxItem.js +11 -11
  93. package/dist/ListBox/src/ListBoxItemSkeleton.css +35 -35
  94. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  95. package/dist/ListBox/src/index.css +275 -275
  96. package/dist/ListBox/src/index.js +13 -13
  97. package/dist/SegmentedControl/src/SegmentedControl.css +29 -29
  98. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  99. package/dist/SegmentedControl/src/SegmentedControlItem.css +43 -43
  100. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  101. package/dist/SegmentedControl/src/index.css +44 -44
  102. package/dist/SegmentedControl/src/index.d.ts +2 -0
  103. package/dist/SegmentedControl/src/index.js +10 -10
  104. package/dist/Select/src/Select.css +608 -566
  105. package/dist/Select/src/Select.d.ts +12 -6
  106. package/dist/Select/src/Select.js +26 -26
  107. package/dist/Select/src/SelectContext.d.ts +1 -1
  108. package/dist/Select/src/SelectValue.css +62 -62
  109. package/dist/Select/src/SelectValue.js +7 -7
  110. package/dist/Select/src/index.css +608 -566
  111. package/dist/Select/src/index.d.ts +6 -6
  112. package/dist/Select/src/index.js +26 -26
  113. package/dist/Spinner/src/Spinner.css +38 -38
  114. package/dist/Spinner/src/Spinner.js +2 -2
  115. package/dist/Spinner/src/index.css +38 -38
  116. package/dist/Spinner/src/index.js +2 -2
  117. package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
  118. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  119. package/dist/ToggleArrow/src/index.css +30 -30
  120. package/dist/ToggleArrow/src/index.js +1 -1
  121. package/dist/buttons/src/Button.css +94 -94
  122. package/dist/buttons/src/Button.js +10 -10
  123. package/dist/buttons/src/ButtonGroup.css +39 -39
  124. package/dist/buttons/src/ButtonGroup.js +1 -1
  125. package/dist/buttons/src/ClearButton.css +99 -99
  126. package/dist/buttons/src/ClearButton.js +3 -3
  127. package/dist/buttons/src/CloseButton.css +679 -0
  128. package/dist/buttons/src/CloseButton.d.ts +18 -0
  129. package/dist/buttons/src/CloseButton.js +27 -0
  130. package/dist/buttons/src/CloseButtonContext.d.ts +13 -0
  131. package/dist/buttons/src/CloseButtonContext.js +2 -0
  132. package/dist/buttons/src/EmbeddedButton.css +99 -99
  133. package/dist/buttons/src/EmbeddedButton.js +1 -1
  134. package/dist/buttons/src/LinkButton.css +103 -103
  135. package/dist/buttons/src/LinkButton.js +9 -9
  136. package/dist/buttons/src/index.css +262 -250
  137. package/dist/buttons/src/index.d.ts +2 -0
  138. package/dist/buttons/src/index.js +18 -16
  139. package/dist/checkbox/src/Checkbox.css +47 -47
  140. package/dist/checkbox/src/Checkbox.js +8 -8
  141. package/dist/checkbox/src/CheckboxField.css +34 -34
  142. package/dist/checkbox/src/CheckboxField.js +3 -3
  143. package/dist/checkbox/src/CheckboxGroup.css +99 -99
  144. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  145. package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
  146. package/dist/checkbox/src/DecorativeCheckbox.js +8 -8
  147. package/dist/checkbox/src/index.css +99 -99
  148. package/dist/checkbox/src/index.js +15 -15
  149. package/dist/{chunk-VEEIDUMU.js → chunk-2DF25AEQ.js} +2 -2
  150. package/dist/{chunk-EET7QW7I.js → chunk-2GGER6XM.js} +2 -2
  151. package/dist/{chunk-OIPDQPIS.js → chunk-2JXEPUMG.js} +1 -1
  152. package/dist/{chunk-R3EA53KY.js → chunk-2XVB536Z.js} +7 -7
  153. package/dist/{chunk-2QQKKCA6.js → chunk-3JJL6GD6.js} +1 -1
  154. package/dist/{chunk-JPKQVKZQ.js → chunk-4B5NJLD3.js} +1 -1
  155. package/dist/{chunk-PNRCYEDV.js → chunk-4BXMSXYQ.js} +1 -1
  156. package/dist/{chunk-FDCAYJ5A.js → chunk-55OPYST3.js} +2 -2
  157. package/dist/{chunk-DOUSEJVO.js → chunk-5JYQWCE5.js} +5 -5
  158. package/dist/{chunk-2W2TKWDW.js → chunk-6LIFUQT4.js} +2 -2
  159. package/dist/{chunk-TFVDF4YH.js → chunk-75DHKNW2.js} +2 -0
  160. package/dist/{chunk-CVEBTQOB.js → chunk-7DLSOYOU.js} +3 -3
  161. package/dist/{chunk-R3XRXUM2.js → chunk-7EUXODLY.js} +1 -1
  162. package/dist/{chunk-PE4RUTRT.js → chunk-7SCKD7PW.js} +2 -2
  163. package/dist/{chunk-VORDUOQQ.js → chunk-7UNZPFF5.js} +7 -7
  164. package/dist/{chunk-6WA3AN6A.js → chunk-BHIQ5PPC.js} +2 -2
  165. package/dist/{chunk-IH5J4BVC.js → chunk-BXPKRAAY.js} +1 -1
  166. package/dist/{chunk-6OMB77M2.js → chunk-DOYWH7O2.js} +7 -7
  167. package/dist/{chunk-B4BGTJ4J.js → chunk-DW44WR6W.js} +2 -2
  168. package/dist/{chunk-UVOV47HY.js → chunk-ERIQNISN.js} +1 -1
  169. package/dist/{chunk-X5YVAVRA.js → chunk-GNPTWYD3.js} +1 -1
  170. package/dist/chunk-GRCAVJC6.js +7 -0
  171. package/dist/{chunk-CTY5LBJO.js → chunk-HJXC5SRI.js} +2 -2
  172. package/dist/{chunk-CCQ763SQ.js → chunk-HMG6U7FQ.js} +1 -1
  173. package/dist/{chunk-6SYXRO7O.js → chunk-HXNEWO5D.js} +8 -8
  174. package/dist/{chunk-XKSS3LMT.js → chunk-I73SWVA3.js} +2 -2
  175. package/dist/{chunk-RBX5I4PK.js → chunk-IIAAY3DD.js} +1 -1
  176. package/dist/{chunk-EPS36KLB.js → chunk-IYRRO5H3.js} +5 -3
  177. package/dist/{chunk-ILMELMNG.js → chunk-J6RDT7TX.js} +3 -3
  178. package/dist/{chunk-PBW55YB6.js → chunk-JAR25BBL.js} +1 -1
  179. package/dist/{chunk-RELQCWQJ.js → chunk-JNJYQ26N.js} +9 -9
  180. package/dist/{chunk-ZN7WZHZY.js → chunk-JUVZRX26.js} +2 -2
  181. package/dist/{chunk-UNDDUZQL.js → chunk-JZ6DMATL.js} +6 -6
  182. package/dist/{chunk-64TQVQTQ.js → chunk-K3IUMMRF.js} +3 -3
  183. package/dist/{chunk-CP5LVXCN.js → chunk-K7JDZAO3.js} +7 -7
  184. package/dist/{chunk-IIBGMFOV.js → chunk-KBHWDMMF.js} +1 -1
  185. package/dist/{chunk-A72NEHON.js → chunk-KXAYZ6PQ.js} +1 -1
  186. package/dist/{chunk-U4GZB4FZ.js → chunk-LMATFHSS.js} +6 -6
  187. package/dist/{chunk-FZSIUTUC.js → chunk-MF2LIHC6.js} +2 -2
  188. package/dist/{chunk-XR6N6XOG.js → chunk-MHQ3VHAA.js} +5 -5
  189. package/dist/{chunk-IRDC4A5V.js → chunk-MIZJXB3R.js} +5 -5
  190. package/dist/chunk-MO4EWTIM.js +56 -0
  191. package/dist/{chunk-IUEZ452B.js → chunk-MPCOEMN2.js} +3 -3
  192. package/dist/{chunk-HOCZEYM2.js → chunk-N3XC5CZP.js} +2 -2
  193. package/dist/{chunk-XNQQNB7H.js → chunk-NFIZ44XF.js} +3 -3
  194. package/dist/{chunk-F3I7ZVUI.js → chunk-NJUYQ7VF.js} +2 -2
  195. package/dist/chunk-NZ4VFVXA.js +7 -0
  196. package/dist/{chunk-UN4M3P2L.js → chunk-OCG7CSY5.js} +1 -1
  197. package/dist/{chunk-SNTJBZFO.js → chunk-OIELLCFE.js} +1 -1
  198. package/dist/{chunk-P7BDCUU6.js → chunk-OQFPMKF2.js} +15 -11
  199. package/dist/{chunk-WYBZUVI5.js → chunk-P5EIKUXO.js} +3 -3
  200. package/dist/{chunk-DL26PLJ5.js → chunk-PHQ6YPQQ.js} +3 -3
  201. package/dist/chunk-RBWFFWIG.js +7 -0
  202. package/dist/{chunk-766WLLQC.js → chunk-RYJBYNZT.js} +1 -1
  203. package/dist/{chunk-PHUI65VC.js → chunk-SV6RSWOR.js} +4 -4
  204. package/dist/{chunk-HAA6MG3M.js → chunk-TZEOP7YF.js} +1 -1
  205. package/dist/{chunk-NJVZCXT2.js → chunk-UICYQNAO.js} +4 -4
  206. package/dist/{chunk-XJOESRMM.js → chunk-W5HTSWT3.js} +4 -4
  207. package/dist/{chunk-PG3QT3L4.js → chunk-WICGT2T5.js} +1 -1
  208. package/dist/{chunk-U3OENUO3.js → chunk-WLIPEWRM.js} +1 -1
  209. package/dist/{chunk-L5FIZTGO.js → chunk-WX5UNPM3.js} +1 -1
  210. package/dist/{chunk-5FCYITMW.js → chunk-XLPW4NX3.js} +14 -10
  211. package/dist/{chunk-PIUO4NSJ.js → chunk-Y7ATRH3L.js} +1 -1
  212. package/dist/{chunk-NBCVQB4U.js → chunk-YQLCOKBQ.js} +2 -2
  213. package/dist/{chunk-RYVQOAWM.js → chunk-Z3WDZ52E.js} +1 -1
  214. package/dist/chunk-ZVNGQXRR.js +79 -0
  215. package/dist/chunk-ZWDUMUN4.js +118 -0
  216. package/dist/i18n/src/index.js +1 -1
  217. package/dist/i18n/src/useLocalizedString.js +1 -1
  218. package/dist/index.css +1110 -904
  219. package/dist/index.d.ts +12 -4
  220. package/dist/index.js +85 -79
  221. package/dist/inputs/src/InputGroup.css +277 -265
  222. package/dist/inputs/src/InputGroup.js +1 -1
  223. package/dist/inputs/src/NumberField.css +299 -287
  224. package/dist/inputs/src/NumberField.js +12 -12
  225. package/dist/inputs/src/PasswordField.css +287 -275
  226. package/dist/inputs/src/PasswordField.js +13 -13
  227. package/dist/inputs/src/RemainingCharacterCount.css +31 -31
  228. package/dist/inputs/src/RemainingCharacterCount.js +7 -7
  229. package/dist/inputs/src/SearchField.css +293 -281
  230. package/dist/inputs/src/SearchField.js +13 -13
  231. package/dist/inputs/src/TextArea.css +294 -282
  232. package/dist/inputs/src/TextArea.js +12 -12
  233. package/dist/inputs/src/TextField.css +291 -279
  234. package/dist/inputs/src/TextField.js +15 -15
  235. package/dist/inputs/src/index.css +337 -325
  236. package/dist/inputs/src/index.js +20 -20
  237. package/dist/overlays/Popover/src/Popover.css +584 -542
  238. package/dist/overlays/Popover/src/Popover.js +10 -10
  239. package/dist/overlays/Popover/src/index.css +584 -542
  240. package/dist/overlays/Popover/src/index.js +10 -10
  241. package/dist/radio/src/DecorativeRadio.css +55 -55
  242. package/dist/radio/src/DecorativeRadio.js +8 -8
  243. package/dist/radio/src/Radio.css +47 -47
  244. package/dist/radio/src/Radio.js +8 -8
  245. package/dist/radio/src/RadioField.css +34 -34
  246. package/dist/radio/src/RadioField.js +2 -2
  247. package/dist/radio/src/RadioGroup.css +99 -99
  248. package/dist/radio/src/RadioGroup.js +9 -9
  249. package/dist/radio/src/index.css +99 -99
  250. package/dist/radio/src/index.js +16 -16
  251. package/dist/switch/src/Switch.css +44 -44
  252. package/dist/switch/src/Switch.js +8 -8
  253. package/dist/switch/src/SwitchField.css +34 -34
  254. package/dist/switch/src/SwitchField.js +2 -2
  255. package/dist/switch/src/index.css +50 -50
  256. package/dist/switch/src/index.js +9 -9
  257. package/dist/tag/src/Tag.css +403 -391
  258. package/dist/tag/src/Tag.js +11 -11
  259. package/dist/tag/src/TagGroup.css +38 -38
  260. package/dist/tag/src/TagGroup.js +8 -8
  261. package/dist/tag/src/index.css +413 -401
  262. package/dist/tag/src/index.js +16 -16
  263. package/dist/typography/Heading/src/Heading.css +28 -28
  264. package/dist/typography/Heading/src/Heading.js +1 -1
  265. package/dist/typography/Heading/src/index.css +28 -28
  266. package/dist/typography/Heading/src/index.js +1 -1
  267. package/dist/typography/Label/src/Label.css +28 -28
  268. package/dist/typography/Label/src/Label.js +3 -3
  269. package/dist/typography/Label/src/index.css +28 -28
  270. package/dist/typography/Label/src/index.js +3 -3
  271. package/dist/typography/OverlineText/src/OverlineText.css +28 -28
  272. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  273. package/dist/typography/OverlineText/src/index.css +28 -28
  274. package/dist/typography/OverlineText/src/index.js +1 -1
  275. package/dist/typography/Text/src/Text.css +28 -28
  276. package/dist/typography/Text/src/Text.js +1 -1
  277. package/dist/typography/Text/src/index.css +28 -28
  278. package/dist/typography/Text/src/index.js +1 -1
  279. package/dist/utils/src/EnsureTextWrapper.css +28 -28
  280. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  281. package/dist/utils/src/index.css +28 -28
  282. package/dist/utils/src/index.js +8 -8
  283. package/package.json +2 -2
@@ -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___kIjJK {
2
+ .Heading-module__hop-Heading___MV97T {
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,50 @@
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___kIjJK) {
36
+ :where(.Heading-module__hop-Heading___MV97T) {
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
42
  }
43
- :where(.Heading-module__hop-Heading--xs___n7uR3) {
43
+ :where(.Heading-module__hop-Heading--xs___skrqP) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___5UFh3) {
49
+ :where(.Heading-module__hop-Heading--sm___3HGuM) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___mHsGk) {
55
+ :where(.Heading-module__hop-Heading--md___4p-Ip) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___Bwq0I) {
61
+ :where(.Heading-module__hop-Heading--lg___91wTX) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___iz9mD) {
67
+ :where(.Heading-module__hop-Heading--xl___1a9tn) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___3Vykl) {
73
+ :where(.Heading-module__hop-Heading--2xl___HRwDE) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___K4kAz) {
79
+ :where(.Heading-module__hop-Heading--3xl___Ni3KL) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___-EnWE {
87
+ .Text-module__hop-Text___M2a7F {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___-EnWE) {
117
+ :where(.Text-module__hop-Text___M2a7F) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___vpyar) {
123
+ :where(.Text-module__hop-Text--xs___wFmT7) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___tHl7L) {
129
+ :where(.Text-module__hop-Text--sm___mVKDe) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___41oTK) {
135
+ :where(.Text-module__hop-Text--md___r-Who) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___RTw0Q) {
141
+ :where(.Text-module__hop-Text--lg___xmcjP) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___6wxcw) {
147
+ :where(.Text-module__hop-Text--xl___HB5dh) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___er60W) {
153
+ :where(.Text-module__hop-Text--2xl___vay0i) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___g7rAM) {
159
+ :where(.Text-module__hop-Text--inherit___VAeUU) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___ylqIL) {
167
+ :where(.OverlineText-module__hop-OverlineText___wsazM) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,52 +188,52 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___VXI1W {
191
+ .OverlineText-module__hop-OverlineText__text___sBkU7 {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___VXI1W::before,
195
- .OverlineText-module__hop-OverlineText__text___VXI1W::after {
194
+ .OverlineText-module__hop-OverlineText__text___sBkU7::before,
195
+ .OverlineText-module__hop-OverlineText__text___sBkU7::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___VXI1W::before {
202
+ .OverlineText-module__hop-OverlineText__text___sBkU7::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___VXI1W::after {
205
+ .OverlineText-module__hop-OverlineText__text___sBkU7::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___Yf2iw {
210
+ .Label-module__hop-Label___GS84I {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___Yf2iw) {
217
+ :where(.Label-module__hop-Label___GS84I) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___JRNRb) {
224
+ :where(.Label-module__hop-Label__indicator___GAUqr) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
- .Form-module__hop-Form___CUW7s {
229
+ .Form-module__hop-Form___jhdfJ {
230
230
  display: flex;
231
231
  flex-direction: column;
232
232
  gap: var(--hop-space-stack-lg);
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
236
- .IconList-module__hop-IconList___-EHZR {
236
+ .IconList-module__hop-IconList___9zmbW {
237
237
  --hop-IconList-gap: var(--hop-space-inline-xs);
238
238
  display: flex;
239
239
  flex-wrap: wrap;
@@ -242,7 +242,7 @@
242
242
  }
243
243
 
244
244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
245
- @keyframes Spinner-module__spin___J2lMP {
245
+ @keyframes Spinner-module__spin___EOl7q {
246
246
  0% {
247
247
  transform: rotate(0deg);
248
248
  }
@@ -250,7 +250,7 @@
250
250
  transform: rotate(360deg);
251
251
  }
252
252
  }
253
- .Spinner-module__hop-Spinner___h2VSb {
253
+ .Spinner-module__hop-Spinner___-bvVm {
254
254
  --hop-Spinner-border-radius: var(--hop-shape-circle);
255
255
  --hop-Spinner-sm-wheel-size: 1rem;
256
256
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -258,7 +258,7 @@
258
258
  --hop-Spinner-track-width: 0.125rem;
259
259
  --hop-Spinner-track-opacity: 0.2;
260
260
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
261
- --hop-Spinner-fill-animation: Spinner-module__spin___J2lMP .8s infinite linear;
261
+ --hop-Spinner-fill-animation: Spinner-module__spin___EOl7q .8s infinite linear;
262
262
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
263
263
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
264
264
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -269,19 +269,19 @@
269
269
  align-items: center;
270
270
  box-sizing: border-box;
271
271
  }
272
- .Spinner-module__hop-Spinner--sm___V5tDD {
272
+ .Spinner-module__hop-Spinner--sm___kALZ7 {
273
273
  --width: var(--hop-Spinner-sm-wheel-size);
274
274
  --height: var(--hop-Spinner-sm-wheel-size);
275
275
  }
276
- .Spinner-module__hop-Spinner--md___H6sJF {
276
+ .Spinner-module__hop-Spinner--md___toRLX {
277
277
  --width: var(--hop-Spinner-md-wheel-size);
278
278
  --height: var(--hop-Spinner-md-wheel-size);
279
279
  }
280
- .Spinner-module__hop-Spinner--lg___UwBkP {
280
+ .Spinner-module__hop-Spinner--lg___vHSM8 {
281
281
  --width: var(--hop-Spinner-lg-wheel-size);
282
282
  --height: var(--hop-Spinner-lg-wheel-size);
283
283
  }
284
- .Spinner-module__hop-Spinner__track___gsdMJ {
284
+ .Spinner-module__hop-Spinner__track___Boq34 {
285
285
  grid-area: spinner;
286
286
  box-sizing: border-box;
287
287
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -290,7 +290,7 @@
290
290
  border: var(--hop-Spinner-track-border);
291
291
  border-radius: var(--hop-Spinner-border-radius);
292
292
  }
293
- .Spinner-module__hop-Spinner__fill___sZAWD {
293
+ .Spinner-module__hop-Spinner__fill___GD1Cj {
294
294
  grid-area: spinner;
295
295
  box-sizing: border-box;
296
296
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -301,17 +301,17 @@
301
301
  animation: var(--hop-Spinner-fill-animation);
302
302
  }
303
303
  @media (prefers-reduced-motion: reduce) {
304
- .Spinner-module__hop-Spinner__fill___sZAWD {
304
+ .Spinner-module__hop-Spinner__fill___GD1Cj {
305
305
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
306
306
  }
307
307
  }
308
- .Spinner-module__hop-Spinner__label___jLWyb {
308
+ .Spinner-module__hop-Spinner__label___KPTGD {
309
309
  grid-area: label;
310
310
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
311
311
  }
312
312
 
313
313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
314
- .Button-module__hop-Button___6jdea {
314
+ .Button-module__hop-Button___XnpzX {
315
315
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
316
316
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
317
317
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -435,215 +435,215 @@
435
435
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
436
436
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
437
437
  }
438
- .Button-module__hop-Button--fluid___-kDxT {
438
+ .Button-module__hop-Button--fluid___ZZXwq {
439
439
  --inline-size: 100%;
440
440
  }
441
- .Button-module__hop-Button--sm___ssMuQ {
441
+ .Button-module__hop-Button--sm___6jOD3 {
442
442
  --block-size: var(--hop-Button-sm-height);
443
443
  --padding: var(--hop-Button-sm-padding);
444
444
  }
445
- .Button-module__hop-Button--sm___ssMuQ[class*=--ghost] {
445
+ .Button-module__hop-Button--sm___6jOD3[class*=--ghost] {
446
446
  --padding: var(--hop-Button-ghost-sm-padding);
447
447
  }
448
- .Button-module__hop-Button--md___eslrO[class*=--ghost] {
448
+ .Button-module__hop-Button--md___3yl4O[class*=--ghost] {
449
449
  --padding: var(--hop-Button-ghost-md-padding);
450
450
  }
451
- .Button-module__hop-Button--icon-only___14Bgf {
451
+ .Button-module__hop-Button--icon-only___-VLNH {
452
452
  --column-gap: var(--hop-Button-icon-only-column-gap);
453
453
  --padding: var(--hop-Button-icon-only-padding);
454
454
  aspect-ratio: 1;
455
455
  }
456
- .Button-module__hop-Button--primary___heW9v {
456
+ .Button-module__hop-Button--primary___5doCv {
457
457
  --background-color: var(--hop-Button-primary-background-color);
458
458
  --color: var(--hop-Button-primary-color);
459
459
  --border: var(--hop-Button-primary-border);
460
460
  --spinner-color: var(--hop-Button-primary-spinner-color);
461
461
  }
462
- .Button-module__hop-Button--primary___heW9v[data-hovered],
463
- .Button-module__hop-Button--primary___heW9v[data-focus-visible] {
462
+ .Button-module__hop-Button--primary___5doCv[data-hovered],
463
+ .Button-module__hop-Button--primary___5doCv[data-focus-visible] {
464
464
  --background-color: var(--hop-Button-primary-background-color-hover);
465
465
  --color: var(--hop-Button-primary-color-hover);
466
466
  --border: var(--hop-Button-primary-border-hover);
467
467
  }
468
- .Button-module__hop-Button--primary___heW9v[data-pressed] {
468
+ .Button-module__hop-Button--primary___5doCv[data-pressed] {
469
469
  --background-color: var(--hop-Button-primary-background-color-pressed);
470
470
  --color: var(--hop-Button-primary-color-pressed);
471
471
  --border: var(--hop-Button-primary-border-pressed);
472
472
  }
473
- .Button-module__hop-Button--secondary___dGQoQ {
473
+ .Button-module__hop-Button--secondary___p2tPu {
474
474
  --background-color: var(--hop-Button-secondary-background-color);
475
475
  --color: var(--hop-Button-secondary-color);
476
476
  --border: var(--hop-Button-secondary-border);
477
477
  --spinner-color: var(--hop-Button-secondary-spinner-color);
478
478
  }
479
- .Button-module__hop-Button--secondary___dGQoQ[data-hovered],
480
- .Button-module__hop-Button--secondary___dGQoQ[data-focus-visible] {
479
+ .Button-module__hop-Button--secondary___p2tPu[data-hovered],
480
+ .Button-module__hop-Button--secondary___p2tPu[data-focus-visible] {
481
481
  --background-color: var(--hop-Button-secondary-background-color-hover);
482
482
  --color: var(--hop-Button-secondary-color-hover);
483
483
  --border: var(--hop-Button-secondary-border-hover);
484
484
  }
485
- .Button-module__hop-Button--secondary___dGQoQ[data-pressed] {
485
+ .Button-module__hop-Button--secondary___p2tPu[data-pressed] {
486
486
  --background-color: var(--hop-Button-secondary-background-color-pressed);
487
487
  --color: var(--hop-Button-secondary-color-pressed);
488
488
  --border: var(--hop-Button-secondary-border-pressed);
489
489
  }
490
- .Button-module__hop-Button--upsell___XkxHG {
490
+ .Button-module__hop-Button--upsell___pbl2O {
491
491
  --background-color: var(--hop-Button-upsell-background-color);
492
492
  --color: var(--hop-Button-upsell-color);
493
493
  --border: var(--hop-Button-upsell-border);
494
494
  --spinner-color: var(--hop-Button-upsell-spinner-color);
495
495
  }
496
- .Button-module__hop-Button--upsell___XkxHG[data-hovered],
497
- .Button-module__hop-Button--upsell___XkxHG[data-focus-visible] {
496
+ .Button-module__hop-Button--upsell___pbl2O[data-hovered],
497
+ .Button-module__hop-Button--upsell___pbl2O[data-focus-visible] {
498
498
  --background-color: var(--hop-Button-upsell-background-color-hover);
499
499
  --color: var(--hop-Button-upsell-color-hover);
500
500
  --border: var(--hop-Button-upsell-border-hover);
501
501
  }
502
- .Button-module__hop-Button--upsell___XkxHG[data-pressed] {
502
+ .Button-module__hop-Button--upsell___pbl2O[data-pressed] {
503
503
  --background-color: var(--hop-Button-upsell-background-color-pressed);
504
504
  --color: var(--hop-Button-upsell-color-pressed);
505
505
  --border: var(--hop-Button-upsell-border-pressed);
506
506
  }
507
- .Button-module__hop-Button--danger___2GI4- {
507
+ .Button-module__hop-Button--danger___D4nJ- {
508
508
  --background-color: var(--hop-Button-danger-background-color);
509
509
  --color: var(--hop-Button-danger-color);
510
510
  --border: var(--hop-Button-danger-border);
511
511
  --spinner-color: var(--hop-Button-danger-spinner-color);
512
512
  }
513
- .Button-module__hop-Button--danger___2GI4-[data-hovered],
514
- .Button-module__hop-Button--danger___2GI4-[data-focus-visible] {
513
+ .Button-module__hop-Button--danger___D4nJ-[data-hovered],
514
+ .Button-module__hop-Button--danger___D4nJ-[data-focus-visible] {
515
515
  --background-color: var(--hop-Button-danger-background-color-hover);
516
516
  --color: var(--hop-Button-danger-color-hover);
517
517
  --border: var(--hop-Button-danger-border-hover);
518
518
  }
519
- .Button-module__hop-Button--danger___2GI4-[data-pressed] {
519
+ .Button-module__hop-Button--danger___D4nJ-[data-pressed] {
520
520
  --background-color: var(--hop-Button-danger-background-color-pressed);
521
521
  --color: var(--hop-Button-danger-color-pressed);
522
522
  --border: var(--hop-Button-danger-border-pressed);
523
523
  }
524
- .Button-module__hop-Button--ghost-primary___WbTOr {
524
+ .Button-module__hop-Button--ghost-primary___WPu49 {
525
525
  --background-color: var(--hop-Button-ghost-primary-background-color);
526
526
  --color: var(--hop-Button-ghost-primary-color);
527
527
  --border: var(--hop-Button-ghost-primary-border);
528
528
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
529
529
  }
530
- .Button-module__hop-Button--ghost-primary___WbTOr[data-hovered],
531
- .Button-module__hop-Button--ghost-primary___WbTOr[data-focus-visible] {
530
+ .Button-module__hop-Button--ghost-primary___WPu49[data-hovered],
531
+ .Button-module__hop-Button--ghost-primary___WPu49[data-focus-visible] {
532
532
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
533
533
  --color: var(--hop-Button-ghost-primary-color-hover);
534
534
  --border: var(--hop-Button-ghost-primary-border-hover);
535
535
  --text-underline: underline;
536
536
  }
537
- .Button-module__hop-Button--ghost-primary___WbTOr[data-pressed] {
537
+ .Button-module__hop-Button--ghost-primary___WPu49[data-pressed] {
538
538
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
539
539
  --color: var(--hop-Button-ghost-primary-color-pressed);
540
540
  --border: var(--hop-Button-ghost-primary-border-pressed);
541
541
  --text-underline: underline;
542
542
  }
543
- .Button-module__hop-Button--ghost-secondary___rucYv {
543
+ .Button-module__hop-Button--ghost-secondary___M0eZA {
544
544
  --background-color: var(--hop-Button-ghost-secondary-background-color);
545
545
  --color: var(--hop-Button-ghost-secondary-color);
546
546
  --border: var(--hop-Button-ghost-secondary-border);
547
547
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
548
548
  }
549
- .Button-module__hop-Button--ghost-secondary___rucYv[data-hovered],
550
- .Button-module__hop-Button--ghost-secondary___rucYv[data-focus-visible] {
549
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-hovered],
550
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-focus-visible] {
551
551
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
552
552
  --color: var(--hop-Button-ghost-secondary-color-hover);
553
553
  --border: var(--hop-Button-ghost-secondary-border-hover);
554
554
  --text-underline: underline;
555
555
  }
556
- .Button-module__hop-Button--ghost-secondary___rucYv[data-pressed] {
556
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-pressed] {
557
557
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
558
558
  --color: var(--hop-Button-ghost-secondary-color-pressed);
559
559
  --border: var(--hop-Button-ghost-secondary-border-pressed);
560
560
  --text-underline: underline;
561
561
  }
562
- .Button-module__hop-Button--ghost-danger___EEFQf {
562
+ .Button-module__hop-Button--ghost-danger___-Mvaw {
563
563
  --background-color: var(--hop-Button-ghost-danger-background-color);
564
564
  --color: var(--hop-Button-ghost-danger-color);
565
565
  --border: var(--hop-Button-ghost-danger-border);
566
566
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
567
567
  }
568
- .Button-module__hop-Button--ghost-danger___EEFQf[data-hovered],
569
- .Button-module__hop-Button--ghost-danger___EEFQf[data-focus-visible] {
568
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-hovered],
569
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-focus-visible] {
570
570
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
571
571
  --color: var(--hop-Button-ghost-danger-color-hover);
572
572
  --border: var(--hop-Button-ghost-danger-border-hover);
573
573
  --text-underline: underline;
574
574
  }
575
- .Button-module__hop-Button--ghost-danger___EEFQf[data-pressed] {
575
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-pressed] {
576
576
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
577
577
  --color: var(--hop-Button-ghost-danger-color-pressed);
578
578
  --border: var(--hop-Button-ghost-danger-border-pressed);
579
579
  --text-underline: underline;
580
580
  }
581
- .Button-module__hop-Button___6jdea[data-focus-visible] {
581
+ .Button-module__hop-Button___XnpzX[data-focus-visible] {
582
582
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
583
583
  }
584
- .Button-module__hop-Button___6jdea[data-disabled],
585
- .Button-module__hop-Button___6jdea[data-pending] {
584
+ .Button-module__hop-Button___XnpzX[data-disabled],
585
+ .Button-module__hop-Button___XnpzX[data-pending] {
586
586
  cursor: not-allowed;
587
587
  }
588
- .Button-module__hop-Button___6jdea[data-disabled] {
588
+ .Button-module__hop-Button___XnpzX[data-disabled] {
589
589
  --background-color: var(--hop-Button-background-color-disabled);
590
590
  --color: var(--hop-Button-color-disabled);
591
591
  --border: var(--hop-Button-border-disabled);
592
592
  }
593
- .Button-module__hop-Button___6jdea[class*=--ghost][data-disabled] {
593
+ .Button-module__hop-Button___XnpzX[class*=--ghost][data-disabled] {
594
594
  --background-color: var(--hop-Button-ghost-background-color-disabled);
595
595
  --color: var(--hop-Button-ghost-color-disabled);
596
596
  --border: var(--hop-Button-ghost-border-disabled);
597
597
  }
598
- .Button-module__hop-Button--primary___heW9v[data-pending] {
598
+ .Button-module__hop-Button--primary___5doCv[data-pending] {
599
599
  --background-color: var(--hop-Button-primary-background-color);
600
600
  --color: var(--hop-Button-primary-color);
601
601
  --border: var(--hop-Button-primary-border);
602
602
  }
603
- .Button-module__hop-Button--secondary___dGQoQ[data-pending] {
603
+ .Button-module__hop-Button--secondary___p2tPu[data-pending] {
604
604
  --background-color: var(--hop-Button-secondary-background-color);
605
605
  --color: var(--hop-Button-secondary-color);
606
606
  --border: var(--hop-Button-secondary-border);
607
607
  }
608
- .Button-module__hop-Button--upsell___XkxHG[data-pending] {
608
+ .Button-module__hop-Button--upsell___pbl2O[data-pending] {
609
609
  --background-color: var(--hop-Button-upsell-background-color);
610
610
  --color: var(--hop-Button-upsell-color);
611
611
  --border: var(--hop-Button-upsell-border);
612
612
  }
613
- .Button-module__hop-Button--danger___2GI4-[data-pending] {
613
+ .Button-module__hop-Button--danger___D4nJ-[data-pending] {
614
614
  --background-color: var(--hop-Button-danger-background-color);
615
615
  --color: var(--hop-Button-danger-color);
616
616
  --border: var(--hop-Button-danger-border);
617
617
  }
618
- .Button-module__hop-Button--ghost-primary___WbTOr[data-pending] {
618
+ .Button-module__hop-Button--ghost-primary___WPu49[data-pending] {
619
619
  --background-color: var(--hop-Button-ghost-primary-background-color);
620
620
  --color: var(--hop-Button-ghost-primary-color);
621
621
  --border: var(--hop-Button-ghost-primary-border);
622
622
  --text-underline: none;
623
623
  }
624
- .Button-module__hop-Button--ghost-secondary___rucYv[data-pending] {
624
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-pending] {
625
625
  --background-color: var(--hop-Button-ghost-secondary-background-color);
626
626
  --color: var(--hop-Button-ghost-secondary-color);
627
627
  --border: var(--hop-Button-ghost-secondary-border);
628
628
  --text-underline: none;
629
629
  }
630
- .Button-module__hop-Button--ghost-danger___EEFQf[data-pending] {
630
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-pending] {
631
631
  --background-color: var(--hop-Button-ghost-danger-background-color);
632
632
  --color: var(--hop-Button-ghost-danger-color);
633
633
  --border: var(--hop-Button-ghost-danger-border);
634
634
  --text-underline: none;
635
635
  }
636
- .Button-module__hop-Button__Spinner___-0J1W {
636
+ .Button-module__hop-Button__Spinner___Bhn4b {
637
637
  position: absolute;
638
638
  color: var(--spinner-color);
639
639
  }
640
- .Button-module__hop-Button__icon___Rv7QT,
641
- .Button-module__hop-Button__icon-list___Dvrbe {
640
+ .Button-module__hop-Button__icon___ShNZp,
641
+ .Button-module__hop-Button__icon-list___dbXFP {
642
642
  flex: 0 0 auto;
643
643
  justify-self: end;
644
644
  order: 1;
645
645
  }
646
- .Button-module__hop-Button__text___pNCyo {
646
+ .Button-module__hop-Button__text___iwCeX {
647
647
  user-select: none;
648
648
  overflow: visible;
649
649
  flex: 0 1 auto;
@@ -653,60 +653,60 @@
653
653
  text-underline-offset: 0.125rem;
654
654
  text-wrap: nowrap;
655
655
  }
656
- .Button-module__hop-Button__end-icon___nAsoZ,
657
- .Button-module__hop-Button__end-icon-list___7V1ne {
656
+ .Button-module__hop-Button__end-icon___4hJm7,
657
+ .Button-module__hop-Button__end-icon-list___SXzot {
658
658
  flex: 0 0 auto;
659
659
  order: 3;
660
660
  }
661
- .Button-module__hop-Button___6jdea .Button-module__hop-Button__icon-list___Dvrbe,
662
- .Button-module__hop-Button___6jdea .Button-module__hop-Button__end-icon-list___7V1ne {
661
+ .Button-module__hop-Button___XnpzX .Button-module__hop-Button__icon-list___dbXFP,
662
+ .Button-module__hop-Button___XnpzX .Button-module__hop-Button__end-icon-list___SXzot {
663
663
  flex-wrap: nowrap;
664
664
  }
665
- .Button-module__hop-Button___6jdea[data-pending] > *:not(.Button-module__hop-Button__Spinner___-0J1W) {
665
+ .Button-module__hop-Button___XnpzX[data-pending] > *:not(.Button-module__hop-Button__Spinner___Bhn4b) {
666
666
  opacity: 0;
667
667
  }
668
668
 
669
669
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
670
- .ButtonGroup-module__hop-ButtonGroup___RqQk1 {
670
+ .ButtonGroup-module__hop-ButtonGroup___W5IvL {
671
671
  display: inline-flex;
672
672
  flex-wrap: nowrap;
673
673
  gap: var(--hop-space-inline-md);
674
674
  }
675
- .ButtonGroup-module__hop-ButtonGroup--horizontal___U4oOQ {
675
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___a77h0 {
676
676
  align-items: center;
677
677
  }
678
- .ButtonGroup-module__hop-ButtonGroup--vertical___oGvR- {
678
+ .ButtonGroup-module__hop-ButtonGroup--vertical___bfr82 {
679
679
  flex-direction: column;
680
680
  gap: var(--hop-space-stack-md);
681
681
  justify-content: center;
682
682
  }
683
- .ButtonGroup-module__hop-ButtonGroup--start___R4sVN.ButtonGroup-module__hop-ButtonGroup--vertical___oGvR- {
683
+ .ButtonGroup-module__hop-ButtonGroup--start___idg--.ButtonGroup-module__hop-ButtonGroup--vertical___bfr82 {
684
684
  align-items: flex-start;
685
685
  }
686
- .ButtonGroup-module__hop-ButtonGroup--center___V7-Eo.ButtonGroup-module__hop-ButtonGroup--vertical___oGvR- {
686
+ .ButtonGroup-module__hop-ButtonGroup--center___Eb4Kc.ButtonGroup-module__hop-ButtonGroup--vertical___bfr82 {
687
687
  align-items: center;
688
688
  }
689
- .ButtonGroup-module__hop-ButtonGroup--end___QEqXf.ButtonGroup-module__hop-ButtonGroup--vertical___oGvR- {
689
+ .ButtonGroup-module__hop-ButtonGroup--end___O6dNO.ButtonGroup-module__hop-ButtonGroup--vertical___bfr82 {
690
690
  align-items: flex-end;
691
691
  }
692
- .ButtonGroup-module__hop-ButtonGroup--start___R4sVN.ButtonGroup-module__hop-ButtonGroup--horizontal___U4oOQ {
692
+ .ButtonGroup-module__hop-ButtonGroup--start___idg--.ButtonGroup-module__hop-ButtonGroup--horizontal___a77h0 {
693
693
  justify-content: flex-start;
694
694
  }
695
- .ButtonGroup-module__hop-ButtonGroup--center___V7-Eo.ButtonGroup-module__hop-ButtonGroup--horizontal___U4oOQ {
695
+ .ButtonGroup-module__hop-ButtonGroup--center___Eb4Kc.ButtonGroup-module__hop-ButtonGroup--horizontal___a77h0 {
696
696
  justify-content: center;
697
697
  }
698
- .ButtonGroup-module__hop-ButtonGroup--end___QEqXf.ButtonGroup-module__hop-ButtonGroup--horizontal___U4oOQ {
698
+ .ButtonGroup-module__hop-ButtonGroup--end___O6dNO.ButtonGroup-module__hop-ButtonGroup--horizontal___a77h0 {
699
699
  justify-content: flex-end;
700
700
  }
701
- .ButtonGroup-module__hop-ButtonGroup--wrap___mhvHD {
701
+ .ButtonGroup-module__hop-ButtonGroup--wrap___gXtS1 {
702
702
  flex-wrap: wrap;
703
703
  }
704
- .ButtonGroup-module__hop-ButtonGroup--fluid___eB4aQ {
704
+ .ButtonGroup-module__hop-ButtonGroup--fluid___N2aYl {
705
705
  inline-size: 100%;
706
706
  }
707
707
 
708
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
709
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9 {
710
710
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
711
711
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
712
712
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -870,7 +870,7 @@
870
870
  outline: none;
871
871
  transition: color var(--transition);
872
872
  }
873
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s::before {
873
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9::before {
874
874
  content: "";
875
875
  position: absolute;
876
876
  inset-block-start: 50%;
@@ -883,284 +883,296 @@
883
883
  border-radius: var(--effect-border-radius);
884
884
  transition: background-color var(--transition);
885
885
  }
886
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s[data-square] {
886
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-square] {
887
887
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
888
888
  }
889
- .EmbeddedButton-module__hop-EmbeddedButton--md___zZqaK {
889
+ .EmbeddedButton-module__hop-EmbeddedButton--md___GGTp9 {
890
890
  --inline-size: var(--hop-EmbeddedButton-md-width);
891
891
  --block-size: var(--hop-EmbeddedButton-md-height);
892
892
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
893
893
  }
894
- .EmbeddedButton-module__hop-EmbeddedButton--lg___yWXGG {
894
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___y8j8G {
895
895
  --inline-size: var(--hop-EmbeddedButton-lg-width);
896
896
  --block-size: var(--hop-EmbeddedButton-lg-height);
897
897
  --focus-ring-offset: 0;
898
898
  }
899
- .EmbeddedButton-module__hop-EmbeddedButton--md___zZqaK::before {
899
+ .EmbeddedButton-module__hop-EmbeddedButton--md___GGTp9::before {
900
900
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
901
901
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
902
902
  }
903
- .EmbeddedButton-module__hop-EmbeddedButton--lg___yWXGG::before {
903
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___y8j8G::before {
904
904
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
905
905
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
906
906
  }
907
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd {
907
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR {
908
908
  --color: var(--hop-EmbeddedButton-neutral-color);
909
909
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
910
910
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC {
911
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn {
912
912
  --color: var(--hop-EmbeddedButton-subdued-color);
913
913
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
914
914
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7 {
915
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g {
916
916
  --color: var(--hop-EmbeddedButton-progress-color);
917
917
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr- {
920
920
  --color: var(--hop-EmbeddedButton-positive-color);
921
921
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
922
922
  }
923
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aUad- {
923
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x {
924
924
  --color: var(--hop-EmbeddedButton-caution-color);
925
925
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
926
926
  }
927
- .EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY {
928
928
  --color: var(--hop-EmbeddedButton-negative-color);
929
929
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
930
930
  }
931
- .EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA {
932
932
  --color: var(--hop-EmbeddedButton-option1-color);
933
933
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3 {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f {
936
936
  --color: var(--hop-EmbeddedButton-option2-color);
937
937
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
938
938
  }
939
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i {
939
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ- {
940
940
  --color: var(--hop-EmbeddedButton-option3-color);
941
941
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
942
942
  }
943
- .EmbeddedButton-module__hop-EmbeddedButton--option4___wigL- {
943
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz {
944
944
  --color: var(--hop-EmbeddedButton-option4-color);
945
945
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
946
946
  }
947
- .EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM {
947
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf {
948
948
  --color: var(--hop-EmbeddedButton-option5-color);
949
949
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
950
950
  }
951
- .EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x {
951
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ {
952
952
  --color: var(--hop-EmbeddedButton-option6-color);
953
953
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
954
954
  }
955
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s[data-selected] {
955
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-selected] {
956
956
  --color: var(--hop-EmbeddedButton-selected-color);
957
957
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
958
958
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s[data-focus-visible] {
959
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-focus-visible] {
960
960
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
961
961
  outline-offset: var(--focus-ring-offset);
962
962
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton___R6m7s[data-disabled] {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___tHTN9[data-disabled] {
964
964
  cursor: not-allowed;
965
965
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd[data-hovered] {
966
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-hovered] {
967
967
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
968
968
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
969
969
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd[data-focus-visible] {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-focus-visible] {
971
971
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
972
972
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
973
973
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd[data-pressed] {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-pressed] {
975
975
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
976
976
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
977
977
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___lkZqd[data-disabled] {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___zK4NR[data-disabled] {
979
979
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
980
980
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
981
981
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC[data-hovered] {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-hovered] {
983
983
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
984
984
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
985
985
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC[data-focus-visible] {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-focus-visible] {
987
987
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
988
988
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
989
989
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC[data-pressed] {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-pressed] {
991
991
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
992
992
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
993
993
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___-dOyC[data-disabled] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___euARn[data-disabled] {
995
995
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
996
996
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
997
997
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7[data-hovered] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-hovered] {
999
999
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1000
1000
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1001
1001
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7[data-focus-visible] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-focus-visible] {
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1004
1004
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1005
1005
  }
1006
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7[data-pressed] {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-pressed] {
1007
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1008
1008
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1009
1009
  }
1010
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ChJF7[data-disabled] {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___Fe8-g[data-disabled] {
1011
1011
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1012
1012
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1013
1013
  }
1014
- .EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT[data-hovered] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-hovered] {
1015
1015
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1016
1016
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1017
1017
  }
1018
- .EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT[data-focus-visible] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-focus-visible] {
1019
1019
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1020
1020
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1021
1021
  }
1022
- .EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT[data-pressed] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-pressed] {
1023
1023
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1024
1024
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1025
1025
  }
1026
- .EmbeddedButton-module__hop-EmbeddedButton--positive___HheoT[data-disabled] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___WxJr-[data-disabled] {
1027
1027
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1028
1028
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1029
1029
  }
1030
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aUad-[data-hovered] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-hovered] {
1031
1031
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1032
1032
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1033
1033
  }
1034
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aUad-[data-focus-visible] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-focus-visible] {
1035
1035
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1036
1036
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1037
1037
  }
1038
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aUad-[data-pressed] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-pressed] {
1039
1039
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1040
1040
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1041
1041
  }
1042
- .EmbeddedButton-module__hop-EmbeddedButton--caution___aUad-[data-disabled] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___IQR3x[data-disabled] {
1043
1043
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1044
1044
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1045
1045
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi[data-hovered] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-hovered] {
1047
1047
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1048
1048
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1049
1049
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi[data-focus-visible] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-focus-visible] {
1051
1051
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1052
1052
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1053
1053
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi[data-pressed] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-pressed] {
1055
1055
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1056
1056
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1057
1057
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--negative___E9mBi[data-disabled] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___HdKSY[data-disabled] {
1059
1059
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1060
1060
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1061
1061
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX[data-hovered] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-hovered] {
1063
1063
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1064
1064
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1065
1065
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX[data-focus-visible] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-focus-visible] {
1067
1067
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1068
1068
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1069
1069
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX[data-pressed] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-pressed] {
1071
1071
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1072
1072
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1073
1073
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--option1___EnRqX[data-disabled] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___dJCvA[data-disabled] {
1075
1075
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1076
1076
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1077
1077
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3[data-hovered] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-hovered] {
1079
1079
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1080
1080
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1081
1081
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3[data-focus-visible] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-focus-visible] {
1083
1083
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1084
1084
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1085
1085
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3[data-pressed] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-pressed] {
1087
1087
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1088
1088
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1089
1089
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--option2___JkPx3[data-disabled] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___2Ek0f[data-disabled] {
1091
1091
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1092
1092
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1093
1093
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i[data-hovered] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-hovered] {
1095
1095
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1096
1096
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1097
1097
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i[data-focus-visible] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-focus-visible] {
1099
1099
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1100
1100
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1101
1101
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i[data-pressed] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-pressed] {
1103
1103
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1104
1104
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1105
1105
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ZmE6i[data-disabled] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___0DPJ-[data-disabled] {
1107
1107
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1108
1108
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1109
1109
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--option4___wigL-[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-hovered] {
1111
1111
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1112
1112
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1113
1113
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--option4___wigL-[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-focus-visible] {
1115
1115
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1116
1116
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1117
1117
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--option4___wigL-[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-pressed] {
1119
1119
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1120
1120
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1121
1121
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--option4___wigL-[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___RmwOz[data-disabled] {
1123
1123
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1124
1124
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1125
1125
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-hovered] {
1127
1127
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1128
1128
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1129
1129
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-focus-visible] {
1131
1131
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1132
1132
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1133
1133
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-pressed] {
1135
1135
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1136
1136
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1137
1137
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--option5___zoUrM[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___uxtHf[data-disabled] {
1139
1139
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1140
1140
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1141
1141
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-hovered] {
1143
1143
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1144
1144
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1145
1145
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-focus-visible] {
1147
1147
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1148
1148
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1149
1149
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-pressed] {
1151
1151
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1152
1152
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1153
1153
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option6___5ET-x[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9JkLZ[data-disabled] {
1155
1155
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1156
1156
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1157
1157
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton__icon___Qkka9 {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___QJXMa {
1159
1159
  position: relative;
1160
1160
  }
1161
1161
 
1162
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1163
+ button.CloseButton-module__hop-CloseButton___hk3-W {
1164
+ --hop-CloseButton-margin-top: 0rem;
1165
+ --hop-CloseButton-padding: 0rem;
1166
+ --hop-CloseButton-witdh: "fit-content";
1167
+ --hop-CloseButton-height: "fit-content";
1168
+ inline-size: var(--hop-CloseButton-width);
1169
+ block-size: var(--hop-CloseButton-height);
1170
+ margin-block-start: var(--hop-CloseButton-margin-top);
1171
+ padding: var(--hop-CloseButton-padding);
1172
+ }
1173
+
1162
1174
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1163
- .Button-module__hop-Button___6jdea {
1175
+ .Button-module__hop-Button___XnpzX {
1164
1176
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1165
1177
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1166
1178
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1284,215 +1296,215 @@
1284
1296
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1285
1297
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1286
1298
  }
1287
- .Button-module__hop-Button--fluid___-kDxT {
1299
+ .Button-module__hop-Button--fluid___ZZXwq {
1288
1300
  --inline-size: 100%;
1289
1301
  }
1290
- .Button-module__hop-Button--sm___ssMuQ {
1302
+ .Button-module__hop-Button--sm___6jOD3 {
1291
1303
  --block-size: var(--hop-Button-sm-height);
1292
1304
  --padding: var(--hop-Button-sm-padding);
1293
1305
  }
1294
- .Button-module__hop-Button--sm___ssMuQ[class*=--ghost] {
1306
+ .Button-module__hop-Button--sm___6jOD3[class*=--ghost] {
1295
1307
  --padding: var(--hop-Button-ghost-sm-padding);
1296
1308
  }
1297
- .Button-module__hop-Button--md___eslrO[class*=--ghost] {
1309
+ .Button-module__hop-Button--md___3yl4O[class*=--ghost] {
1298
1310
  --padding: var(--hop-Button-ghost-md-padding);
1299
1311
  }
1300
- .Button-module__hop-Button--icon-only___14Bgf {
1312
+ .Button-module__hop-Button--icon-only___-VLNH {
1301
1313
  --column-gap: var(--hop-Button-icon-only-column-gap);
1302
1314
  --padding: var(--hop-Button-icon-only-padding);
1303
1315
  aspect-ratio: 1;
1304
1316
  }
1305
- .Button-module__hop-Button--primary___heW9v {
1317
+ .Button-module__hop-Button--primary___5doCv {
1306
1318
  --background-color: var(--hop-Button-primary-background-color);
1307
1319
  --color: var(--hop-Button-primary-color);
1308
1320
  --border: var(--hop-Button-primary-border);
1309
1321
  --spinner-color: var(--hop-Button-primary-spinner-color);
1310
1322
  }
1311
- .Button-module__hop-Button--primary___heW9v[data-hovered],
1312
- .Button-module__hop-Button--primary___heW9v[data-focus-visible] {
1323
+ .Button-module__hop-Button--primary___5doCv[data-hovered],
1324
+ .Button-module__hop-Button--primary___5doCv[data-focus-visible] {
1313
1325
  --background-color: var(--hop-Button-primary-background-color-hover);
1314
1326
  --color: var(--hop-Button-primary-color-hover);
1315
1327
  --border: var(--hop-Button-primary-border-hover);
1316
1328
  }
1317
- .Button-module__hop-Button--primary___heW9v[data-pressed] {
1329
+ .Button-module__hop-Button--primary___5doCv[data-pressed] {
1318
1330
  --background-color: var(--hop-Button-primary-background-color-pressed);
1319
1331
  --color: var(--hop-Button-primary-color-pressed);
1320
1332
  --border: var(--hop-Button-primary-border-pressed);
1321
1333
  }
1322
- .Button-module__hop-Button--secondary___dGQoQ {
1334
+ .Button-module__hop-Button--secondary___p2tPu {
1323
1335
  --background-color: var(--hop-Button-secondary-background-color);
1324
1336
  --color: var(--hop-Button-secondary-color);
1325
1337
  --border: var(--hop-Button-secondary-border);
1326
1338
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1327
1339
  }
1328
- .Button-module__hop-Button--secondary___dGQoQ[data-hovered],
1329
- .Button-module__hop-Button--secondary___dGQoQ[data-focus-visible] {
1340
+ .Button-module__hop-Button--secondary___p2tPu[data-hovered],
1341
+ .Button-module__hop-Button--secondary___p2tPu[data-focus-visible] {
1330
1342
  --background-color: var(--hop-Button-secondary-background-color-hover);
1331
1343
  --color: var(--hop-Button-secondary-color-hover);
1332
1344
  --border: var(--hop-Button-secondary-border-hover);
1333
1345
  }
1334
- .Button-module__hop-Button--secondary___dGQoQ[data-pressed] {
1346
+ .Button-module__hop-Button--secondary___p2tPu[data-pressed] {
1335
1347
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1336
1348
  --color: var(--hop-Button-secondary-color-pressed);
1337
1349
  --border: var(--hop-Button-secondary-border-pressed);
1338
1350
  }
1339
- .Button-module__hop-Button--upsell___XkxHG {
1351
+ .Button-module__hop-Button--upsell___pbl2O {
1340
1352
  --background-color: var(--hop-Button-upsell-background-color);
1341
1353
  --color: var(--hop-Button-upsell-color);
1342
1354
  --border: var(--hop-Button-upsell-border);
1343
1355
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1344
1356
  }
1345
- .Button-module__hop-Button--upsell___XkxHG[data-hovered],
1346
- .Button-module__hop-Button--upsell___XkxHG[data-focus-visible] {
1357
+ .Button-module__hop-Button--upsell___pbl2O[data-hovered],
1358
+ .Button-module__hop-Button--upsell___pbl2O[data-focus-visible] {
1347
1359
  --background-color: var(--hop-Button-upsell-background-color-hover);
1348
1360
  --color: var(--hop-Button-upsell-color-hover);
1349
1361
  --border: var(--hop-Button-upsell-border-hover);
1350
1362
  }
1351
- .Button-module__hop-Button--upsell___XkxHG[data-pressed] {
1363
+ .Button-module__hop-Button--upsell___pbl2O[data-pressed] {
1352
1364
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1353
1365
  --color: var(--hop-Button-upsell-color-pressed);
1354
1366
  --border: var(--hop-Button-upsell-border-pressed);
1355
1367
  }
1356
- .Button-module__hop-Button--danger___2GI4- {
1368
+ .Button-module__hop-Button--danger___D4nJ- {
1357
1369
  --background-color: var(--hop-Button-danger-background-color);
1358
1370
  --color: var(--hop-Button-danger-color);
1359
1371
  --border: var(--hop-Button-danger-border);
1360
1372
  --spinner-color: var(--hop-Button-danger-spinner-color);
1361
1373
  }
1362
- .Button-module__hop-Button--danger___2GI4-[data-hovered],
1363
- .Button-module__hop-Button--danger___2GI4-[data-focus-visible] {
1374
+ .Button-module__hop-Button--danger___D4nJ-[data-hovered],
1375
+ .Button-module__hop-Button--danger___D4nJ-[data-focus-visible] {
1364
1376
  --background-color: var(--hop-Button-danger-background-color-hover);
1365
1377
  --color: var(--hop-Button-danger-color-hover);
1366
1378
  --border: var(--hop-Button-danger-border-hover);
1367
1379
  }
1368
- .Button-module__hop-Button--danger___2GI4-[data-pressed] {
1380
+ .Button-module__hop-Button--danger___D4nJ-[data-pressed] {
1369
1381
  --background-color: var(--hop-Button-danger-background-color-pressed);
1370
1382
  --color: var(--hop-Button-danger-color-pressed);
1371
1383
  --border: var(--hop-Button-danger-border-pressed);
1372
1384
  }
1373
- .Button-module__hop-Button--ghost-primary___WbTOr {
1385
+ .Button-module__hop-Button--ghost-primary___WPu49 {
1374
1386
  --background-color: var(--hop-Button-ghost-primary-background-color);
1375
1387
  --color: var(--hop-Button-ghost-primary-color);
1376
1388
  --border: var(--hop-Button-ghost-primary-border);
1377
1389
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1378
1390
  }
1379
- .Button-module__hop-Button--ghost-primary___WbTOr[data-hovered],
1380
- .Button-module__hop-Button--ghost-primary___WbTOr[data-focus-visible] {
1391
+ .Button-module__hop-Button--ghost-primary___WPu49[data-hovered],
1392
+ .Button-module__hop-Button--ghost-primary___WPu49[data-focus-visible] {
1381
1393
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1382
1394
  --color: var(--hop-Button-ghost-primary-color-hover);
1383
1395
  --border: var(--hop-Button-ghost-primary-border-hover);
1384
1396
  --text-underline: underline;
1385
1397
  }
1386
- .Button-module__hop-Button--ghost-primary___WbTOr[data-pressed] {
1398
+ .Button-module__hop-Button--ghost-primary___WPu49[data-pressed] {
1387
1399
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1388
1400
  --color: var(--hop-Button-ghost-primary-color-pressed);
1389
1401
  --border: var(--hop-Button-ghost-primary-border-pressed);
1390
1402
  --text-underline: underline;
1391
1403
  }
1392
- .Button-module__hop-Button--ghost-secondary___rucYv {
1404
+ .Button-module__hop-Button--ghost-secondary___M0eZA {
1393
1405
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1394
1406
  --color: var(--hop-Button-ghost-secondary-color);
1395
1407
  --border: var(--hop-Button-ghost-secondary-border);
1396
1408
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1397
1409
  }
1398
- .Button-module__hop-Button--ghost-secondary___rucYv[data-hovered],
1399
- .Button-module__hop-Button--ghost-secondary___rucYv[data-focus-visible] {
1410
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-hovered],
1411
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-focus-visible] {
1400
1412
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1401
1413
  --color: var(--hop-Button-ghost-secondary-color-hover);
1402
1414
  --border: var(--hop-Button-ghost-secondary-border-hover);
1403
1415
  --text-underline: underline;
1404
1416
  }
1405
- .Button-module__hop-Button--ghost-secondary___rucYv[data-pressed] {
1417
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-pressed] {
1406
1418
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1407
1419
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1408
1420
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1409
1421
  --text-underline: underline;
1410
1422
  }
1411
- .Button-module__hop-Button--ghost-danger___EEFQf {
1423
+ .Button-module__hop-Button--ghost-danger___-Mvaw {
1412
1424
  --background-color: var(--hop-Button-ghost-danger-background-color);
1413
1425
  --color: var(--hop-Button-ghost-danger-color);
1414
1426
  --border: var(--hop-Button-ghost-danger-border);
1415
1427
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1416
1428
  }
1417
- .Button-module__hop-Button--ghost-danger___EEFQf[data-hovered],
1418
- .Button-module__hop-Button--ghost-danger___EEFQf[data-focus-visible] {
1429
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-hovered],
1430
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-focus-visible] {
1419
1431
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1420
1432
  --color: var(--hop-Button-ghost-danger-color-hover);
1421
1433
  --border: var(--hop-Button-ghost-danger-border-hover);
1422
1434
  --text-underline: underline;
1423
1435
  }
1424
- .Button-module__hop-Button--ghost-danger___EEFQf[data-pressed] {
1436
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-pressed] {
1425
1437
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1426
1438
  --color: var(--hop-Button-ghost-danger-color-pressed);
1427
1439
  --border: var(--hop-Button-ghost-danger-border-pressed);
1428
1440
  --text-underline: underline;
1429
1441
  }
1430
- .Button-module__hop-Button___6jdea[data-focus-visible] {
1442
+ .Button-module__hop-Button___XnpzX[data-focus-visible] {
1431
1443
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1432
1444
  }
1433
- .Button-module__hop-Button___6jdea[data-disabled],
1434
- .Button-module__hop-Button___6jdea[data-pending] {
1445
+ .Button-module__hop-Button___XnpzX[data-disabled],
1446
+ .Button-module__hop-Button___XnpzX[data-pending] {
1435
1447
  cursor: not-allowed;
1436
1448
  }
1437
- .Button-module__hop-Button___6jdea[data-disabled] {
1449
+ .Button-module__hop-Button___XnpzX[data-disabled] {
1438
1450
  --background-color: var(--hop-Button-background-color-disabled);
1439
1451
  --color: var(--hop-Button-color-disabled);
1440
1452
  --border: var(--hop-Button-border-disabled);
1441
1453
  }
1442
- .Button-module__hop-Button___6jdea[class*=--ghost][data-disabled] {
1454
+ .Button-module__hop-Button___XnpzX[class*=--ghost][data-disabled] {
1443
1455
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1444
1456
  --color: var(--hop-Button-ghost-color-disabled);
1445
1457
  --border: var(--hop-Button-ghost-border-disabled);
1446
1458
  }
1447
- .Button-module__hop-Button--primary___heW9v[data-pending] {
1459
+ .Button-module__hop-Button--primary___5doCv[data-pending] {
1448
1460
  --background-color: var(--hop-Button-primary-background-color);
1449
1461
  --color: var(--hop-Button-primary-color);
1450
1462
  --border: var(--hop-Button-primary-border);
1451
1463
  }
1452
- .Button-module__hop-Button--secondary___dGQoQ[data-pending] {
1464
+ .Button-module__hop-Button--secondary___p2tPu[data-pending] {
1453
1465
  --background-color: var(--hop-Button-secondary-background-color);
1454
1466
  --color: var(--hop-Button-secondary-color);
1455
1467
  --border: var(--hop-Button-secondary-border);
1456
1468
  }
1457
- .Button-module__hop-Button--upsell___XkxHG[data-pending] {
1469
+ .Button-module__hop-Button--upsell___pbl2O[data-pending] {
1458
1470
  --background-color: var(--hop-Button-upsell-background-color);
1459
1471
  --color: var(--hop-Button-upsell-color);
1460
1472
  --border: var(--hop-Button-upsell-border);
1461
1473
  }
1462
- .Button-module__hop-Button--danger___2GI4-[data-pending] {
1474
+ .Button-module__hop-Button--danger___D4nJ-[data-pending] {
1463
1475
  --background-color: var(--hop-Button-danger-background-color);
1464
1476
  --color: var(--hop-Button-danger-color);
1465
1477
  --border: var(--hop-Button-danger-border);
1466
1478
  }
1467
- .Button-module__hop-Button--ghost-primary___WbTOr[data-pending] {
1479
+ .Button-module__hop-Button--ghost-primary___WPu49[data-pending] {
1468
1480
  --background-color: var(--hop-Button-ghost-primary-background-color);
1469
1481
  --color: var(--hop-Button-ghost-primary-color);
1470
1482
  --border: var(--hop-Button-ghost-primary-border);
1471
1483
  --text-underline: none;
1472
1484
  }
1473
- .Button-module__hop-Button--ghost-secondary___rucYv[data-pending] {
1485
+ .Button-module__hop-Button--ghost-secondary___M0eZA[data-pending] {
1474
1486
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1475
1487
  --color: var(--hop-Button-ghost-secondary-color);
1476
1488
  --border: var(--hop-Button-ghost-secondary-border);
1477
1489
  --text-underline: none;
1478
1490
  }
1479
- .Button-module__hop-Button--ghost-danger___EEFQf[data-pending] {
1491
+ .Button-module__hop-Button--ghost-danger___-Mvaw[data-pending] {
1480
1492
  --background-color: var(--hop-Button-ghost-danger-background-color);
1481
1493
  --color: var(--hop-Button-ghost-danger-color);
1482
1494
  --border: var(--hop-Button-ghost-danger-border);
1483
1495
  --text-underline: none;
1484
1496
  }
1485
- .Button-module__hop-Button__Spinner___-0J1W {
1497
+ .Button-module__hop-Button__Spinner___Bhn4b {
1486
1498
  position: absolute;
1487
1499
  color: var(--spinner-color);
1488
1500
  }
1489
- .Button-module__hop-Button__icon___Rv7QT,
1490
- .Button-module__hop-Button__icon-list___Dvrbe {
1501
+ .Button-module__hop-Button__icon___ShNZp,
1502
+ .Button-module__hop-Button__icon-list___dbXFP {
1491
1503
  flex: 0 0 auto;
1492
1504
  justify-self: end;
1493
1505
  order: 1;
1494
1506
  }
1495
- .Button-module__hop-Button__text___pNCyo {
1507
+ .Button-module__hop-Button__text___iwCeX {
1496
1508
  user-select: none;
1497
1509
  overflow: visible;
1498
1510
  flex: 0 1 auto;
@@ -1502,57 +1514,57 @@
1502
1514
  text-underline-offset: 0.125rem;
1503
1515
  text-wrap: nowrap;
1504
1516
  }
1505
- .Button-module__hop-Button__end-icon___nAsoZ,
1506
- .Button-module__hop-Button__end-icon-list___7V1ne {
1517
+ .Button-module__hop-Button__end-icon___4hJm7,
1518
+ .Button-module__hop-Button__end-icon-list___SXzot {
1507
1519
  flex: 0 0 auto;
1508
1520
  order: 3;
1509
1521
  }
1510
- .Button-module__hop-Button___6jdea .Button-module__hop-Button__icon-list___Dvrbe,
1511
- .Button-module__hop-Button___6jdea .Button-module__hop-Button__end-icon-list___7V1ne {
1522
+ .Button-module__hop-Button___XnpzX .Button-module__hop-Button__icon-list___dbXFP,
1523
+ .Button-module__hop-Button___XnpzX .Button-module__hop-Button__end-icon-list___SXzot {
1512
1524
  flex-wrap: nowrap;
1513
1525
  }
1514
- .Button-module__hop-Button___6jdea[data-pending] > *:not(.Button-module__hop-Button__Spinner___-0J1W) {
1526
+ .Button-module__hop-Button___XnpzX[data-pending] > *:not(.Button-module__hop-Button__Spinner___Bhn4b) {
1515
1527
  opacity: 0;
1516
1528
  }
1517
- .LinkButton-module__hop-LinkButton___bzT-z {
1529
+ .LinkButton-module__hop-LinkButton___N0s1M {
1518
1530
  }
1519
- .LinkButton-module__hop-LinkButton--fluid___cuu6Y {
1531
+ .LinkButton-module__hop-LinkButton--fluid___jCmDA {
1520
1532
  }
1521
- .LinkButton-module__hop-LinkButton--sm___TeORf {
1533
+ .LinkButton-module__hop-LinkButton--sm___8o1s3 {
1522
1534
  }
1523
- .LinkButton-module__hop-LinkButton--icon-only___lHf1E {
1535
+ .LinkButton-module__hop-LinkButton--icon-only___EtSuw {
1524
1536
  }
1525
- .LinkButton-module__hop-LinkButton--primary___sTGR- {
1537
+ .LinkButton-module__hop-LinkButton--primary___XcaN5 {
1526
1538
  }
1527
- .LinkButton-module__hop-LinkButton--secondary___3w-ZP {
1539
+ .LinkButton-module__hop-LinkButton--secondary___41COB {
1528
1540
  }
1529
- .LinkButton-module__hop-LinkButton--upsell___9z5wB {
1541
+ .LinkButton-module__hop-LinkButton--upsell___0W6-c {
1530
1542
  }
1531
- .LinkButton-module__hop-LinkButton--danger___7Ze9M {
1543
+ .LinkButton-module__hop-LinkButton--danger___Tngcg {
1532
1544
  }
1533
- .LinkButton-module__hop-LinkButton--ghost-primary___PG-8i {
1545
+ .LinkButton-module__hop-LinkButton--ghost-primary___I-JA1 {
1534
1546
  }
1535
- .LinkButton-module__hop-LinkButton--ghost-secondary___c7-qT {
1547
+ .LinkButton-module__hop-LinkButton--ghost-secondary___gDQ1B {
1536
1548
  }
1537
- .LinkButton-module__hop-LinkButton--ghost-danger___dPNSD {
1549
+ .LinkButton-module__hop-LinkButton--ghost-danger___4sqcD {
1538
1550
  }
1539
- .LinkButton-module__hop-LinkButton__Spinner___tIVFw {
1551
+ .LinkButton-module__hop-LinkButton__Spinner___wBN9a {
1540
1552
  }
1541
- .LinkButton-module__hop-LinkButton__icon___uTBws,
1542
- .LinkButton-module__hop-LinkButton__icon-list___6GVNY {
1553
+ .LinkButton-module__hop-LinkButton__icon___5G09q,
1554
+ .LinkButton-module__hop-LinkButton__icon-list___ELEM2 {
1543
1555
  }
1544
- .LinkButton-module__hop-LinkButton__text___MATIN {
1556
+ .LinkButton-module__hop-LinkButton__text___gC5VW {
1545
1557
  }
1546
- .LinkButton-module__hop-LinkButton__end-icon___bN-F-,
1547
- .LinkButton-module__hop-LinkButton__end-icon-list___EScvt {
1558
+ .LinkButton-module__hop-LinkButton__end-icon___uFvlC,
1559
+ .LinkButton-module__hop-LinkButton__end-icon-list___rCbkA {
1548
1560
  }
1549
- .LinkButton-module__hop-LinkButton___bzT-z .LinkButton-module__hop-LinkButton__icon-list___6GVNY,
1550
- .LinkButton-module__hop-LinkButton___bzT-z .LinkButton-module__hop-LinkButton__end-icon-list___EScvt {
1561
+ .LinkButton-module__hop-LinkButton___N0s1M .LinkButton-module__hop-LinkButton__icon-list___ELEM2,
1562
+ .LinkButton-module__hop-LinkButton___N0s1M .LinkButton-module__hop-LinkButton__end-icon-list___rCbkA {
1551
1563
  flex-wrap: nowrap;
1552
1564
  }
1553
1565
 
1554
1566
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1555
- .Link-module__hop-Link___X54o0 {
1567
+ .Link-module__hop-Link___12JUU {
1556
1568
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1557
1569
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1558
1570
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1565,6 +1577,13 @@
1565
1577
  --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
1566
1578
  --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
1567
1579
  --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
1580
+ --hop-Link-padding-standalone: 0.125em 0;
1581
+ --hop-Link-padding-standalone-xs: var(--hop-space-20) 0;
1582
+ --hop-Link-padding-standalone-sm: var(--hop-space-20) 0;
1583
+ --hop-Link-padding-standalone-md: var(--hop-space-40) 0;
1584
+ --hop-Link-padding-standalone-lg: var(--hop-space-40) 0;
1585
+ --hop-Link-padding-standalone-xl: var(--hop-space-80) 0;
1586
+ --hop-Link-padding-standalone-2xl: var(--hop-space-80) 0;
1568
1587
  cursor: pointer;
1569
1588
  display: inline-flex;
1570
1589
  column-gap: var(--hop-Link-column-gap);
@@ -1577,59 +1596,82 @@
1577
1596
  outline: none;
1578
1597
  outline-offset: 0.125rem;
1579
1598
  }
1580
- .Link-module__hop-Link___X54o0[data-focus-visible] {
1599
+ .Link-module__hop-Link___12JUU[data-focus-visible] {
1581
1600
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1582
1601
  }
1583
- .Link-module__hop-Link___X54o0[data-disabled] {
1602
+ .Link-module__hop-Link___12JUU[data-disabled] {
1584
1603
  cursor: default;
1585
1604
  }
1586
- .Link-module__hop-Link--quiet___6fdpz[data-focus-visible],
1587
- .Link-module__hop-Link--quiet___6fdpz[data-hovered] {
1605
+ .Link-module__hop-Link--standalone___QtN5t .Link-module__hop-Link__text___RlhO5 {
1606
+ padding: var(--hop-Link-padding-standalone);
1607
+ }
1608
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--xs___IWVhZ .Link-module__hop-Link__text___RlhO5 {
1609
+ padding: var(--hop-Link-padding-standalone-xs);
1610
+ }
1611
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--sm___vAlpX .Link-module__hop-Link__text___RlhO5 {
1612
+ padding: var(--hop-Link-padding-standalone-sm);
1613
+ }
1614
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--md___znyIj .Link-module__hop-Link__text___RlhO5 {
1615
+ padding: var(--hop-Link-padding-standalone-md);
1616
+ }
1617
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--lg___zHm-N .Link-module__hop-Link__text___RlhO5 {
1618
+ padding: var(--hop-Link-padding-standalone-lg);
1619
+ }
1620
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--xl___3EIcc .Link-module__hop-Link__text___RlhO5 {
1621
+ padding: var(--hop-Link-padding-standalone-xl);
1622
+ }
1623
+ .Link-module__hop-Link--standalone___QtN5t.Link-module__hop-Link--2xl___UclJS .Link-module__hop-Link__text___RlhO5 {
1624
+ padding: var(--hop-Link-padding-standalone-2xl);
1625
+ }
1626
+ .Link-module__hop-Link--quiet___zN4dU[data-focus-visible],
1627
+ .Link-module__hop-Link--quiet___zN4dU[data-hovered],
1628
+ .Link-module__hop-Link--standalone___QtN5t[data-focus-visible],
1629
+ .Link-module__hop-Link--standalone___QtN5t[data-hovered] {
1588
1630
  text-decoration: underline;
1589
1631
  }
1590
- .Link-module__hop-Link___X54o0:not(.Link-module__hop-Link--quiet___6fdpz) {
1632
+ .Link-module__hop-Link___12JUU:not(.Link-module__hop-Link--quiet___zN4dU, .Link-module__hop-Link--standalone___QtN5t) {
1591
1633
  text-decoration: underline;
1592
1634
  }
1593
- .Link-module__hop-Link--primary___cKzDg {
1635
+ .Link-module__hop-Link--primary___tW4rk {
1594
1636
  color: var(--hop-Link-primary-text-color);
1595
1637
  }
1596
- .Link-module__hop-Link--primary___cKzDg[data-disabled] {
1638
+ .Link-module__hop-Link--primary___tW4rk[data-disabled] {
1597
1639
  color: var(--hop-Link-primary-text-disabled-color);
1598
1640
  }
1599
- .Link-module__hop-Link--primary___cKzDg:not([data-disabled])[data-focus-visible],
1600
- .Link-module__hop-Link--primary___cKzDg:not([data-disabled])[data-hovered] {
1641
+ .Link-module__hop-Link--primary___tW4rk:not([data-disabled])[data-focus-visible],
1642
+ .Link-module__hop-Link--primary___tW4rk:not([data-disabled])[data-hovered] {
1601
1643
  color: var(--hop-Link-primary-text-hover-color);
1602
1644
  }
1603
- .Link-module__hop-Link--primary___cKzDg:not([data-disabled])[data-pressed] {
1645
+ .Link-module__hop-Link--primary___tW4rk:not([data-disabled])[data-pressed] {
1604
1646
  color: var(--hop-Link-primary-text-pressed-color);
1605
1647
  }
1606
- .Link-module__hop-Link--secondary___uP3-D {
1648
+ .Link-module__hop-Link--secondary___7SPUI {
1607
1649
  color: var(--hop-Link-neutral-text-color);
1608
1650
  }
1609
- .Link-module__hop-Link--secondary___uP3-D[data-disabled] {
1651
+ .Link-module__hop-Link--secondary___7SPUI[data-disabled] {
1610
1652
  color: var(--hop-Link-neutral-text-disabled-color);
1611
1653
  }
1612
- .Link-module__hop-Link--secondary___uP3-D:not([data-disabled])[data-focus-visible],
1613
- .Link-module__hop-Link--secondary___uP3-D:not([data-disabled])[data-hovered] {
1654
+ .Link-module__hop-Link--secondary___7SPUI:not([data-disabled])[data-focus-visible],
1655
+ .Link-module__hop-Link--secondary___7SPUI:not([data-disabled])[data-hovered] {
1614
1656
  color: var(--hop-Link-neutral-text-hover-color);
1615
1657
  }
1616
- .Link-module__hop-Link--secondary___uP3-D:not([data-disabled])[data-pressed] {
1658
+ .Link-module__hop-Link--secondary___7SPUI:not([data-disabled])[data-pressed] {
1617
1659
  color: var(--hop-Link-neutral-text-pressed-color);
1618
1660
  }
1619
- .Link-module__hop-Link__icon___qeVtm,
1620
- .Link-module__hop-Link__icon-list___yrSpP {
1661
+ .Link-module__hop-Link__icon___aXasm,
1662
+ .Link-module__hop-Link__icon-list___5FMKo {
1621
1663
  order: 2;
1622
1664
  }
1623
- .Link-module__hop-Link__text___wsmkJ {
1665
+ .Link-module__hop-Link__text___RlhO5 {
1624
1666
  order: 1;
1625
1667
  }
1626
- .Link-module__hop-Link__start-icon___3E45I,
1627
- .Link-module__hop-Link__start-icon-list___AFZw5 {
1668
+ .Link-module__hop-Link__start-icon___gUeLe,
1669
+ .Link-module__hop-Link__start-icon-list___mH5Lf {
1628
1670
  order: 0;
1629
1671
  }
1630
1672
 
1631
1673
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
1632
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___9jfhn {
1674
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qTcUa {
1633
1675
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
1634
1676
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
1635
1677
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -1660,46 +1702,46 @@
1660
1702
  background-color: var(--background-color);
1661
1703
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
1662
1704
  }
1663
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___SzArm {
1705
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vkowM {
1664
1706
  --size: var(--hop-RichIconAvatarImage-xs-size);
1665
1707
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
1666
1708
  }
1667
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GBM6B {
1709
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-ycQC {
1668
1710
  --size: var(--hop-RichIconAvatarImage-sm-size);
1669
1711
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1670
1712
  }
1671
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ywXzy {
1713
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___8mVnz {
1672
1714
  --size: var(--hop-RichIconAvatarImage-md-size);
1673
1715
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1674
1716
  }
1675
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___WuvOq {
1717
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-L2qr {
1676
1718
  --size: var(--hop-RichIconAvatarImage-lg-size);
1677
1719
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1678
1720
  }
1679
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___rZ0c2 {
1721
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___84Vcn {
1680
1722
  --size: var(--hop-RichIconAvatarImage-xl-size);
1681
1723
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1682
1724
  }
1683
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___SFJg- {
1725
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9hSYX {
1684
1726
  --size: var(--hop-RichIconAvatarImage-2xl-size);
1685
1727
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1686
1728
  }
1687
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___9jfhn[data-disabled] {
1729
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qTcUa[data-disabled] {
1688
1730
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1689
1731
  }
1690
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___4GNy9 {
1732
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Z8Waw {
1691
1733
  position: relative;
1692
1734
  display: block;
1693
1735
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1694
1736
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1695
1737
  }
1696
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___9jfhn[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___4GNy9 {
1738
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___qTcUa[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Z8Waw {
1697
1739
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1698
1740
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1699
1741
  }
1700
1742
 
1701
1743
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
1702
- .Avatar-module__hop-Avatar___yRiIZ {
1744
+ .Avatar-module__hop-Avatar___U-IMP {
1703
1745
  --hop-Avatar-border-radius: var(--hop-shape-circle);
1704
1746
  --hop-Avatar-mix-blend-mode: normal;
1705
1747
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -1744,67 +1786,67 @@
1744
1786
  background-color: var(--background-color, transparent);
1745
1787
  border-radius: var(--hop-Avatar-border-radius);
1746
1788
  }
1747
- .Avatar-module__hop-Avatar--xs___3AFZG {
1789
+ .Avatar-module__hop-Avatar--xs___yDWST {
1748
1790
  --size: var(--hop-Avatar-xs-size);
1749
1791
  }
1750
- .Avatar-module__hop-Avatar--sm___BGUvg {
1792
+ .Avatar-module__hop-Avatar--sm___-7-gg {
1751
1793
  --size: var(--hop-Avatar-sm-size);
1752
1794
  }
1753
- .Avatar-module__hop-Avatar--md___RCRzR {
1795
+ .Avatar-module__hop-Avatar--md___rmMew {
1754
1796
  --size: var(--hop-Avatar-md-size);
1755
1797
  }
1756
- .Avatar-module__hop-Avatar--lg___uRH8z {
1798
+ .Avatar-module__hop-Avatar--lg___POTyv {
1757
1799
  --size: var(--hop-Avatar-lg-size);
1758
1800
  }
1759
- .Avatar-module__hop-Avatar--xl___79E8I {
1801
+ .Avatar-module__hop-Avatar--xl___kHNPi {
1760
1802
  --size: var(--hop-Avatar-xl-size);
1761
1803
  }
1762
- .Avatar-module__hop-Avatar--2xl___3z6nP {
1804
+ .Avatar-module__hop-Avatar--2xl___zfrIk {
1763
1805
  --size: var(--hop-Avatar-2xl-size);
1764
1806
  }
1765
- .Avatar-module__hop-Avatar--decorative-option1___gmVnP {
1807
+ .Avatar-module__hop-Avatar--decorative-option1___avT48 {
1766
1808
  --background-color: var(--hop-Avatar-decorative-1-background-color);
1767
1809
  --text-color: var(--hop-Avatar-decorative-1-text-color);
1768
1810
  }
1769
- .Avatar-module__hop-Avatar--decorative-option2___-K6ru {
1811
+ .Avatar-module__hop-Avatar--decorative-option2___RhLWg {
1770
1812
  --background-color: var(--hop-Avatar-decorative-2-background-color);
1771
1813
  --text-color: var(--hop-Avatar-decorative-2-text-color);
1772
1814
  }
1773
- .Avatar-module__hop-Avatar--decorative-option3___05WQW {
1815
+ .Avatar-module__hop-Avatar--decorative-option3___YUj8C {
1774
1816
  --background-color: var(--hop-Avatar-decorative-3-background-color);
1775
1817
  --text-color: var(--hop-Avatar-decorative-3-text-color);
1776
1818
  }
1777
- .Avatar-module__hop-Avatar--decorative-option4___I9rpQ {
1819
+ .Avatar-module__hop-Avatar--decorative-option4___DsaL- {
1778
1820
  --background-color: var(--hop-Avatar-decorative-4-background-color);
1779
1821
  --text-color: var(--hop-Avatar-decorative-4-text-color);
1780
1822
  }
1781
- .Avatar-module__hop-Avatar--decorative-option5___ZgYI- {
1823
+ .Avatar-module__hop-Avatar--decorative-option5___USRoO {
1782
1824
  --background-color: var(--hop-Avatar-decorative-5-background-color);
1783
1825
  --text-color: var(--hop-Avatar-decorative-5-text-color);
1784
1826
  }
1785
- .Avatar-module__hop-Avatar--decorative-option6___EFT90 {
1827
+ .Avatar-module__hop-Avatar--decorative-option6___dY8jt {
1786
1828
  --background-color: var(--hop-Avatar-decorative-6-background-color);
1787
1829
  --text-color: var(--hop-Avatar-decorative-6-text-color);
1788
1830
  }
1789
- .Avatar-module__hop-Avatar--decorative-option7___zD5QO {
1831
+ .Avatar-module__hop-Avatar--decorative-option7___X1J3x {
1790
1832
  --background-color: var(--hop-Avatar-decorative-7-background-color);
1791
1833
  --text-color: var(--hop-Avatar-decorative-7-text-color);
1792
1834
  }
1793
- .Avatar-module__hop-Avatar--decorative-option8___ODtry {
1835
+ .Avatar-module__hop-Avatar--decorative-option8___XqyCA {
1794
1836
  --background-color: var(--hop-Avatar-decorative-8-background-color);
1795
1837
  --text-color: var(--hop-Avatar-decorative-8-text-color);
1796
1838
  }
1797
- .Avatar-module__hop-Avatar--decorative-option9___bms5z {
1839
+ .Avatar-module__hop-Avatar--decorative-option9___H5ORx {
1798
1840
  --background-color: var(--hop-Avatar-decorative-9-background-color);
1799
1841
  --text-color: var(--hop-Avatar-decorative-9-text-color);
1800
1842
  }
1801
- .Avatar-module__hop-Avatar___yRiIZ[data-disabled] {
1843
+ .Avatar-module__hop-Avatar___U-IMP[data-disabled] {
1802
1844
  --background-color: var(--hop-Avatar-background-color-disabled);
1803
1845
  --text-color: var(--hop-Avatar-text-color-disabled);
1804
1846
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1805
1847
  isolation: isolate;
1806
1848
  }
1807
- .Avatar-module__hop-Avatar__image___kpVWC {
1849
+ .Avatar-module__hop-Avatar__image___yAHU- {
1808
1850
  position: relative;
1809
1851
  display: block;
1810
1852
  box-sizing: border-box;
@@ -1815,7 +1857,7 @@
1815
1857
  }
1816
1858
 
1817
1859
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
1818
- .Badge-module__hop-Badge___9McsH {
1860
+ .Badge-module__hop-Badge___f9vDu {
1819
1861
  --hop-Badge-height: 1.5rem;
1820
1862
  --hop-Badge-width: max-content;
1821
1863
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -1865,67 +1907,67 @@
1865
1907
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
1866
1908
  border-radius: var(--border-radius);
1867
1909
  }
1868
- .Badge-module__hop-Badge--primary___JrGFu {
1910
+ .Badge-module__hop-Badge--primary___wBGH5 {
1869
1911
  --background-color: var(--hop-Badge-primary-background-color);
1870
1912
  --text-color: var(--hop-Badge-primary-text-color);
1871
1913
  }
1872
- .Badge-module__hop-Badge--primary___JrGFu[data-hovered] {
1914
+ .Badge-module__hop-Badge--primary___wBGH5[data-hovered] {
1873
1915
  --background-color: var(--hop-Badge-primary-background-color-hovered);
1874
1916
  --text-color: var(--hop-Badge-primary-text-color-hovered);
1875
1917
  }
1876
- .Badge-module__hop-Badge--primary___JrGFu[data-pressed] {
1918
+ .Badge-module__hop-Badge--primary___wBGH5[data-pressed] {
1877
1919
  --background-color: var(--hop-Badge-primary-background-color-pressed);
1878
1920
  --text-color: var(--hop-Badge-primary-text-color-pressed);
1879
1921
  }
1880
- .Badge-module__hop-Badge--primary___JrGFu[data-selected] {
1922
+ .Badge-module__hop-Badge--primary___wBGH5[data-selected] {
1881
1923
  --background-color: var(--hop-Badge-primary-background-color-selected);
1882
1924
  --text-color: var(--hop-Badge-primary-text-color-selected);
1883
1925
  }
1884
- .Badge-module__hop-Badge--secondary___R1amU {
1926
+ .Badge-module__hop-Badge--secondary___8G6b5 {
1885
1927
  --background-color: var(--hop-Badge-secondary-background-color);
1886
1928
  --text-color: var(--hop-Badge-secondary-text-color);
1887
1929
  }
1888
- .Badge-module__hop-Badge--secondary___R1amU[data-hovered] {
1930
+ .Badge-module__hop-Badge--secondary___8G6b5[data-hovered] {
1889
1931
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
1890
1932
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
1891
1933
  }
1892
- .Badge-module__hop-Badge--secondary___R1amU[data-pressed] {
1934
+ .Badge-module__hop-Badge--secondary___8G6b5[data-pressed] {
1893
1935
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
1894
1936
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
1895
1937
  }
1896
- .Badge-module__hop-Badge--secondary___R1amU[data-selected] {
1938
+ .Badge-module__hop-Badge--secondary___8G6b5[data-selected] {
1897
1939
  --background-color: var(--hop-Badge-secondary-background-color-selected);
1898
1940
  --text-color: var(--hop-Badge-secondary-text-color-selected);
1899
1941
  }
1900
- .Badge-module__hop-Badge--subdued___nbBJ2 {
1942
+ .Badge-module__hop-Badge--subdued___FZcbR {
1901
1943
  --background-color: var(--hop-Badge-subdued-background-color);
1902
1944
  --text-color: var(--hop-Badge-subdued-text-color);
1903
1945
  }
1904
- .Badge-module__hop-Badge--subdued___nbBJ2[data-hovered] {
1946
+ .Badge-module__hop-Badge--subdued___FZcbR[data-hovered] {
1905
1947
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
1906
1948
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
1907
1949
  }
1908
- .Badge-module__hop-Badge--subdued___nbBJ2[data-pressed] {
1950
+ .Badge-module__hop-Badge--subdued___FZcbR[data-pressed] {
1909
1951
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
1910
1952
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
1911
1953
  }
1912
- .Badge-module__hop-Badge--subdued___nbBJ2[data-selected] {
1954
+ .Badge-module__hop-Badge--subdued___FZcbR[data-selected] {
1913
1955
  --background-color: var(--hop-Badge-subdued-background-color-selected);
1914
1956
  --text-color: var(--hop-Badge-subdued-text-color-selected);
1915
1957
  }
1916
- .Badge-module__hop-Badge___9McsH[data-indeterminate] {
1958
+ .Badge-module__hop-Badge___f9vDu[data-indeterminate] {
1917
1959
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
1918
1960
  --height: var(--hop-Badge-indeterminate-height);
1919
1961
  --width: var(--hop-Badge-indeterminate-width);
1920
1962
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
1921
1963
  }
1922
- .Badge-module__hop-Badge___9McsH[data-disabled] {
1964
+ .Badge-module__hop-Badge___f9vDu[data-disabled] {
1923
1965
  --background-color: var(--hop-Badge-background-color-disabled);
1924
1966
  --text-color: var(--hop-Badge-text-color-disabled);
1925
1967
  }
1926
1968
 
1927
1969
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
1928
- .FloatingBadge-module__hop-FloatingBadge___SF-4H {
1970
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP {
1929
1971
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
1930
1972
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
1931
1973
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -1966,7 +2008,7 @@
1966
2008
  box-sizing: border-box;
1967
2009
  inline-size: max-content;
1968
2010
  }
1969
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="top right"] {
2011
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="top right"] {
1970
2012
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
1971
2013
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
1972
2014
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -1974,11 +2016,11 @@
1974
2016
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
1975
2017
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
1976
2018
  }
1977
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="top right"][data-overlap=circular] {
2019
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="top right"][data-overlap=circular] {
1978
2020
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
1979
2021
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
1980
2022
  }
1981
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="top left"] {
2023
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="top left"] {
1982
2024
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
1983
2025
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
1984
2026
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -1986,11 +2028,11 @@
1986
2028
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
1987
2029
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
1988
2030
  }
1989
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="top left"][data-overlap=circular] {
2031
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="top left"][data-overlap=circular] {
1990
2032
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
1991
2033
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
1992
2034
  }
1993
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="bottom right"] {
2035
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="bottom right"] {
1994
2036
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
1995
2037
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
1996
2038
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -1998,11 +2040,11 @@
1998
2040
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
1999
2041
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2000
2042
  }
2001
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="bottom right"][data-overlap=circular] {
2043
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="bottom right"][data-overlap=circular] {
2002
2044
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2003
2045
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2004
2046
  }
2005
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="bottom left"] {
2047
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="bottom left"] {
2006
2048
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2007
2049
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2008
2050
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2010,11 +2052,11 @@
2010
2052
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2011
2053
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2012
2054
  }
2013
- .FloatingBadge-module__hop-FloatingBadge___SF-4H[data-placement="bottom left"][data-overlap=circular] {
2055
+ .FloatingBadge-module__hop-FloatingBadge___RMXjP[data-placement="bottom left"][data-overlap=circular] {
2014
2056
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2015
2057
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2016
2058
  }
2017
- .FloatingBadge-module__hop-FloatingBadge__badge___xU3Uu {
2059
+ .FloatingBadge-module__hop-FloatingBadge__badge___7r-O4 {
2018
2060
  position: absolute;
2019
2061
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2020
2062
  transform-origin: var(--badge-transform-origin);
@@ -2022,7 +2064,7 @@
2022
2064
  }
2023
2065
 
2024
2066
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2025
- .Checkbox-module__hop-Checkbox___MvQ5G {
2067
+ .Checkbox-module__hop-Checkbox___XMfmk {
2026
2068
  --hop-Checkbox-box-border-size: 0.0625rem;
2027
2069
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2028
2070
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2097,60 +2139,60 @@
2097
2139
  inline-size: max-content;
2098
2140
  max-inline-size: 100%;
2099
2141
  }
2100
- .Checkbox-module__hop-Checkbox___MvQ5G[data-focus-visible] {
2142
+ .Checkbox-module__hop-Checkbox___XMfmk[data-focus-visible] {
2101
2143
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2102
2144
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2103
2145
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2104
2146
  --text-color: var(--hop-Checkbox-text-color-focused);
2105
2147
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2106
2148
  }
2107
- .Checkbox-module__hop-Checkbox___MvQ5G[data-hovered] {
2149
+ .Checkbox-module__hop-Checkbox___XMfmk[data-hovered] {
2108
2150
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2109
2151
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2110
2152
  --text-color: var(--hop-Checkbox-text-color-hovered);
2111
2153
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2112
2154
  }
2113
- .Checkbox-module__hop-Checkbox___MvQ5G[data-pressed] {
2155
+ .Checkbox-module__hop-Checkbox___XMfmk[data-pressed] {
2114
2156
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2115
2157
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2116
2158
  --text-color: var(--hop-Checkbox-text-color-pressed);
2117
2159
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2118
2160
  }
2119
- .Checkbox-module__hop-Checkbox___MvQ5G[data-selected] {
2161
+ .Checkbox-module__hop-Checkbox___XMfmk[data-selected] {
2120
2162
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2121
2163
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2122
2164
  --check-display: var(--hop-Checkbox-check-display-selected);
2123
2165
  --text-color: var(--hop-Checkbox-text-color-selected);
2124
2166
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2125
2167
  }
2126
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid] {
2168
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid] {
2127
2169
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2128
2170
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2129
2171
  --check-color: var(--hop-Checkbox-check-color-invalid);
2130
2172
  --text-color: var(--hop-Checkbox-text-color-invalid);
2131
2173
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2132
2174
  }
2133
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-focus-visible]) {
2175
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-focus-visible]) {
2134
2176
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2135
2177
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2136
2178
  }
2137
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-hovered]) {
2179
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-hovered]) {
2138
2180
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2139
2181
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2140
2182
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2141
2183
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2142
2184
  }
2143
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-pressed]) {
2185
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-pressed]) {
2144
2186
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2145
2187
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2146
2188
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2147
2189
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2148
2190
  }
2149
- .Checkbox-module__hop-Checkbox___MvQ5G:where([data-invalid])[data-selected] {
2191
+ .Checkbox-module__hop-Checkbox___XMfmk:where([data-invalid])[data-selected] {
2150
2192
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2151
2193
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2152
2194
  }
2153
- .Checkbox-module__hop-Checkbox___MvQ5G[data-disabled] {
2195
+ .Checkbox-module__hop-Checkbox___XMfmk[data-disabled] {
2154
2196
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2155
2197
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2156
2198
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2158,25 +2200,25 @@
2158
2200
  --text-color: var(--hop-Checkbox-text-color-disabled);
2159
2201
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2160
2202
  }
2161
- .Checkbox-module__hop-Checkbox--sm___NdZfw {
2203
+ .Checkbox-module__hop-Checkbox--sm___-uP-z {
2162
2204
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2163
2205
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2164
2206
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2165
2207
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2166
2208
  }
2167
- .Checkbox-module__hop-Checkbox--md___Ven1q {
2209
+ .Checkbox-module__hop-Checkbox--md___8fZVy {
2168
2210
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2169
2211
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2170
2212
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2171
2213
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2172
2214
  }
2173
- .Checkbox-module__hop-Checkbox__icon___2P0Xg,
2174
- .Checkbox-module__hop-Checkbox__icon-list___XdzKJ {
2215
+ .Checkbox-module__hop-Checkbox__icon___duryy,
2216
+ .Checkbox-module__hop-Checkbox__icon-list___oJhdw {
2175
2217
  flex: 0 0 auto;
2176
2218
  order: 3;
2177
2219
  color: var(--icon-color);
2178
2220
  }
2179
- .Checkbox-module__hop-Checkbox__box___pnTHD {
2221
+ .Checkbox-module__hop-Checkbox__box___tfNJB {
2180
2222
  display: flex;
2181
2223
  flex: 0 0 auto;
2182
2224
  align-items: center;
@@ -2192,11 +2234,11 @@
2192
2234
  outline-offset: 0.125rem;
2193
2235
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2194
2236
  }
2195
- .Checkbox-module__hop-Checkbox__check___L7mid {
2237
+ .Checkbox-module__hop-Checkbox__check___2DMVA {
2196
2238
  display: var(--check-display);
2197
2239
  color: var(--check-color);
2198
2240
  }
2199
- .Checkbox-module__hop-Checkbox__text___PUyfN {
2241
+ .Checkbox-module__hop-Checkbox__text___26W86 {
2200
2242
  flex: 0 1 auto;
2201
2243
  order: 2;
2202
2244
  min-inline-size: 0;
@@ -2206,7 +2248,7 @@
2206
2248
  }
2207
2249
 
2208
2250
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2209
- .CheckboxField-module__hop-CheckboxField___23gwg {
2251
+ .CheckboxField-module__hop-CheckboxField___fQbVm {
2210
2252
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2211
2253
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2212
2254
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2225,28 +2267,28 @@
2225
2267
  inline-size: max-content;
2226
2268
  max-inline-size: 100%;
2227
2269
  }
2228
- .CheckboxField-module__hop-CheckboxField___23gwg[data-disabled] {
2270
+ .CheckboxField-module__hop-CheckboxField___fQbVm[data-disabled] {
2229
2271
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2230
2272
  }
2231
- .CheckboxField-module__hop-CheckboxField--sm___QQ2IO {
2273
+ .CheckboxField-module__hop-CheckboxField--sm___wIeNc {
2232
2274
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2233
2275
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2234
2276
  }
2235
- .CheckboxField-module__hop-CheckboxField--md___EZK-q {
2277
+ .CheckboxField-module__hop-CheckboxField--md___QYoHL {
2236
2278
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2237
2279
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2238
2280
  }
2239
- .CheckboxField-module__hop-CheckboxField__description___OWXRg {
2281
+ .CheckboxField-module__hop-CheckboxField__description___80Ckr {
2240
2282
  order: 2;
2241
2283
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2242
2284
  color: var(--description-color);
2243
2285
  }
2244
- .CheckboxField-module__hop-CheckboxField__checkbox___TkI47 {
2286
+ .CheckboxField-module__hop-CheckboxField__checkbox___Tr9Cu {
2245
2287
  order: 1;
2246
2288
  }
2247
2289
 
2248
2290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
2249
- .ErrorMessage-module__hop-ErrorMessage___BRJVF {
2291
+ .ErrorMessage-module__hop-ErrorMessage___s2fkF {
2250
2292
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2251
2293
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2252
2294
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2263,13 +2305,13 @@
2263
2305
  line-height: var(--hop-ErrorMessage-line-height);
2264
2306
  color: var(--hop-ErrorMessage-color);
2265
2307
  }
2266
- .ErrorMessage-module__hop-ErrorMessage__icon___XopkX {
2308
+ .ErrorMessage-module__hop-ErrorMessage__icon___r9WM6 {
2267
2309
  flex: 0 0 auto;
2268
2310
  align-self: flex-start;
2269
2311
  }
2270
2312
 
2271
2313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
2272
- .HelperMessage-module__hop-HelperMessage___EjWeM {
2314
+ .HelperMessage-module__hop-HelperMessage___yGssP {
2273
2315
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2274
2316
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2275
2317
  display: flex;
@@ -2278,13 +2320,13 @@
2278
2320
  box-sizing: border-box;
2279
2321
  color: var(--hop-HelperMessage-color);
2280
2322
  }
2281
- .HelperMessage-module__hop-HelperMessage__icon___Tdm8y {
2323
+ .HelperMessage-module__hop-HelperMessage__icon___VEalH {
2282
2324
  flex: 0 0 auto;
2283
2325
  align-self: flex-start;
2284
2326
  }
2285
2327
 
2286
2328
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2287
- .CheckboxGroup-module__hop-CheckboxGroup___LA86B {
2329
+ .CheckboxGroup-module__hop-CheckboxGroup___heWzv {
2288
2330
  --hop-CheckboxGroup-align-items: flex-start;
2289
2331
  --hop-CheckboxGroup-justify-content: flex-start;
2290
2332
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2323,46 +2365,46 @@
2323
2365
  inline-size: max-content;
2324
2366
  max-inline-size: 100%;
2325
2367
  }
2326
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX {
2368
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI {
2327
2369
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2328
2370
  --list-border-radius: var(--hop-shape-rounded-md);
2329
2371
  }
2330
- .CheckboxGroup-module__hop-CheckboxGroup--sm___YdFjD {
2372
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___GEyXu {
2331
2373
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2332
2374
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2333
2375
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2334
2376
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2335
2377
  }
2336
- .CheckboxGroup-module__hop-CheckboxGroup--md___qFVhz {
2378
+ .CheckboxGroup-module__hop-CheckboxGroup--md___tE8B- {
2337
2379
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2338
2380
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2339
2381
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2340
2382
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2341
2383
  }
2342
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX.CheckboxGroup-module__hop-CheckboxGroup--sm___YdFjD {
2384
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI.CheckboxGroup-module__hop-CheckboxGroup--sm___GEyXu {
2343
2385
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
2344
2386
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
2345
2387
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
2346
2388
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
2347
2389
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
2348
2390
  }
2349
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX.CheckboxGroup-module__hop-CheckboxGroup--md___qFVhz {
2391
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI.CheckboxGroup-module__hop-CheckboxGroup--md___tE8B- {
2350
2392
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
2351
2393
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
2352
2394
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
2353
2395
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
2354
2396
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
2355
2397
  }
2356
- .CheckboxGroup-module__hop-CheckboxGroup___LA86B[data-orientation=horizontal] {
2398
+ .CheckboxGroup-module__hop-CheckboxGroup___heWzv[data-orientation=horizontal] {
2357
2399
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
2358
2400
  }
2359
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=horizontal] {
2401
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI[data-orientation=horizontal] {
2360
2402
  --flex-wrap: nowrap;
2361
2403
  }
2362
- .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__label___Jv9ym {
2404
+ .CheckboxGroup-module__hop-CheckboxGroup___heWzv > .CheckboxGroup-module__hop-CheckboxGroup__label___I36J8 {
2363
2405
  order: 1;
2364
2406
  }
2365
- .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj {
2407
+ .CheckboxGroup-module__hop-CheckboxGroup__list___MsiLB {
2366
2408
  display: flex;
2367
2409
  flex-flow: var(--flex-direction) var(--flex-wrap);
2368
2410
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2373,7 +2415,7 @@
2373
2415
  border: var(--list-border, none);
2374
2416
  border-radius: var(--list-border-radius, 0);
2375
2417
  }
2376
- .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 {
2418
+ .CheckboxGroup-module__hop-CheckboxGroup__list___MsiLB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev {
2377
2419
  position: relative;
2378
2420
  flex: 0 1 auto;
2379
2421
  align-content: start;
@@ -2381,28 +2423,28 @@
2381
2423
  min-inline-size: 0;
2382
2424
  padding: var(--checkbox-padding, 0);
2383
2425
  }
2384
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
2426
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI .CheckboxGroup-module__hop-CheckboxGroup__list___MsiLB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev::before {
2385
2427
  content: "";
2386
2428
  position: absolute;
2387
2429
  display: block;
2388
2430
  }
2389
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
2431
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___MsiLB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev::before {
2390
2432
  inset-block-start: 0;
2391
2433
  inset-inline: 0;
2392
2434
  border-block-start: var(--list-border, none);
2393
2435
  }
2394
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___xDzsX[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___4TkKj > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___hPvG5::before {
2436
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___9fTRI[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___MsiLB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XfAev::before {
2395
2437
  inset-block: 0;
2396
2438
  inset-inline-start: 0;
2397
2439
  border-inline-start: var(--list-border, none);
2398
2440
  }
2399
- .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__error-message___6ux-r,
2400
- .CheckboxGroup-module__hop-CheckboxGroup___LA86B > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___z8wh9 {
2441
+ .CheckboxGroup-module__hop-CheckboxGroup___heWzv > .CheckboxGroup-module__hop-CheckboxGroup__error-message___iJzxl,
2442
+ .CheckboxGroup-module__hop-CheckboxGroup___heWzv > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___A-vX7 {
2401
2443
  order: 3;
2402
2444
  }
2403
2445
 
2404
2446
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2405
- .Checkbox-module__hop-Checkbox___MvQ5G {
2447
+ .Checkbox-module__hop-Checkbox___XMfmk {
2406
2448
  --hop-Checkbox-box-border-size: 0.0625rem;
2407
2449
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2408
2450
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2477,60 +2519,60 @@
2477
2519
  inline-size: max-content;
2478
2520
  max-inline-size: 100%;
2479
2521
  }
2480
- .Checkbox-module__hop-Checkbox___MvQ5G[data-focus-visible] {
2522
+ .Checkbox-module__hop-Checkbox___XMfmk[data-focus-visible] {
2481
2523
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2482
2524
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2483
2525
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2484
2526
  --text-color: var(--hop-Checkbox-text-color-focused);
2485
2527
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2486
2528
  }
2487
- .Checkbox-module__hop-Checkbox___MvQ5G[data-hovered] {
2529
+ .Checkbox-module__hop-Checkbox___XMfmk[data-hovered] {
2488
2530
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2489
2531
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2490
2532
  --text-color: var(--hop-Checkbox-text-color-hovered);
2491
2533
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2492
2534
  }
2493
- .Checkbox-module__hop-Checkbox___MvQ5G[data-pressed] {
2535
+ .Checkbox-module__hop-Checkbox___XMfmk[data-pressed] {
2494
2536
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2495
2537
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2496
2538
  --text-color: var(--hop-Checkbox-text-color-pressed);
2497
2539
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2498
2540
  }
2499
- .Checkbox-module__hop-Checkbox___MvQ5G[data-selected] {
2541
+ .Checkbox-module__hop-Checkbox___XMfmk[data-selected] {
2500
2542
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2501
2543
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2502
2544
  --check-display: var(--hop-Checkbox-check-display-selected);
2503
2545
  --text-color: var(--hop-Checkbox-text-color-selected);
2504
2546
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2505
2547
  }
2506
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid] {
2548
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid] {
2507
2549
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2508
2550
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2509
2551
  --check-color: var(--hop-Checkbox-check-color-invalid);
2510
2552
  --text-color: var(--hop-Checkbox-text-color-invalid);
2511
2553
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2512
2554
  }
2513
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-focus-visible]) {
2555
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-focus-visible]) {
2514
2556
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2515
2557
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2516
2558
  }
2517
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-hovered]) {
2559
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-hovered]) {
2518
2560
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2519
2561
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2520
2562
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2521
2563
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2522
2564
  }
2523
- .Checkbox-module__hop-Checkbox___MvQ5G[data-invalid]:where([data-pressed]) {
2565
+ .Checkbox-module__hop-Checkbox___XMfmk[data-invalid]:where([data-pressed]) {
2524
2566
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2525
2567
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2526
2568
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2527
2569
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2528
2570
  }
2529
- .Checkbox-module__hop-Checkbox___MvQ5G:where([data-invalid])[data-selected] {
2571
+ .Checkbox-module__hop-Checkbox___XMfmk:where([data-invalid])[data-selected] {
2530
2572
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2531
2573
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2532
2574
  }
2533
- .Checkbox-module__hop-Checkbox___MvQ5G[data-disabled] {
2575
+ .Checkbox-module__hop-Checkbox___XMfmk[data-disabled] {
2534
2576
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2535
2577
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2536
2578
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2538,25 +2580,25 @@
2538
2580
  --text-color: var(--hop-Checkbox-text-color-disabled);
2539
2581
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2540
2582
  }
2541
- .Checkbox-module__hop-Checkbox--sm___NdZfw {
2583
+ .Checkbox-module__hop-Checkbox--sm___-uP-z {
2542
2584
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2543
2585
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2544
2586
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2545
2587
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2546
2588
  }
2547
- .Checkbox-module__hop-Checkbox--md___Ven1q {
2589
+ .Checkbox-module__hop-Checkbox--md___8fZVy {
2548
2590
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2549
2591
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2550
2592
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2551
2593
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2552
2594
  }
2553
- .Checkbox-module__hop-Checkbox__icon___2P0Xg,
2554
- .Checkbox-module__hop-Checkbox__icon-list___XdzKJ {
2595
+ .Checkbox-module__hop-Checkbox__icon___duryy,
2596
+ .Checkbox-module__hop-Checkbox__icon-list___oJhdw {
2555
2597
  flex: 0 0 auto;
2556
2598
  order: 3;
2557
2599
  color: var(--icon-color);
2558
2600
  }
2559
- .Checkbox-module__hop-Checkbox__box___pnTHD {
2601
+ .Checkbox-module__hop-Checkbox__box___tfNJB {
2560
2602
  display: flex;
2561
2603
  flex: 0 0 auto;
2562
2604
  align-items: center;
@@ -2572,11 +2614,11 @@
2572
2614
  outline-offset: 0.125rem;
2573
2615
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2574
2616
  }
2575
- .Checkbox-module__hop-Checkbox__check___L7mid {
2617
+ .Checkbox-module__hop-Checkbox__check___2DMVA {
2576
2618
  display: var(--check-display);
2577
2619
  color: var(--check-color);
2578
2620
  }
2579
- .Checkbox-module__hop-Checkbox__text___PUyfN {
2621
+ .Checkbox-module__hop-Checkbox__text___26W86 {
2580
2622
  flex: 0 1 auto;
2581
2623
  order: 2;
2582
2624
  min-inline-size: 0;
@@ -2584,24 +2626,24 @@
2584
2626
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2585
2627
  color: var(--text-color);
2586
2628
  }
2587
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___H-C0F {
2629
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___zvouT {
2588
2630
  }
2589
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___15NWL {
2631
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___-v0AT {
2590
2632
  }
2591
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___ETRsN {
2633
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___d78ZK {
2592
2634
  }
2593
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___jL9Lr,
2594
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___uh7ke {
2635
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___47R3-,
2636
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Gila9 {
2595
2637
  }
2596
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___q8Ry2 {
2638
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___xVC-J {
2597
2639
  }
2598
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___I15Ee {
2640
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ng4eR {
2599
2641
  }
2600
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___W48IK {
2642
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___GxA-K {
2601
2643
  }
2602
2644
 
2603
2645
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2604
- .Radio-module__hop-Radio___ncN-g {
2646
+ .Radio-module__hop-Radio___upCAH {
2605
2647
  --hop-Radio-box-border-size: 0.0625rem;
2606
2648
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2607
2649
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2675,60 +2717,60 @@
2675
2717
  inline-size: max-content;
2676
2718
  max-inline-size: 100%;
2677
2719
  }
2678
- .Radio-module__hop-Radio___ncN-g[data-focus-visible] {
2720
+ .Radio-module__hop-Radio___upCAH[data-focus-visible] {
2679
2721
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2680
2722
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2681
2723
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2682
2724
  --text-color: var(--hop-Radio-text-color-focused);
2683
2725
  --icon-color: var(--hop-Radio-icon-color-focused);
2684
2726
  }
2685
- .Radio-module__hop-Radio___ncN-g[data-hovered] {
2727
+ .Radio-module__hop-Radio___upCAH[data-hovered] {
2686
2728
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2687
2729
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2688
2730
  --text-color: var(--hop-Radio-text-color-hovered);
2689
2731
  --icon-color: var(--hop-Radio-icon-color-hovered);
2690
2732
  }
2691
- .Radio-module__hop-Radio___ncN-g[data-pressed] {
2733
+ .Radio-module__hop-Radio___upCAH[data-pressed] {
2692
2734
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2693
2735
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2694
2736
  --text-color: var(--hop-Radio-text-color-pressed);
2695
2737
  --icon-color: var(--hop-Radio-icon-color-pressed);
2696
2738
  }
2697
- .Radio-module__hop-Radio___ncN-g[data-selected] {
2739
+ .Radio-module__hop-Radio___upCAH[data-selected] {
2698
2740
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2699
2741
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2700
2742
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2701
2743
  --text-color: var(--hop-Radio-text-color-selected);
2702
2744
  --icon-color: var(--hop-Radio-icon-color-selected);
2703
2745
  }
2704
- .Radio-module__hop-Radio___ncN-g[data-invalid] {
2746
+ .Radio-module__hop-Radio___upCAH[data-invalid] {
2705
2747
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2706
2748
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2707
2749
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2708
2750
  --text-color: var(--hop-Radio-text-color-invalid);
2709
2751
  --icon-color: var(--hop-Radio-icon-color-invalid);
2710
2752
  }
2711
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-focus-visible] {
2753
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-focus-visible] {
2712
2754
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2713
2755
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2714
2756
  }
2715
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-hovered] {
2757
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-hovered] {
2716
2758
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2717
2759
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2718
2760
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2719
2761
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2720
2762
  }
2721
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-pressed] {
2763
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-pressed] {
2722
2764
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2723
2765
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2724
2766
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2725
2767
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2726
2768
  }
2727
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-selected] {
2769
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-selected] {
2728
2770
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2729
2771
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2730
2772
  }
2731
- .Radio-module__hop-Radio___ncN-g[data-disabled] {
2773
+ .Radio-module__hop-Radio___upCAH[data-disabled] {
2732
2774
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2733
2775
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2734
2776
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2736,25 +2778,25 @@
2736
2778
  --text-color: var(--hop-Radio-text-color-disabled);
2737
2779
  --icon-color: var(--hop-Radio-icon-color-disabled);
2738
2780
  }
2739
- .Radio-module__hop-Radio--sm___lmI69 {
2781
+ .Radio-module__hop-Radio--sm___9bTbB {
2740
2782
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2741
2783
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2742
2784
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2743
2785
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2744
2786
  }
2745
- .Radio-module__hop-Radio--md___nqnhp {
2787
+ .Radio-module__hop-Radio--md___iA7YH {
2746
2788
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2747
2789
  --box-block-size: var(--hop-Radio-box-md-block-size);
2748
2790
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2749
2791
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2750
2792
  }
2751
- .Radio-module__hop-Radio__icon___pQ5lq,
2752
- .Radio-module__hop-Radio__icon-list___6LmNE {
2793
+ .Radio-module__hop-Radio__icon___dPIaA,
2794
+ .Radio-module__hop-Radio__icon-list___1A2BK {
2753
2795
  flex: 0 0 auto;
2754
2796
  order: 3;
2755
2797
  color: var(--icon-color);
2756
2798
  }
2757
- .Radio-module__hop-Radio__box___vvW-U {
2799
+ .Radio-module__hop-Radio__box___HW11I {
2758
2800
  display: flex;
2759
2801
  flex: 0 0 auto;
2760
2802
  align-items: center;
@@ -2770,11 +2812,11 @@
2770
2812
  outline-offset: 0.125rem;
2771
2813
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2772
2814
  }
2773
- .Radio-module__hop-Radio__bullet___jGOaB {
2815
+ .Radio-module__hop-Radio__bullet___Vs9-c {
2774
2816
  display: var(--bullet-display);
2775
2817
  color: var(--bullet-color);
2776
2818
  }
2777
- .Radio-module__hop-Radio__text___7ucBd {
2819
+ .Radio-module__hop-Radio__text___0Szs3 {
2778
2820
  flex: 0 1 auto;
2779
2821
  order: 2;
2780
2822
  min-inline-size: 0;
@@ -2782,24 +2824,24 @@
2782
2824
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2783
2825
  color: var(--text-color);
2784
2826
  }
2785
- .DecorativeRadio-module__hop-DecorativeRadio___2bOw2 {
2827
+ .DecorativeRadio-module__hop-DecorativeRadio___Jb88Z {
2786
2828
  }
2787
- .DecorativeRadio-module__hop-DecorativeRadio--sm___EA5L6 {
2829
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___XLPMl {
2788
2830
  }
2789
- .DecorativeRadio-module__hop-DecorativeRadio--md___hTfkr {
2831
+ .DecorativeRadio-module__hop-DecorativeRadio--md___HGaT5 {
2790
2832
  }
2791
- .DecorativeRadio-module__hop-DecorativeRadio__icon___TwekP,
2792
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___JAsIg {
2833
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___s4OA0,
2834
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___1FwaZ {
2793
2835
  }
2794
- .DecorativeRadio-module__hop-DecorativeRadio__box___7do7S {
2836
+ .DecorativeRadio-module__hop-DecorativeRadio__box___apXnq {
2795
2837
  }
2796
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___YSl6k {
2838
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___o2Yiz {
2797
2839
  }
2798
- .DecorativeRadio-module__hop-DecorativeRadio__text___vjCQt {
2840
+ .DecorativeRadio-module__hop-DecorativeRadio__text___PHdnh {
2799
2841
  }
2800
2842
 
2801
2843
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2802
- .Radio-module__hop-Radio___ncN-g {
2844
+ .Radio-module__hop-Radio___upCAH {
2803
2845
  --hop-Radio-box-border-size: 0.0625rem;
2804
2846
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2805
2847
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2873,60 +2915,60 @@
2873
2915
  inline-size: max-content;
2874
2916
  max-inline-size: 100%;
2875
2917
  }
2876
- .Radio-module__hop-Radio___ncN-g[data-focus-visible] {
2918
+ .Radio-module__hop-Radio___upCAH[data-focus-visible] {
2877
2919
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2878
2920
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2879
2921
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2880
2922
  --text-color: var(--hop-Radio-text-color-focused);
2881
2923
  --icon-color: var(--hop-Radio-icon-color-focused);
2882
2924
  }
2883
- .Radio-module__hop-Radio___ncN-g[data-hovered] {
2925
+ .Radio-module__hop-Radio___upCAH[data-hovered] {
2884
2926
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2885
2927
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2886
2928
  --text-color: var(--hop-Radio-text-color-hovered);
2887
2929
  --icon-color: var(--hop-Radio-icon-color-hovered);
2888
2930
  }
2889
- .Radio-module__hop-Radio___ncN-g[data-pressed] {
2931
+ .Radio-module__hop-Radio___upCAH[data-pressed] {
2890
2932
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2891
2933
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2892
2934
  --text-color: var(--hop-Radio-text-color-pressed);
2893
2935
  --icon-color: var(--hop-Radio-icon-color-pressed);
2894
2936
  }
2895
- .Radio-module__hop-Radio___ncN-g[data-selected] {
2937
+ .Radio-module__hop-Radio___upCAH[data-selected] {
2896
2938
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2897
2939
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2898
2940
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2899
2941
  --text-color: var(--hop-Radio-text-color-selected);
2900
2942
  --icon-color: var(--hop-Radio-icon-color-selected);
2901
2943
  }
2902
- .Radio-module__hop-Radio___ncN-g[data-invalid] {
2944
+ .Radio-module__hop-Radio___upCAH[data-invalid] {
2903
2945
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2904
2946
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2905
2947
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2906
2948
  --text-color: var(--hop-Radio-text-color-invalid);
2907
2949
  --icon-color: var(--hop-Radio-icon-color-invalid);
2908
2950
  }
2909
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-focus-visible] {
2951
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-focus-visible] {
2910
2952
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2911
2953
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2912
2954
  }
2913
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-hovered] {
2955
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-hovered] {
2914
2956
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2915
2957
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2916
2958
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2917
2959
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2918
2960
  }
2919
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-pressed] {
2961
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-pressed] {
2920
2962
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2921
2963
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2922
2964
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2923
2965
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2924
2966
  }
2925
- .Radio-module__hop-Radio___ncN-g:where([data-invalid])[data-selected] {
2967
+ .Radio-module__hop-Radio___upCAH:where([data-invalid])[data-selected] {
2926
2968
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2927
2969
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2928
2970
  }
2929
- .Radio-module__hop-Radio___ncN-g[data-disabled] {
2971
+ .Radio-module__hop-Radio___upCAH[data-disabled] {
2930
2972
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2931
2973
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2932
2974
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2934,25 +2976,25 @@
2934
2976
  --text-color: var(--hop-Radio-text-color-disabled);
2935
2977
  --icon-color: var(--hop-Radio-icon-color-disabled);
2936
2978
  }
2937
- .Radio-module__hop-Radio--sm___lmI69 {
2979
+ .Radio-module__hop-Radio--sm___9bTbB {
2938
2980
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2939
2981
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2940
2982
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2941
2983
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2942
2984
  }
2943
- .Radio-module__hop-Radio--md___nqnhp {
2985
+ .Radio-module__hop-Radio--md___iA7YH {
2944
2986
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2945
2987
  --box-block-size: var(--hop-Radio-box-md-block-size);
2946
2988
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2947
2989
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2948
2990
  }
2949
- .Radio-module__hop-Radio__icon___pQ5lq,
2950
- .Radio-module__hop-Radio__icon-list___6LmNE {
2991
+ .Radio-module__hop-Radio__icon___dPIaA,
2992
+ .Radio-module__hop-Radio__icon-list___1A2BK {
2951
2993
  flex: 0 0 auto;
2952
2994
  order: 3;
2953
2995
  color: var(--icon-color);
2954
2996
  }
2955
- .Radio-module__hop-Radio__box___vvW-U {
2997
+ .Radio-module__hop-Radio__box___HW11I {
2956
2998
  display: flex;
2957
2999
  flex: 0 0 auto;
2958
3000
  align-items: center;
@@ -2968,11 +3010,11 @@
2968
3010
  outline-offset: 0.125rem;
2969
3011
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2970
3012
  }
2971
- .Radio-module__hop-Radio__bullet___jGOaB {
3013
+ .Radio-module__hop-Radio__bullet___Vs9-c {
2972
3014
  display: var(--bullet-display);
2973
3015
  color: var(--bullet-color);
2974
3016
  }
2975
- .Radio-module__hop-Radio__text___7ucBd {
3017
+ .Radio-module__hop-Radio__text___0Szs3 {
2976
3018
  flex: 0 1 auto;
2977
3019
  order: 2;
2978
3020
  min-inline-size: 0;
@@ -2982,7 +3024,7 @@
2982
3024
  }
2983
3025
 
2984
3026
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2985
- .RadioField-module__hop-RadioField___wm7re {
3027
+ .RadioField-module__hop-RadioField___R-cYx {
2986
3028
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2987
3029
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2988
3030
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3001,28 +3043,28 @@
3001
3043
  inline-size: max-content;
3002
3044
  max-inline-size: 100%;
3003
3045
  }
3004
- .RadioField-module__hop-RadioField___wm7re[data-disabled] {
3046
+ .RadioField-module__hop-RadioField___R-cYx[data-disabled] {
3005
3047
  --description-color: var(--hop-RadioField-description-color-disabled);
3006
3048
  }
3007
- .RadioField-module__hop-RadioField--sm___T0YAS {
3049
+ .RadioField-module__hop-RadioField--sm___prssz {
3008
3050
  --row-gap: var(--hop-RadioField-sm-row-gap);
3009
3051
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3010
3052
  }
3011
- .RadioField-module__hop-RadioField--md___c-qZA {
3053
+ .RadioField-module__hop-RadioField--md___Lc1f9 {
3012
3054
  --row-gap: var(--hop-RadioField-md-row-gap);
3013
3055
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3014
3056
  }
3015
- .RadioField-module__hop-RadioField__description___nS40K {
3057
+ .RadioField-module__hop-RadioField__description___ZvAqW {
3016
3058
  order: 2;
3017
3059
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3018
3060
  color: var(--description-color);
3019
3061
  }
3020
- .RadioField-module__hop-RadioField__radio___P8o-4 {
3062
+ .RadioField-module__hop-RadioField__radio___VEQaj {
3021
3063
  order: 1;
3022
3064
  }
3023
3065
 
3024
3066
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3025
- .RadioGroup-module__hop-RadioGroup___GqHEi {
3067
+ .RadioGroup-module__hop-RadioGroup___o6OLw {
3026
3068
  --hop-RadioGroup-align-items: flex-start;
3027
3069
  --hop-RadioGroup-justify-content: flex-start;
3028
3070
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3062,46 +3104,46 @@
3062
3104
  inline-size: var(--inline-size);
3063
3105
  max-inline-size: 100%;
3064
3106
  }
3065
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT {
3107
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv {
3066
3108
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3067
3109
  --list-border-radius: var(--hop-shape-rounded-md);
3068
3110
  }
3069
- .RadioGroup-module__hop-RadioGroup--sm___XYFgI {
3111
+ .RadioGroup-module__hop-RadioGroup--sm___9D4HG {
3070
3112
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3071
3113
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3072
3114
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3073
3115
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3074
3116
  }
3075
- .RadioGroup-module__hop-RadioGroup--md___PDRDH {
3117
+ .RadioGroup-module__hop-RadioGroup--md___ypoJ4 {
3076
3118
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3077
3119
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3078
3120
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3079
3121
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3080
3122
  }
3081
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT.RadioGroup-module__hop-RadioGroup--sm___XYFgI {
3123
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv.RadioGroup-module__hop-RadioGroup--sm___9D4HG {
3082
3124
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3083
3125
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3084
3126
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3085
3127
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3086
3128
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3087
3129
  }
3088
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT.RadioGroup-module__hop-RadioGroup--md___PDRDH {
3130
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv.RadioGroup-module__hop-RadioGroup--md___ypoJ4 {
3089
3131
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3090
3132
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3091
3133
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3092
3134
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3093
3135
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3094
3136
  }
3095
- .RadioGroup-module__hop-RadioGroup___GqHEi[data-orientation=horizontal] {
3137
+ .RadioGroup-module__hop-RadioGroup___o6OLw[data-orientation=horizontal] {
3096
3138
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3097
3139
  }
3098
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT[data-orientation=horizontal] {
3140
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv[data-orientation=horizontal] {
3099
3141
  --flex-wrap: nowrap;
3100
3142
  }
3101
- .RadioGroup-module__hop-RadioGroup___GqHEi > .RadioGroup-module__hop-RadioGroup__label___-WxgG {
3143
+ .RadioGroup-module__hop-RadioGroup___o6OLw > .RadioGroup-module__hop-RadioGroup__label___386Hh {
3102
3144
  order: 1;
3103
3145
  }
3104
- .RadioGroup-module__hop-RadioGroup__list___bcO-F {
3146
+ .RadioGroup-module__hop-RadioGroup__list___VbV5f {
3105
3147
  display: flex;
3106
3148
  flex-flow: var(--flex-direction) var(--flex-wrap);
3107
3149
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3112,7 +3154,7 @@
3112
3154
  border: var(--list-border, none);
3113
3155
  border-radius: var(--list-border-radius, 0);
3114
3156
  }
3115
- .RadioGroup-module__hop-RadioGroup__list___bcO-F > .RadioGroup-module__hop-RadioGroup__radio___jNOT4 {
3157
+ .RadioGroup-module__hop-RadioGroup__list___VbV5f > .RadioGroup-module__hop-RadioGroup__radio___bQ0rh {
3116
3158
  position: relative;
3117
3159
  flex: 0 1 auto;
3118
3160
  align-content: start;
@@ -3120,28 +3162,28 @@
3120
3162
  min-inline-size: 0;
3121
3163
  padding: var(--radio-padding, 0);
3122
3164
  }
3123
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT .RadioGroup-module__hop-RadioGroup__list___bcO-F > .RadioGroup-module__hop-RadioGroup__radio___jNOT4 ~ .RadioGroup-module__hop-RadioGroup__radio___jNOT4::before {
3165
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv .RadioGroup-module__hop-RadioGroup__list___VbV5f > .RadioGroup-module__hop-RadioGroup__radio___bQ0rh ~ .RadioGroup-module__hop-RadioGroup__radio___bQ0rh::before {
3124
3166
  content: "";
3125
3167
  position: absolute;
3126
3168
  display: block;
3127
3169
  }
3128
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___bcO-F > .RadioGroup-module__hop-RadioGroup__radio___jNOT4 ~ .RadioGroup-module__hop-RadioGroup__radio___jNOT4::before {
3170
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___VbV5f > .RadioGroup-module__hop-RadioGroup__radio___bQ0rh ~ .RadioGroup-module__hop-RadioGroup__radio___bQ0rh::before {
3129
3171
  inset-block-start: 0;
3130
3172
  inset-inline: 0;
3131
3173
  border-block-start: var(--list-border, none);
3132
3174
  }
3133
- .RadioGroup-module__hop-RadioGroup--bordered___5zQLT[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___bcO-F > .RadioGroup-module__hop-RadioGroup__radio___jNOT4 ~ .RadioGroup-module__hop-RadioGroup__radio___jNOT4::before {
3175
+ .RadioGroup-module__hop-RadioGroup--bordered___0mvuv[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___VbV5f > .RadioGroup-module__hop-RadioGroup__radio___bQ0rh ~ .RadioGroup-module__hop-RadioGroup__radio___bQ0rh::before {
3134
3176
  inset-block: 0;
3135
3177
  inset-inline-start: 0;
3136
3178
  border-inline-start: var(--list-border, none);
3137
3179
  }
3138
- .RadioGroup-module__hop-RadioGroup___GqHEi > .RadioGroup-module__hop-RadioGroup__error-message___ecD7Z,
3139
- .RadioGroup-module__hop-RadioGroup___GqHEi > .RadioGroup-module__hop-RadioGroup__helper-message___vqJjy {
3180
+ .RadioGroup-module__hop-RadioGroup___o6OLw > .RadioGroup-module__hop-RadioGroup__error-message___N0NPq,
3181
+ .RadioGroup-module__hop-RadioGroup___o6OLw > .RadioGroup-module__hop-RadioGroup__helper-message___gVVJc {
3140
3182
  order: 3;
3141
3183
  }
3142
3184
 
3143
3185
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3144
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___l0RVH {
3186
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___D2vvC {
3145
3187
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3146
3188
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3147
3189
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3167,7 +3209,7 @@
3167
3209
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3168
3210
  background-size: 400% 100%;
3169
3211
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3170
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___dLH2X;
3212
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___XQ0MH;
3171
3213
  animation-duration: var(--animation-duration);
3172
3214
  animation-timing-function: ease-in-out;
3173
3215
  animation-fill-mode: forwards;
@@ -3176,19 +3218,19 @@
3176
3218
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3177
3219
  }
3178
3220
  }
3179
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___sLKOR {
3221
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uLeSU {
3180
3222
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3181
3223
  }
3182
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___FvrjT {
3224
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___fHZT8 {
3183
3225
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3184
3226
  }
3185
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___BycOD {
3227
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___kfNSo {
3186
3228
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3187
3229
  }
3188
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___wsA9m {
3230
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QLO3j {
3189
3231
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3190
3232
  }
3191
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___dLH2X {
3233
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___XQ0MH {
3192
3234
  0% {
3193
3235
  background-position: 125% 50%;
3194
3236
  }
@@ -3198,7 +3240,7 @@
3198
3240
  }
3199
3241
 
3200
3242
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3201
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm {
3243
+ .ListBoxItem-module__hop-ListBoxItem___bde6i {
3202
3244
  --hop-ListBoxItem-background-color: transparent;
3203
3245
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3204
3246
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3295,129 +3337,129 @@
3295
3337
  outline: var(--outline);
3296
3338
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3297
3339
  }
3298
- .ListBoxItem-module__hop-ListBoxItem--xs___3nKTy {
3340
+ .ListBoxItem-module__hop-ListBoxItem--xs___L4ZhY {
3299
3341
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3300
3342
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3301
3343
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3302
3344
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3303
3345
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3304
3346
  }
3305
- .ListBoxItem-module__hop-ListBoxItem--sm___x23eZ {
3347
+ .ListBoxItem-module__hop-ListBoxItem--sm___uqUoV {
3306
3348
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3307
3349
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3308
3350
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3309
3351
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3310
3352
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3311
3353
  }
3312
- .ListBoxItem-module__hop-ListBoxItem--md___4pNDf {
3354
+ .ListBoxItem-module__hop-ListBoxItem--md___crP7j {
3313
3355
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3314
3356
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3315
3357
  --min-height: var(--hop-ListBoxItem-md-min-height);
3316
3358
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3317
3359
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3318
3360
  }
3319
- .ListBoxItem-module__hop-ListBoxItem--lg___fkhxf {
3361
+ .ListBoxItem-module__hop-ListBoxItem--lg___8z6Xv {
3320
3362
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3321
3363
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3322
3364
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3323
3365
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3324
3366
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3325
3367
  }
3326
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-selection-mode] {
3368
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-selection-mode] {
3327
3369
  --cursor: pointer;
3328
3370
  }
3329
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm:not([data-selection-mode]) {
3371
+ .ListBoxItem-module__hop-ListBoxItem___bde6i:not([data-selection-mode]) {
3330
3372
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3331
3373
  }
3332
- .ListBoxItem-module__hop-ListBoxItem__inner___qL2Sf:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7thIq) {
3374
+ .ListBoxItem-module__hop-ListBoxItem__inner___W-ls-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___d966-) {
3333
3375
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3334
3376
  }
3335
- .ListBoxItem-module__hop-ListBoxItem__inner___qL2Sf[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7thIq) {
3377
+ .ListBoxItem-module__hop-ListBoxItem__inner___W-ls-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___d966-) {
3336
3378
  --checkmark-transition: none;
3337
3379
  }
3338
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-selected] {
3380
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-selected] {
3339
3381
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3340
3382
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3341
3383
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3342
3384
  --checkmark-opacity: 1;
3343
3385
  }
3344
- .ListBoxItem-module__hop-ListBoxItem--xs___3nKTy[data-selected] {
3386
+ .ListBoxItem-module__hop-ListBoxItem--xs___L4ZhY[data-selected] {
3345
3387
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3346
3388
  }
3347
- .ListBoxItem-module__hop-ListBoxItem--sm___x23eZ[data-selected] {
3389
+ .ListBoxItem-module__hop-ListBoxItem--sm___uqUoV[data-selected] {
3348
3390
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3349
3391
  }
3350
- .ListBoxItem-module__hop-ListBoxItem--md___4pNDf[data-selected] {
3392
+ .ListBoxItem-module__hop-ListBoxItem--md___crP7j[data-selected] {
3351
3393
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3352
3394
  }
3353
- .ListBoxItem-module__hop-ListBoxItem--lg___fkhxf[data-selected] {
3395
+ .ListBoxItem-module__hop-ListBoxItem--lg___8z6Xv[data-selected] {
3354
3396
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3355
3397
  }
3356
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-focus-visible] {
3398
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-focus-visible] {
3357
3399
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3358
3400
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3359
3401
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3360
3402
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3361
3403
  }
3362
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-hovered] {
3404
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-hovered] {
3363
3405
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3364
3406
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3365
3407
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3366
3408
  }
3367
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-pressed] {
3409
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-pressed] {
3368
3410
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3369
3411
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3370
3412
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3371
3413
  }
3372
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-disabled] {
3414
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-disabled] {
3373
3415
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3374
3416
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3375
3417
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3376
3418
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3377
3419
  --cursor: not-allowed;
3378
3420
  }
3379
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid] {
3421
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid] {
3380
3422
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3381
3423
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3382
3424
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3383
3425
  }
3384
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid][data-selected] {
3426
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid][data-selected] {
3385
3427
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3386
3428
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3387
3429
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3388
3430
  }
3389
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid][data-focus-visible] {
3431
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid][data-focus-visible] {
3390
3432
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3391
3433
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3392
3434
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3393
3435
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3394
3436
  }
3395
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid][data-hovered] {
3437
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid][data-hovered] {
3396
3438
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3397
3439
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3398
3440
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3399
3441
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3400
3442
  }
3401
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid][data-pressed] {
3443
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid][data-pressed] {
3402
3444
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3403
3445
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3404
3446
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3405
3447
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3406
3448
  }
3407
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-invalid][data-disabled] {
3449
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-invalid][data-disabled] {
3408
3450
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3409
3451
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3410
3452
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3411
3453
  }
3412
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm:has(.ListBoxItem-module__hop-ListBoxItem__description___ymePt) {
3454
+ .ListBoxItem-module__hop-ListBoxItem___bde6i:has(.ListBoxItem-module__hop-ListBoxItem__description___5KwZb) {
3413
3455
  --row-gap: var(--hop-ListBoxItem-row-gap);
3414
3456
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3415
3457
  }
3416
- .ListBoxItem-module__hop-ListBoxItem___ZgRjm[data-loading] {
3458
+ .ListBoxItem-module__hop-ListBoxItem___bde6i[data-loading] {
3417
3459
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3418
3460
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3419
3461
  }
3420
- .ListBoxItem-module__hop-ListBoxItem__inner___qL2Sf {
3462
+ .ListBoxItem-module__hop-ListBoxItem__inner___W-ls- {
3421
3463
  display: grid;
3422
3464
  grid-template-areas: var(--grid-template-areas);
3423
3465
  grid-template-columns: var(--grid-template-columns);
@@ -3429,33 +3471,33 @@
3429
3471
  padding-inline: var(--padding-inline);
3430
3472
  transition: grid-template-columns .3s ease-in-out;
3431
3473
  }
3432
- .ListBoxItem-module__hop-ListBoxItem__checkmark___7thIq {
3474
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___d966- {
3433
3475
  grid-area: indicator;
3434
3476
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3435
3477
  color: var(--icon-color);
3436
3478
  opacity: var(--checkmark-opacity);
3437
3479
  transition: var(--checkmark-transition);
3438
3480
  }
3439
- .ListBoxItem-module__hop-ListBoxItem__radio___WWM0P,
3440
- .ListBoxItem-module__hop-ListBoxItem__checkbox___a5Xln {
3481
+ .ListBoxItem-module__hop-ListBoxItem__radio___fnXm-,
3482
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___vJ5a6 {
3441
3483
  pointer-events: none;
3442
3484
  user-select: none;
3443
3485
  grid-area: indicator;
3444
3486
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3445
3487
  }
3446
- .ListBoxItem-module__hop-ListBoxItem__avatar___feoh9 {
3488
+ .ListBoxItem-module__hop-ListBoxItem__avatar___8IKe1 {
3447
3489
  grid-area: avatar;
3448
3490
  margin-block: var(--avatar-margin-block, 0);
3449
3491
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3450
3492
  }
3451
- .ListBoxItem-module__hop-ListBoxItem__icon-list___pmPct,
3452
- .ListBoxItem-module__hop-ListBoxItem__icon___RIzH- {
3493
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___oB-Qu,
3494
+ .ListBoxItem-module__hop-ListBoxItem__icon___M2xIZ {
3453
3495
  grid-area: icon;
3454
3496
  flex: 0 0 auto;
3455
3497
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3456
3498
  color: var(--icon-color);
3457
3499
  }
3458
- .ListBoxItem-module__hop-ListBoxItem__label___BlewU {
3500
+ .ListBoxItem-module__hop-ListBoxItem__label___jNa2r {
3459
3501
  overflow: hidden;
3460
3502
  grid-area: label;
3461
3503
  min-inline-size: 0;
@@ -3463,18 +3505,18 @@
3463
3505
  text-overflow: ellipsis;
3464
3506
  white-space: nowrap;
3465
3507
  }
3466
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___TBr2H,
3467
- .ListBoxItem-module__hop-ListBoxItem__end-icon___ElkMg {
3508
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___9sXMx,
3509
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___np-gB {
3468
3510
  grid-area: end-icon;
3469
3511
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3470
3512
  color: var(--icon-color);
3471
3513
  }
3472
- .ListBoxItem-module__hop-ListBoxItem__badge___56XVT {
3514
+ .ListBoxItem-module__hop-ListBoxItem__badge___69zSW {
3473
3515
  grid-area: badge;
3474
3516
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3475
3517
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3476
3518
  }
3477
- .ListBoxItem-module__hop-ListBoxItem__description___ymePt {
3519
+ .ListBoxItem-module__hop-ListBoxItem__description___5KwZb {
3478
3520
  overflow: hidden;
3479
3521
  display: -webkit-box;
3480
3522
  grid-area: description;
@@ -3485,7 +3527,7 @@
3485
3527
  }
3486
3528
 
3487
3529
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3488
- .ListBox-module__hop-ListBox___xsG4C {
3530
+ .ListBox-module__hop-ListBox___ukNfM {
3489
3531
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3490
3532
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3491
3533
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3532,11 +3574,11 @@
3532
3574
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3533
3575
  border-radius: var(--hop-ListBox-border-radius);
3534
3576
  }
3535
- .ListBox-module__hop-ListBox--fluid___yrQmx {
3577
+ .ListBox-module__hop-ListBox--fluid___IfcPu {
3536
3578
  --max-width: var(--hop-ListBox-fluid-max-width);
3537
3579
  --width: var(--hop-ListBox-fluid-width);
3538
3580
  }
3539
- .ListBox-module__hop-ListBox__section___Fq55b {
3581
+ .ListBox-module__hop-ListBox__section___j6NHb {
3540
3582
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3541
3583
  margin-inline: var(--hop-ListBox-section-margin-inline);
3542
3584
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3544,21 +3586,21 @@
3544
3586
  border-block-start: var(--section-border-block-start);
3545
3587
  border-block-end: var(--section-border-block-end);
3546
3588
  }
3547
- .ListBox-module__hop-ListBox__item___6jsxg + .ListBox-module__hop-ListBox__section___Fq55b {
3589
+ .ListBox-module__hop-ListBox__item___0jLwz + .ListBox-module__hop-ListBox__section___j6NHb {
3548
3590
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3549
3591
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3550
3592
  }
3551
- .ListBox-module__hop-ListBox__section___Fq55b:has(+ .ListBox-module__hop-ListBox__item___6jsxg) {
3593
+ .ListBox-module__hop-ListBox__section___j6NHb:has(+ .ListBox-module__hop-ListBox__item___0jLwz) {
3552
3594
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3553
3595
  }
3554
- .ListBox-module__hop-ListBox__section___Fq55b:first-child {
3596
+ .ListBox-module__hop-ListBox__section___j6NHb:first-child {
3555
3597
  --section-padding-block-start: 0;
3556
3598
  }
3557
- .ListBox-module__hop-ListBox__section___Fq55b:last-child {
3599
+ .ListBox-module__hop-ListBox__section___j6NHb:last-child {
3558
3600
  --section-padding-block-end: 0;
3559
3601
  --section-border-block-end: 0;
3560
3602
  }
3561
- .ListBox-module__hop-ListBox__section-header___fpq8- {
3603
+ .ListBox-module__hop-ListBox__section-header___6LqU8 {
3562
3604
  margin: 0;
3563
3605
  padding: var(--hop-ListBox-section-header-padding);
3564
3606
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3569,30 +3611,30 @@
3569
3611
  text-transform: var(--hop-ListBox-section-header-text-transform);
3570
3612
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3571
3613
  }
3572
- .ListBox-module__hop-ListBox__section-header___fpq8-::before,
3573
- .ListBox-module__hop-ListBox__section-header___fpq8-::after {
3614
+ .ListBox-module__hop-ListBox__section-header___6LqU8::before,
3615
+ .ListBox-module__hop-ListBox__section-header___6LqU8::after {
3574
3616
  content: "";
3575
3617
  display: block;
3576
3618
  box-sizing: border-box;
3577
3619
  inline-size: 0;
3578
3620
  block-size: 0;
3579
3621
  }
3580
- .ListBox-module__hop-ListBox__section-header___fpq8-::before {
3622
+ .ListBox-module__hop-ListBox__section-header___6LqU8::before {
3581
3623
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3582
3624
  }
3583
- .ListBox-module__hop-ListBox__section-header___fpq8-::after {
3625
+ .ListBox-module__hop-ListBox__section-header___6LqU8::after {
3584
3626
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3585
3627
  }
3586
3628
 
3587
3629
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3588
- :where(.Popover-module__hop-Popover___D3Ng4 *) {
3630
+ :where(.Popover-module__hop-Popover___xcXNs *) {
3589
3631
  font-family: var(--font-family);
3590
3632
  font-size: var(--font-size);
3591
3633
  font-weight: var(--font-weight);
3592
3634
  line-height: var(--line-height);
3593
3635
  outline: none;
3594
3636
  }
3595
- .Popover-module__hop-Popover___D3Ng4 {
3637
+ .Popover-module__hop-Popover___xcXNs {
3596
3638
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3597
3639
  --hop-Popover-inline-width: 25rem;
3598
3640
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3605,22 +3647,22 @@
3605
3647
  inline-size: var(--width);
3606
3648
  max-inline-size: var(--max-width);
3607
3649
  }
3608
- .Popover-module__hop-Popover___D3Ng4[data-trigger=Select] {
3650
+ .Popover-module__hop-Popover___xcXNs[data-trigger=Select] {
3609
3651
  --width: var(--hop-Popover-dropdown-inline-width);
3610
3652
  }
3611
- .Popover-module__hop-Popover___D3Ng4[data-trigger=ComboBox] {
3653
+ .Popover-module__hop-Popover___xcXNs[data-trigger=ComboBox] {
3612
3654
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3613
3655
  }
3614
- .Popover-module__hop-Popover___D3Ng4[data-auto-width] {
3656
+ .Popover-module__hop-Popover___xcXNs[data-auto-width] {
3615
3657
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3616
3658
  }
3617
- .Popover-module__hop-Popover___D3Ng4[data-entering] {
3618
- animation: Popover-module__fade___70DEo 0.25s;
3659
+ .Popover-module__hop-Popover___xcXNs[data-entering] {
3660
+ animation: Popover-module__fade___9ScP3 0.25s;
3619
3661
  }
3620
- .Popover-module__hop-Popover___D3Ng4[data-exiting] {
3621
- animation: Popover-module__fade___70DEo 0.25s reverse;
3662
+ .Popover-module__hop-Popover___xcXNs[data-exiting] {
3663
+ animation: Popover-module__fade___9ScP3 0.25s reverse;
3622
3664
  }
3623
- @keyframes Popover-module__fade___70DEo {
3665
+ @keyframes Popover-module__fade___9ScP3 {
3624
3666
  from {
3625
3667
  opacity: 0;
3626
3668
  }
@@ -3628,14 +3670,14 @@
3628
3670
  opacity: 1;
3629
3671
  }
3630
3672
  }
3631
- .Popover-module__hop-Popover__wrapper___SBq2a {
3673
+ .Popover-module__hop-Popover__wrapper___ibYiJ {
3632
3674
  display: flex;
3633
3675
  flex: 1 1 auto;
3634
3676
  flex-direction: column;
3635
3677
  min-block-size: 0;
3636
3678
  }
3637
- .Popover-module__hop-Popover__dialog___270wW,
3638
- .Popover-module__hop-Popover__dropdown___OR6kR {
3679
+ .Popover-module__hop-Popover__dialog___wQyTe,
3680
+ .Popover-module__hop-Popover__dropdown___nXu5U {
3639
3681
  --hop-Popover-background: var(--hop-neutral-surface);
3640
3682
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3641
3683
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3681,21 +3723,21 @@
3681
3723
  border-radius: var(--hop-Popover-border-radius);
3682
3724
  box-shadow: var(--hop-Popover-box-shadow);
3683
3725
  }
3684
- .Popover-module__hop-Popover__dropdown___OR6kR {
3726
+ .Popover-module__hop-Popover__dropdown___nXu5U {
3685
3727
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3686
3728
  --footer-place-self: stretch;
3687
3729
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3688
3730
  --padding: var(--hop-Popover-dropdown-padding);
3689
3731
  overflow: hidden;
3690
3732
  }
3691
- .Popover-module__hop-Popover__dialog___270wW {
3733
+ .Popover-module__hop-Popover__dialog___wQyTe {
3692
3734
  --padding: var(--hop-Popover-dialog-padding);
3693
3735
  }
3694
- .Popover-module__hop-Popover__title___ttP2a {
3736
+ .Popover-module__hop-Popover__title___9-Y9D {
3695
3737
  grid-area: header;
3696
3738
  color: var(--hop-Popover-color);
3697
3739
  }
3698
- .Popover-module__hop-Popover__content___NZMo3 {
3740
+ .Popover-module__hop-Popover__content___xZJrZ {
3699
3741
  --font-size: var(--hop-Popover-content-font-size);
3700
3742
  --line-height: var(--hop-Popover-content-line-height);
3701
3743
  grid-area: content;
@@ -3704,12 +3746,12 @@
3704
3746
  padding: 0;
3705
3747
  color: var(--hop-Popover-content-color);
3706
3748
  }
3707
- .Popover-module__hop-Popover___D3Ng4:not(:has(.Popover-module__hop-Popover__title___ttP2a)) {
3708
- .Popover-module__hop-Popover__content___NZMo3 {
3749
+ .Popover-module__hop-Popover___xcXNs:not(:has(.Popover-module__hop-Popover__title___9-Y9D)) {
3750
+ .Popover-module__hop-Popover__content___xZJrZ {
3709
3751
  margin-block: 0 var(--hop-Popover-row-gap) 0;
3710
3752
  }
3711
3753
  }
3712
- .Popover-module__hop-Popover__dropdown___OR6kR .Popover-module__hop-Popover__list-box___2QxP- {
3754
+ .Popover-module__hop-Popover__dropdown___nXu5U .Popover-module__hop-Popover__list-box___9CE-b {
3713
3755
  grid-area: content;
3714
3756
  inline-size: auto;
3715
3757
  min-inline-size: auto;
@@ -3717,7 +3759,7 @@
3717
3759
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
3718
3760
  border: none;
3719
3761
  }
3720
- .Popover-module__hop-Popover__footer___vg8ZV {
3762
+ .Popover-module__hop-Popover__footer___3yp0F {
3721
3763
  --font-size: var(--hop-Popover-footer-font-size);
3722
3764
  --line-height: var(--hop-Popover-footer-line-height);
3723
3765
  grid-area: footer;
@@ -3725,16 +3767,16 @@
3725
3767
  margin: var(--footer-margin);
3726
3768
  color: var(--hop-Popover-color);
3727
3769
  }
3728
- .Popover-module__hop-Popover__dropdown___OR6kR .Popover-module__hop-Popover__footer___vg8ZV {
3770
+ .Popover-module__hop-Popover__dropdown___nXu5U .Popover-module__hop-Popover__footer___3yp0F {
3729
3771
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3730
3772
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3731
3773
  }
3732
- .Popover-module__hop-Popover__actions___EcbSA,
3733
- .Popover-module__hop-Popover__action___d5Dii {
3774
+ .Popover-module__hop-Popover__actions___rs5vj,
3775
+ .Popover-module__hop-Popover__action___efhI0 {
3734
3776
  grid-area: action;
3735
3777
  justify-self: end;
3736
3778
  margin-block-start: var(--hop-Popover-row-gap);
3737
3779
  }
3738
- .Popover-module__hop-Popover___D3Ng4:has(.Popover-module__hop-Popover__actions___EcbSA, .Popover-module__hop-Popover__action___d5Dii) .Popover-module__hop-Popover__footer___vg8ZV {
3780
+ .Popover-module__hop-Popover___xcXNs:has(.Popover-module__hop-Popover__actions___rs5vj, .Popover-module__hop-Popover__action___efhI0) .Popover-module__hop-Popover__footer___3yp0F {
3739
3781
  margin-inline-end: var(--hop-Popover-column-gap);
3740
3782
  }