@hopper-ui/components 1.3.8 → 1.3.9

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 (203) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +90 -0
  20. package/dist/ComboBox/src/ComboBox.js +124 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +124 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +836 -825
  35. package/dist/Form/src/Form.js +68 -67
  36. package/dist/Form/src/index.css +836 -825
  37. package/dist/Form/src/index.js +68 -67
  38. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  40. package/dist/HelperMessage/src/index.css +158 -11
  41. package/dist/HelperMessage/src/index.js +2 -2
  42. package/dist/IconList/src/IconList.css +228 -1
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +228 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +184 -37
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +184 -37
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +398 -346
  51. package/dist/ListBox/src/ListBox.js +7 -8
  52. package/dist/ListBox/src/ListBoxItem.css +391 -306
  53. package/dist/ListBox/src/ListBoxItem.js +5 -5
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  56. package/dist/ListBox/src/index.css +398 -346
  57. package/dist/ListBox/src/index.js +7 -8
  58. package/dist/Select/src/Select.css +901 -890
  59. package/dist/Select/src/Select.js +68 -67
  60. package/dist/Select/src/SelectValue.css +197 -191
  61. package/dist/Select/src/SelectValue.js +5 -5
  62. package/dist/Select/src/index.css +901 -890
  63. package/dist/Select/src/index.js +68 -67
  64. package/dist/Spinner/src/Spinner.css +166 -19
  65. package/dist/Spinner/src/Spinner.js +2 -2
  66. package/dist/Spinner/src/index.css +166 -19
  67. package/dist/Spinner/src/index.js +2 -2
  68. package/dist/buttons/src/Button.css +247 -100
  69. package/dist/buttons/src/Button.js +4 -4
  70. package/dist/buttons/src/ButtonGroup.css +238 -11
  71. package/dist/buttons/src/ButtonGroup.js +2 -2
  72. package/dist/buttons/src/ClearButton.css +298 -71
  73. package/dist/buttons/src/ClearButton.js +2 -2
  74. package/dist/buttons/src/EmbeddedButton.css +298 -71
  75. package/dist/buttons/src/EmbeddedButton.js +1 -1
  76. package/dist/buttons/src/index.css +329 -182
  77. package/dist/buttons/src/index.js +8 -8
  78. package/dist/checkbox/src/Checkbox.css +181 -34
  79. package/dist/checkbox/src/Checkbox.js +2 -2
  80. package/dist/checkbox/src/CheckboxField.css +162 -15
  81. package/dist/checkbox/src/CheckboxField.js +1 -1
  82. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  83. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  84. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  85. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  86. package/dist/checkbox/src/index.css +233 -105
  87. package/dist/checkbox/src/index.js +8 -8
  88. package/dist/{chunk-KQ735GKE.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-TQZKBOSP.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-XJAHZJVO.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/{chunk-BFVCZF4H.js → chunk-2ZXF62AA.js} +2 -2
  92. package/dist/{chunk-THMKXCNG.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-PEB7PBUB.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-E4PIETAY.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-AJMHHWRN.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-RR6N2GZX.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-YHH5TXPG.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-JNDKNURH.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-J2OCA4O2.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-AC6JVAVX.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-4ARX267G.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-FIJ3CLQB.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-VMCZQTOI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-PWOFOTJR.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-6FDLX77I.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-MVBXZQAH.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-DRG2376D.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-MBFMR455.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-KZWQ57ZJ.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-7H4MZKSZ.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-NLQW4MJR.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-GMMQYERH.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JVDDMMRS.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-7CIKPH4J.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-2J5HM77N.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-UR26A74E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-XEZVEXWO.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-AGRLOZWN.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-R4LPKOSF.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CTTRBWBT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-IP4N5EBH.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-XHMXUELC.js → chunk-S6AH3YTH.js} +6 -6
  126. package/dist/{chunk-BPFMTXRF.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-Z54LX6IU.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-H2L3SQIO.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-KXUA2JOW.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-Z2VOM3C3.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-3LUQ6A2L.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-JURJ6BXP.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-CURG4YI3.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-QLLCRVCV.js → chunk-YQDRT547.js} +3 -3
  135. package/dist/index.css +836 -825
  136. package/dist/index.d.ts +8 -7
  137. package/dist/index.js +68 -67
  138. package/dist/inputs/src/InputGroup.css +344 -197
  139. package/dist/inputs/src/InputGroup.js +1 -1
  140. package/dist/inputs/src/NumberField.css +336 -336
  141. package/dist/inputs/src/NumberField.js +6 -6
  142. package/dist/inputs/src/PasswordField.css +354 -354
  143. package/dist/inputs/src/PasswordField.js +7 -7
  144. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  145. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  146. package/dist/inputs/src/SearchField.css +360 -360
  147. package/dist/inputs/src/SearchField.js +8 -8
  148. package/dist/inputs/src/TextArea.css +331 -331
  149. package/dist/inputs/src/TextArea.js +7 -7
  150. package/dist/inputs/src/TextField.css +358 -358
  151. package/dist/inputs/src/TextField.js +10 -10
  152. package/dist/inputs/src/index.css +404 -404
  153. package/dist/inputs/src/index.js +17 -17
  154. package/dist/overlays/Popover/src/Popover.css +836 -825
  155. package/dist/overlays/Popover/src/Popover.js +68 -67
  156. package/dist/overlays/Popover/src/index.css +836 -825
  157. package/dist/overlays/Popover/src/index.js +68 -67
  158. package/dist/radio/src/DecorativeRadio.css +189 -42
  159. package/dist/radio/src/DecorativeRadio.js +2 -2
  160. package/dist/radio/src/Radio.css +181 -34
  161. package/dist/radio/src/Radio.js +2 -2
  162. package/dist/radio/src/RadioField.css +162 -15
  163. package/dist/radio/src/RadioField.js +1 -1
  164. package/dist/radio/src/RadioGroup.css +227 -99
  165. package/dist/radio/src/RadioGroup.js +2 -2
  166. package/dist/radio/src/index.css +233 -105
  167. package/dist/radio/src/index.js +8 -8
  168. package/dist/switch/src/Switch.css +178 -31
  169. package/dist/switch/src/Switch.js +2 -2
  170. package/dist/switch/src/SwitchField.css +162 -15
  171. package/dist/switch/src/SwitchField.js +2 -2
  172. package/dist/switch/src/index.css +184 -37
  173. package/dist/switch/src/index.js +4 -4
  174. package/dist/tag/src/Tag.css +464 -360
  175. package/dist/tag/src/Tag.js +5 -5
  176. package/dist/tag/src/TagGroup.css +166 -38
  177. package/dist/tag/src/TagGroup.js +2 -2
  178. package/dist/tag/src/TagList.css +226 -0
  179. package/dist/tag/src/index.css +474 -389
  180. package/dist/tag/src/index.js +9 -9
  181. package/dist/typography/Heading/src/Heading.css +151 -9
  182. package/dist/typography/Heading/src/Heading.js +1 -1
  183. package/dist/typography/Heading/src/index.css +151 -9
  184. package/dist/typography/Heading/src/index.js +1 -1
  185. package/dist/typography/Label/src/Label.css +211 -3
  186. package/dist/typography/Label/src/Label.js +1 -1
  187. package/dist/typography/Label/src/index.css +211 -3
  188. package/dist/typography/Label/src/index.js +1 -1
  189. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  190. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  191. package/dist/typography/OverlineText/src/index.css +190 -6
  192. package/dist/typography/OverlineText/src/index.js +1 -1
  193. package/dist/typography/Text/src/Text.css +156 -9
  194. package/dist/typography/Text/src/Text.js +1 -1
  195. package/dist/typography/Text/src/index.css +156 -9
  196. package/dist/typography/Text/src/index.js +1 -1
  197. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  198. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  199. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  200. package/dist/utils/src/index.css +226 -0
  201. package/dist/utils/src/index.d.ts +11 -10
  202. package/dist/utils/src/index.js +14 -3
  203. package/package.json +1 -1
@@ -1,38 +1,152 @@
1
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2
- :where(.Divider-module__hop-Divider___nqUSD) {
3
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
4
- --hop-Divider-border-size: 0.0625rem;
5
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
6
- --hop-Divider-horizontal-border-inline-start: none;
7
- --hop-Divider-horizontal-inline-size: auto;
8
- --hop-Divider-horizontal-block-size: 0;
9
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
10
- --hop-Divider-vertical-border-block-end: none;
11
- --hop-Divider-vertical-inline-size: 0;
12
- --hop-Divider-vertical-block-size: auto;
13
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
14
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
15
- --inline-size: var(--hop-Divider-horizontal-inline-size);
16
- --block-size: var(--hop-Divider-horizontal-block-size);
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___qL-Ga {
3
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
11
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
15
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
19
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
23
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
27
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
+ --hop-Heading-inherit-size-font-size: inherit;
32
+ --hop-Heading-inherit-size-font-family: inherit;
33
+ --hop-Heading-inherit-size-font-weight: inherit;
34
+ --hop-Heading-inherit-size-line-height: inherit;
35
+ }
36
+ :where(.Heading-module__hop-Heading___qL-Ga) {
37
+ margin: 0;
38
+ font-family: var(--font-family);
39
+ font-size: var(--font-size);
40
+ font-weight: var(--font-weight);
41
+ line-height: var(--line-height);
42
+ }
43
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
44
+ --font-size: var(--hop-Heading-xs-font-size);
45
+ --font-family: var(--hop-Heading-xs-font-family);
46
+ --font-weight: var(--hop-Heading-xs-font-weight);
47
+ --line-height: var(--hop-Heading-xs-line-height);
48
+ }
49
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
50
+ --font-size: var(--hop-Heading-sm-font-size);
51
+ --font-family: var(--hop-Heading-sm-font-family);
52
+ --font-weight: var(--hop-Heading-sm-font-weight);
53
+ --line-height: var(--hop-Heading-sm-line-height);
54
+ }
55
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
56
+ --font-size: var(--hop-Heading-md-font-size);
57
+ --font-family: var(--hop-Heading-md-font-family);
58
+ --font-weight: var(--hop-Heading-md-font-weight);
59
+ --line-height: var(--hop-Heading-md-line-height);
60
+ }
61
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
62
+ --font-size: var(--hop-Heading-lg-font-size);
63
+ --font-family: var(--hop-Heading-lg-font-family);
64
+ --font-weight: var(--hop-Heading-lg-font-weight);
65
+ --line-height: var(--hop-Heading-lg-line-height);
66
+ }
67
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
68
+ --font-size: var(--hop-Heading-xl-font-size);
69
+ --font-family: var(--hop-Heading-xl-font-family);
70
+ --font-weight: var(--hop-Heading-xl-font-weight);
71
+ --line-height: var(--hop-Heading-xl-line-height);
72
+ }
73
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
74
+ --font-size: var(--hop-Heading-2xl-font-size);
75
+ --font-family: var(--hop-Heading-2xl-font-family);
76
+ --font-weight: var(--hop-Heading-2xl-font-weight);
77
+ --line-height: var(--hop-Heading-2xl-line-height);
78
+ }
79
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
80
+ --font-size: var(--hop-Heading-3xl-font-size);
81
+ --font-family: var(--hop-Heading-3xl-font-family);
82
+ --font-weight: var(--hop-Heading-3xl-font-weight);
83
+ --line-height: var(--hop-Heading-3xl-line-height);
84
+ }
85
+
86
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
88
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
91
+ --hop-OverlineText-letter-spacing: 0.015rem;
92
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
93
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
94
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
95
+ --font-family: var(--hop-OverlineText-font-family);
96
+ --font-size: var(--hop-OverlineText-font-size);
97
+ --font-weight: var(--hop-OverlineText-font-weight);
98
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
99
+ --line-height: var(--hop-OverlineText-line-height);
100
+ --top-offset: var(--hop-OverlineText-top-offset);
101
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
102
+ box-sizing: border-box;
103
+ font-family: var(--font-family);
104
+ font-size: var(--font-size);
105
+ font-feature-settings: "case";
106
+ font-weight: var(--font-weight);
107
+ line-height: var(--line-height);
108
+ text-transform: uppercase;
109
+ letter-spacing: var(--letter-spacing);
110
+ }
111
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
112
+ box-sizing: border-box;
113
+ }
114
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
115
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
116
+ content: "";
17
117
  display: block;
18
- flex: 0 0 auto;
19
118
  box-sizing: border-box;
20
- inline-size: var(--inline-size);
21
- block-size: var(--block-size);
22
- margin: 0;
23
- border: none;
24
- border-block-end: var(--border-block-end);
25
- border-inline-start: var(--border-inline-start);
119
+ inline-size: 0;
120
+ block-size: 0;
121
+ }
122
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
123
+ margin-block-end: var(--bottom-offset);
124
+ }
125
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
126
+ margin-block-start: var(--top-offset);
127
+ }
128
+
129
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
+ .Label-module__hop-Label___1zcVv {
131
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
+ --hop-Label-color: var(--hop-neutral-text-weak);
136
+ }
137
+ :where(.Label-module__hop-Label___1zcVv) {
138
+ font-family: var(--hop-Label-font-family);
139
+ font-size: var(--hop-Label-font-size);
140
+ font-weight: var(--hop-Label-font-weight);
141
+ line-height: var(--hop-Label-line-height);
142
+ color: var(--hop-Label-color);
26
143
  }
27
- .Divider-module__hop-Divider--vertical___IGn45 {
28
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
29
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
30
- --inline-size: var(--hop-Divider-vertical-inline-size);
31
- --block-size: var(--hop-Divider-vertical-block-size);
144
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
145
+ padding-inline-start: var(--hop-space-20);
32
146
  }
33
147
 
34
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
35
- .Text-module__hop-Text___jadPy {
149
+ .Text-module__hop-Text___aPHsZ {
36
150
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
37
151
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
38
152
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -62,49 +176,49 @@
62
176
  --hop-Text-inherit-size-font-weight: inherit;
63
177
  --hop-Text-inherit-size-line-height: inherit;
64
178
  }
65
- :where(.Text-module__hop-Text___jadPy) {
179
+ :where(.Text-module__hop-Text___aPHsZ) {
66
180
  font-family: var(--font-family);
67
181
  font-size: var(--font-size);
68
182
  font-weight: var(--font-weight);
69
183
  line-height: var(--line-height);
70
184
  }
71
- :where(.Text-module__hop-Text--xs___253D0) {
185
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
72
186
  --font-size: var(--hop-Text-xs-font-size);
73
187
  --font-family: var(--hop-Text-xs-font-family);
74
188
  --font-weight: var(--hop-Text-xs-font-weight);
75
189
  --line-height: var(--hop-Text-xs-line-height);
76
190
  }
77
- :where(.Text-module__hop-Text--sm___8aHpz) {
191
+ :where(.Text-module__hop-Text--sm___FPZs6) {
78
192
  --font-size: var(--hop-Text-sm-font-size);
79
193
  --font-family: var(--hop-Text-sm-font-family);
80
194
  --font-weight: var(--hop-Text-sm-font-weight);
81
195
  --line-height: var(--hop-Text-sm-line-height);
82
196
  }
83
- :where(.Text-module__hop-Text--md___qNltd) {
197
+ :where(.Text-module__hop-Text--md___wwFGu) {
84
198
  --font-size: var(--hop-Text-md-font-size);
85
199
  --font-family: var(--hop-Text-md-font-family);
86
200
  --font-weight: var(--hop-Text-md-font-weight);
87
201
  --line-height: var(--hop-Text-md-line-height);
88
202
  }
89
- :where(.Text-module__hop-Text--lg___1A-Db) {
203
+ :where(.Text-module__hop-Text--lg___eP1l5) {
90
204
  --font-size: var(--hop-Text-lg-font-size);
91
205
  --font-family: var(--hop-Text-lg-font-family);
92
206
  --font-weight: var(--hop-Text-lg-font-weight);
93
207
  --line-height: var(--hop-Text-lg-line-height);
94
208
  }
95
- :where(.Text-module__hop-Text--xl___DBJXl) {
209
+ :where(.Text-module__hop-Text--xl___MX4B5) {
96
210
  --font-size: var(--hop-Text-xl-font-size);
97
211
  --font-family: var(--hop-Text-xl-font-family);
98
212
  --font-weight: var(--hop-Text-xl-font-weight);
99
213
  --line-height: var(--hop-Text-xl-line-height);
100
214
  }
101
- :where(.Text-module__hop-Text--2xl___9vwXN) {
215
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
102
216
  --font-size: var(--hop-Text-2xl-font-size);
103
217
  --font-family: var(--hop-Text-2xl-font-family);
104
218
  --font-weight: var(--hop-Text-2xl-font-weight);
105
219
  --line-height: var(--hop-Text-2xl-line-height);
106
220
  }
107
- :where(.Text-module__hop-Text--inherit___PWsD3) {
221
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
108
222
  --font-size: var(--hop-Text-inherit-size-font-size);
109
223
  --font-family: var(--hop-Text-inherit-size-font-family);
110
224
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -112,7 +226,7 @@
112
226
  }
113
227
 
114
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
115
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
116
230
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
117
231
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
118
232
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -143,46 +257,46 @@
143
257
  background-color: var(--background-color);
144
258
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
145
259
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
147
261
  --size: var(--hop-RichIconAvatarImage-xs-size);
148
262
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
149
263
  }
150
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
151
265
  --size: var(--hop-RichIconAvatarImage-sm-size);
152
266
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
153
267
  }
154
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
155
269
  --size: var(--hop-RichIconAvatarImage-md-size);
156
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
157
271
  }
158
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
159
273
  --size: var(--hop-RichIconAvatarImage-lg-size);
160
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
161
275
  }
162
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1 {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
163
277
  --size: var(--hop-RichIconAvatarImage-xl-size);
164
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
165
279
  }
166
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
167
281
  --size: var(--hop-RichIconAvatarImage-2xl-size);
168
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
169
283
  }
170
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
171
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
172
286
  }
173
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
174
288
  position: relative;
175
289
  display: block;
176
290
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
177
291
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
178
292
  }
179
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
180
294
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
181
295
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
182
296
  }
183
297
 
184
298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
185
- .Avatar-module__hop-Avatar___9Hi70 {
299
+ .Avatar-module__hop-Avatar___5sKQo {
186
300
  --hop-Avatar-border-radius: var(--hop-shape-circle);
187
301
  --hop-Avatar-mix-blend-mode: normal;
188
302
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -227,67 +341,67 @@
227
341
  background-color: var(--background-color, transparent);
228
342
  border-radius: var(--hop-Avatar-border-radius);
229
343
  }
230
- .Avatar-module__hop-Avatar--xs___ezEoM {
344
+ .Avatar-module__hop-Avatar--xs___Ady66 {
231
345
  --size: var(--hop-Avatar-xs-size);
232
346
  }
233
- .Avatar-module__hop-Avatar--sm___980Uh {
347
+ .Avatar-module__hop-Avatar--sm___FeU7R {
234
348
  --size: var(--hop-Avatar-sm-size);
235
349
  }
236
- .Avatar-module__hop-Avatar--md___wMa-k {
350
+ .Avatar-module__hop-Avatar--md___ZKXaB {
237
351
  --size: var(--hop-Avatar-md-size);
238
352
  }
239
- .Avatar-module__hop-Avatar--lg___yGqTp {
353
+ .Avatar-module__hop-Avatar--lg___1aVAg {
240
354
  --size: var(--hop-Avatar-lg-size);
241
355
  }
242
- .Avatar-module__hop-Avatar--xl___AXLnM {
356
+ .Avatar-module__hop-Avatar--xl___OGORu {
243
357
  --size: var(--hop-Avatar-xl-size);
244
358
  }
245
- .Avatar-module__hop-Avatar--2xl___aERCF {
359
+ .Avatar-module__hop-Avatar--2xl___IihrO {
246
360
  --size: var(--hop-Avatar-2xl-size);
247
361
  }
248
- .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
362
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
249
363
  --background-color: var(--hop-Avatar-decorative-1-background-color);
250
364
  --text-color: var(--hop-Avatar-decorative-1-text-color);
251
365
  }
252
- .Avatar-module__hop-Avatar--decorative-option2___1jb39 {
366
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
253
367
  --background-color: var(--hop-Avatar-decorative-2-background-color);
254
368
  --text-color: var(--hop-Avatar-decorative-2-text-color);
255
369
  }
256
- .Avatar-module__hop-Avatar--decorative-option3___cJs0U {
370
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
257
371
  --background-color: var(--hop-Avatar-decorative-3-background-color);
258
372
  --text-color: var(--hop-Avatar-decorative-3-text-color);
259
373
  }
260
- .Avatar-module__hop-Avatar--decorative-option4___ll-5h {
374
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
261
375
  --background-color: var(--hop-Avatar-decorative-4-background-color);
262
376
  --text-color: var(--hop-Avatar-decorative-4-text-color);
263
377
  }
264
- .Avatar-module__hop-Avatar--decorative-option5___lyS7v {
378
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
265
379
  --background-color: var(--hop-Avatar-decorative-5-background-color);
266
380
  --text-color: var(--hop-Avatar-decorative-5-text-color);
267
381
  }
268
- .Avatar-module__hop-Avatar--decorative-option6___nXt6p {
382
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
269
383
  --background-color: var(--hop-Avatar-decorative-6-background-color);
270
384
  --text-color: var(--hop-Avatar-decorative-6-text-color);
271
385
  }
272
- .Avatar-module__hop-Avatar--decorative-option7___gDoKx {
386
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
273
387
  --background-color: var(--hop-Avatar-decorative-7-background-color);
274
388
  --text-color: var(--hop-Avatar-decorative-7-text-color);
275
389
  }
276
- .Avatar-module__hop-Avatar--decorative-option8___RmnZd {
390
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
277
391
  --background-color: var(--hop-Avatar-decorative-8-background-color);
278
392
  --text-color: var(--hop-Avatar-decorative-8-text-color);
279
393
  }
280
- .Avatar-module__hop-Avatar--decorative-option9___Tpf7q {
394
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
281
395
  --background-color: var(--hop-Avatar-decorative-9-background-color);
282
396
  --text-color: var(--hop-Avatar-decorative-9-text-color);
283
397
  }
284
- .Avatar-module__hop-Avatar___9Hi70[data-disabled] {
398
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
285
399
  --background-color: var(--hop-Avatar-background-color-disabled);
286
400
  --text-color: var(--hop-Avatar-text-color-disabled);
287
401
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
288
402
  isolation: isolate;
289
403
  }
290
- .Avatar-module__hop-Avatar__image___oh7hq {
404
+ .Avatar-module__hop-Avatar__image___wmX-V {
291
405
  position: relative;
292
406
  display: block;
293
407
  box-sizing: border-box;
@@ -297,51 +411,8 @@
297
411
  mix-blend-mode: var(--mix-blend-mode);
298
412
  }
299
413
 
300
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
301
- :where(.OverlineText-module__hop-OverlineText___JXNg5) {
302
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
303
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
304
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
305
- --hop-OverlineText-letter-spacing: 0.015rem;
306
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
307
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
308
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
309
- --font-family: var(--hop-OverlineText-font-family);
310
- --font-size: var(--hop-OverlineText-font-size);
311
- --font-weight: var(--hop-OverlineText-font-weight);
312
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
313
- --line-height: var(--hop-OverlineText-line-height);
314
- --top-offset: var(--hop-OverlineText-top-offset);
315
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
316
- box-sizing: border-box;
317
- font-family: var(--font-family);
318
- font-size: var(--font-size);
319
- font-feature-settings: "case";
320
- font-weight: var(--font-weight);
321
- line-height: var(--line-height);
322
- text-transform: uppercase;
323
- letter-spacing: var(--letter-spacing);
324
- }
325
- .OverlineText-module__hop-OverlineText__text___74jxg {
326
- box-sizing: border-box;
327
- }
328
- .OverlineText-module__hop-OverlineText__text___74jxg::before,
329
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
330
- content: "";
331
- display: block;
332
- box-sizing: border-box;
333
- inline-size: 0;
334
- block-size: 0;
335
- }
336
- .OverlineText-module__hop-OverlineText__text___74jxg::before {
337
- margin-block-end: var(--bottom-offset);
338
- }
339
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
340
- margin-block-start: var(--top-offset);
341
- }
342
-
343
414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
344
- .Badge-module__hop-Badge___6H0U2 {
415
+ .Badge-module__hop-Badge___PVPdF {
345
416
  --hop-Badge-height: 1.5rem;
346
417
  --hop-Badge-width: max-content;
347
418
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -391,67 +462,67 @@
391
462
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
392
463
  border-radius: var(--border-radius);
393
464
  }
394
- .Badge-module__hop-Badge___6H0U2[data-variant=primary] {
465
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
395
466
  --background-color: var(--hop-Badge-primary-background-color);
396
467
  --text-color: var(--hop-Badge-primary-text-color);
397
468
  }
398
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=primary] {
469
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
399
470
  --background-color: var(--hop-Badge-primary-background-color-hovered);
400
471
  --text-color: var(--hop-Badge-primary-text-color-hovered);
401
472
  }
402
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=primary] {
473
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
403
474
  --background-color: var(--hop-Badge-primary-background-color-pressed);
404
475
  --text-color: var(--hop-Badge-primary-text-color-pressed);
405
476
  }
406
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=primary] {
477
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
407
478
  --background-color: var(--hop-Badge-primary-background-color-selected);
408
479
  --text-color: var(--hop-Badge-primary-text-color-selected);
409
480
  }
410
- .Badge-module__hop-Badge___6H0U2[data-variant=secondary] {
481
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
411
482
  --background-color: var(--hop-Badge-secondary-background-color);
412
483
  --text-color: var(--hop-Badge-secondary-text-color);
413
484
  }
414
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=secondary] {
485
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
415
486
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
416
487
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
417
488
  }
418
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=secondary] {
489
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
419
490
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
420
491
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
421
492
  }
422
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=secondary] {
493
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
423
494
  --background-color: var(--hop-Badge-secondary-background-color-selected);
424
495
  --text-color: var(--hop-Badge-secondary-text-color-selected);
425
496
  }
426
- .Badge-module__hop-Badge___6H0U2[data-variant=subdued] {
497
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
427
498
  --background-color: var(--hop-Badge-subdued-background-color);
428
499
  --text-color: var(--hop-Badge-subdued-text-color);
429
500
  }
430
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=subdued] {
501
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
431
502
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
432
503
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
433
504
  }
434
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=subdued] {
505
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
435
506
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
436
507
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
437
508
  }
438
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=subdued] {
509
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
439
510
  --background-color: var(--hop-Badge-subdued-background-color-selected);
440
511
  --text-color: var(--hop-Badge-subdued-text-color-selected);
441
512
  }
442
- .Badge-module__hop-Badge___6H0U2[data-indeterminate] {
513
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
443
514
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
444
515
  --height: var(--hop-Badge-indeterminate-height);
445
516
  --width: var(--hop-Badge-indeterminate-width);
446
517
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
447
518
  }
448
- .Badge-module__hop-Badge___6H0U2[data-disabled] {
519
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
449
520
  --background-color: var(--hop-Badge-background-color-disabled);
450
521
  --text-color: var(--hop-Badge-text-color-disabled);
451
522
  }
452
523
 
453
524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
454
- .FloatingBadge-module__hop-FloatingBadge___DWDc3 {
525
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
455
526
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
456
527
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
457
528
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -492,7 +563,7 @@
492
563
  box-sizing: border-box;
493
564
  inline-size: max-content;
494
565
  }
495
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
496
567
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
497
568
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
498
569
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -500,11 +571,11 @@
500
571
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
501
572
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
502
573
  }
503
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"][data-overlap=circular] {
574
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"][data-overlap=circular] {
504
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
505
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
506
577
  }
507
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
508
579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
509
580
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
510
581
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -512,11 +583,11 @@
512
583
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
513
584
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
514
585
  }
515
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"][data-overlap=circular] {
586
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"][data-overlap=circular] {
516
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
517
588
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
518
589
  }
519
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
520
591
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
521
592
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
522
593
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -524,11 +595,11 @@
524
595
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
525
596
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
526
597
  }
527
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"][data-overlap=circular] {
598
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"][data-overlap=circular] {
528
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
529
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
530
601
  }
531
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
532
603
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
533
604
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
534
605
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -536,11 +607,11 @@
536
607
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
537
608
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
538
609
  }
539
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"][data-overlap=circular] {
610
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"][data-overlap=circular] {
540
611
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
541
612
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
542
613
  }
543
- .FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
544
615
  position: absolute;
545
616
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
546
617
  transform-origin: var(--badge-transform-origin);
@@ -548,7 +619,7 @@
548
619
  }
549
620
 
550
621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
551
- .IconList-module__hop-IconList___ttQfU {
622
+ .IconList-module__hop-IconList___twZdn {
552
623
  --hop-IconList-gap: var(--hop-space-inline-xs);
553
624
  display: flex;
554
625
  flex-wrap: wrap;
@@ -557,7 +628,7 @@
557
628
  }
558
629
 
559
630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
560
- .Checkbox-module__hop-Checkbox___N1R82 {
631
+ .Checkbox-module__hop-Checkbox___ftNKr {
561
632
  --hop-Checkbox-box-border-size: 0.0625rem;
562
633
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
563
634
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -632,60 +703,60 @@
632
703
  inline-size: max-content;
633
704
  max-inline-size: 100%;
634
705
  }
635
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
706
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
636
707
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
637
708
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
638
709
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
639
710
  --text-color: var(--hop-Checkbox-text-color-focused);
640
711
  --icon-color: var(--hop-Checkbox-icon-color-focused);
641
712
  }
642
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
713
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
643
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
644
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
645
716
  --text-color: var(--hop-Checkbox-text-color-hovered);
646
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
647
718
  }
648
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
719
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
649
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
650
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
651
722
  --text-color: var(--hop-Checkbox-text-color-pressed);
652
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
653
724
  }
654
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
655
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
656
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
657
728
  --check-display: var(--hop-Checkbox-check-display-selected);
658
729
  --text-color: var(--hop-Checkbox-text-color-selected);
659
730
  --icon-color: var(--hop-Checkbox-icon-color-selected);
660
731
  }
661
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
732
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
662
733
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
663
734
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
664
735
  --check-color: var(--hop-Checkbox-check-color-invalid);
665
736
  --text-color: var(--hop-Checkbox-text-color-invalid);
666
737
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
667
738
  }
668
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
739
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
669
740
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
670
741
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
671
742
  }
672
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
743
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
673
744
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
674
745
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
675
746
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
676
747
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
677
748
  }
678
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
749
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
679
750
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
680
751
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
681
752
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
682
753
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
683
754
  }
684
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
755
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
685
756
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
686
757
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
687
758
  }
688
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
759
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
689
760
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
690
761
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
691
762
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -693,25 +764,25 @@
693
764
  --text-color: var(--hop-Checkbox-text-color-disabled);
694
765
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
695
766
  }
696
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
767
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
697
768
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
698
769
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
699
770
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
700
771
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
701
772
  }
702
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
773
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
703
774
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
704
775
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
705
776
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
706
777
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
707
778
  }
708
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
709
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
779
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
780
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
710
781
  flex: 0 0 auto;
711
782
  order: 3;
712
783
  color: var(--icon-color);
713
784
  }
714
- .Checkbox-module__hop-Checkbox__box___KQHTU {
785
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
715
786
  display: flex;
716
787
  flex: 0 0 auto;
717
788
  align-items: center;
@@ -727,11 +798,11 @@
727
798
  outline-offset: 0.125rem;
728
799
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
729
800
  }
730
- .Checkbox-module__hop-Checkbox__check___kpRRX {
801
+ .Checkbox-module__hop-Checkbox__check___6akLc {
731
802
  display: var(--check-display);
732
803
  color: var(--check-color);
733
804
  }
734
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
805
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
735
806
  flex: 0 1 auto;
736
807
  order: 2;
737
808
  min-inline-size: 0;
@@ -741,7 +812,7 @@
741
812
  }
742
813
 
743
814
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
744
- .CheckboxField-module__hop-CheckboxField___tjnl9 {
815
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
745
816
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
746
817
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
747
818
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -760,28 +831,28 @@
760
831
  inline-size: max-content;
761
832
  max-inline-size: 100%;
762
833
  }
763
- .CheckboxField-module__hop-CheckboxField___tjnl9[data-disabled] {
834
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
764
835
  --description-color: var(--hop-CheckboxField-description-color-disabled);
765
836
  }
766
- .CheckboxField-module__hop-CheckboxField--sm___mtiU4 {
837
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
767
838
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
768
839
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
769
840
  }
770
- .CheckboxField-module__hop-CheckboxField--md___uCBiT {
841
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
771
842
  --row-gap: var(--hop-CheckboxField-md-row-gap);
772
843
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
773
844
  }
774
- .CheckboxField-module__hop-CheckboxField__description___uxJ4N {
845
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
775
846
  order: 2;
776
847
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
777
848
  color: var(--description-color);
778
849
  }
779
- .CheckboxField-module__hop-CheckboxField__checkbox___ytOgd {
850
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
780
851
  order: 1;
781
852
  }
782
853
 
783
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
784
- .ErrorMessage-module__hop-ErrorMessage___JHTa8 {
855
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
785
856
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
786
857
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
787
858
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -798,13 +869,13 @@
798
869
  line-height: var(--hop-ErrorMessage-line-height);
799
870
  color: var(--hop-ErrorMessage-color);
800
871
  }
801
- .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
872
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
802
873
  flex: 0 0 auto;
803
874
  align-self: flex-start;
804
875
  }
805
876
 
806
877
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
807
- .HelperMessage-module__hop-HelperMessage___aVOod {
878
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
808
879
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
809
880
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
810
881
  display: flex;
@@ -813,32 +884,13 @@
813
884
  box-sizing: border-box;
814
885
  color: var(--hop-HelperMessage-color);
815
886
  }
816
- .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
887
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
817
888
  flex: 0 0 auto;
818
889
  align-self: flex-start;
819
890
  }
820
891
 
821
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
822
- .Label-module__hop-Label___I1lcR {
823
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
824
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
825
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
826
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
827
- --hop-Label-color: var(--hop-neutral-text-weak);
828
- }
829
- :where(.Label-module__hop-Label___I1lcR) {
830
- font-family: var(--hop-Label-font-family);
831
- font-size: var(--hop-Label-font-size);
832
- font-weight: var(--hop-Label-font-weight);
833
- line-height: var(--hop-Label-line-height);
834
- color: var(--hop-Label-color);
835
- }
836
- :where(.Label-module__hop-Label__indicator___bMR5H) {
837
- padding-inline-start: var(--hop-space-20);
838
- }
839
-
840
892
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
841
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi {
893
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
842
894
  --hop-CheckboxGroup-align-items: flex-start;
843
895
  --hop-CheckboxGroup-justify-content: flex-start;
844
896
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -877,46 +929,46 @@
877
929
  inline-size: max-content;
878
930
  max-inline-size: 100%;
879
931
  }
880
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE {
932
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
881
933
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
882
934
  --list-border-radius: var(--hop-shape-rounded-md);
883
935
  }
884
- .CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
936
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
885
937
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
886
938
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
887
939
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
888
940
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
889
941
  }
890
- .CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
942
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
891
943
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
892
944
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
893
945
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
894
946
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
895
947
  }
896
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
897
949
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
898
950
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
899
951
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
900
952
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
901
953
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
902
954
  }
903
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
904
956
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
905
957
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
906
958
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
907
959
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
908
960
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
909
961
  }
910
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi[data-orientation=horizontal] {
962
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
911
963
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
912
964
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
914
966
  --flex-wrap: nowrap;
915
967
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
968
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
917
969
  order: 1;
918
970
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
971
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
920
972
  display: flex;
921
973
  flex-flow: var(--flex-direction) var(--flex-wrap);
922
974
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -927,7 +979,7 @@
927
979
  border: var(--list-border, none);
928
980
  border-radius: var(--list-border-radius, 0);
929
981
  }
930
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE {
982
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
931
983
  position: relative;
932
984
  flex: 0 1 auto;
933
985
  align-content: start;
@@ -935,28 +987,28 @@
935
987
  min-inline-size: 0;
936
988
  padding: var(--checkbox-padding, 0);
937
989
  }
938
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
939
991
  content: "";
940
992
  position: absolute;
941
993
  display: block;
942
994
  }
943
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
944
996
  inset-block-start: 0;
945
997
  inset-inline: 0;
946
998
  border-block-start: var(--list-border, none);
947
999
  }
948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::before {
1000
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
949
1001
  inset-block: 0;
950
1002
  inset-inline-start: 0;
951
1003
  border-inline-start: var(--list-border, none);
952
1004
  }
953
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT,
954
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx {
1005
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
1006
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
955
1007
  order: 3;
956
1008
  }
957
1009
 
958
1010
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
959
- .Checkbox-module__hop-Checkbox___N1R82 {
1011
+ .Checkbox-module__hop-Checkbox___ftNKr {
960
1012
  --hop-Checkbox-box-border-size: 0.0625rem;
961
1013
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
962
1014
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1031,60 +1083,60 @@
1031
1083
  inline-size: max-content;
1032
1084
  max-inline-size: 100%;
1033
1085
  }
1034
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
1086
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1035
1087
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1036
1088
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1037
1089
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1038
1090
  --text-color: var(--hop-Checkbox-text-color-focused);
1039
1091
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1040
1092
  }
1041
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
1093
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1042
1094
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1043
1095
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1044
1096
  --text-color: var(--hop-Checkbox-text-color-hovered);
1045
1097
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1046
1098
  }
1047
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
1099
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1048
1100
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1049
1101
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1050
1102
  --text-color: var(--hop-Checkbox-text-color-pressed);
1051
1103
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1052
1104
  }
1053
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
1105
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1054
1106
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1055
1107
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1056
1108
  --check-display: var(--hop-Checkbox-check-display-selected);
1057
1109
  --text-color: var(--hop-Checkbox-text-color-selected);
1058
1110
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1059
1111
  }
1060
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
1112
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1061
1113
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1062
1114
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1063
1115
  --check-color: var(--hop-Checkbox-check-color-invalid);
1064
1116
  --text-color: var(--hop-Checkbox-text-color-invalid);
1065
1117
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1066
1118
  }
1067
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
1119
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1068
1120
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1069
1121
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1070
1122
  }
1071
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
1123
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1072
1124
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1073
1125
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1074
1126
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1075
1127
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1076
1128
  }
1077
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
1129
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1078
1130
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1079
1131
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1080
1132
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1081
1133
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1082
1134
  }
1083
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
1135
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1084
1136
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1085
1137
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1086
1138
  }
1087
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
1139
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1088
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1089
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1090
1142
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1092,25 +1144,25 @@
1092
1144
  --text-color: var(--hop-Checkbox-text-color-disabled);
1093
1145
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1094
1146
  }
1095
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
1147
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1096
1148
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1097
1149
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1098
1150
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1099
1151
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1100
1152
  }
1101
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
1153
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1102
1154
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1103
1155
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1104
1156
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1105
1157
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1106
1158
  }
1107
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
1108
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
1159
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1160
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1109
1161
  flex: 0 0 auto;
1110
1162
  order: 3;
1111
1163
  color: var(--icon-color);
1112
1164
  }
1113
- .Checkbox-module__hop-Checkbox__box___KQHTU {
1165
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1114
1166
  display: flex;
1115
1167
  flex: 0 0 auto;
1116
1168
  align-items: center;
@@ -1126,11 +1178,11 @@
1126
1178
  outline-offset: 0.125rem;
1127
1179
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1128
1180
  }
1129
- .Checkbox-module__hop-Checkbox__check___kpRRX {
1181
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1130
1182
  display: var(--check-display);
1131
1183
  color: var(--check-color);
1132
1184
  }
1133
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
1185
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1134
1186
  flex: 0 1 auto;
1135
1187
  order: 2;
1136
1188
  min-inline-size: 0;
@@ -1138,24 +1190,24 @@
1138
1190
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1139
1191
  color: var(--text-color);
1140
1192
  }
1141
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM {
1193
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
1142
1194
  }
1143
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
1144
1196
  }
1145
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
1146
1198
  }
1147
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
1149
1201
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
1151
1203
  }
1152
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
1153
1205
  }
1154
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
1155
1207
  }
1156
1208
 
1157
1209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1158
- .Radio-module__hop-Radio___W1Vdc {
1210
+ .Radio-module__hop-Radio___mjGTL {
1159
1211
  --hop-Radio-box-border-size: 0.0625rem;
1160
1212
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1161
1213
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1229,60 +1281,60 @@
1229
1281
  inline-size: max-content;
1230
1282
  max-inline-size: 100%;
1231
1283
  }
1232
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1284
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1233
1285
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1234
1286
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1235
1287
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1236
1288
  --text-color: var(--hop-Radio-text-color-focused);
1237
1289
  --icon-color: var(--hop-Radio-icon-color-focused);
1238
1290
  }
1239
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1291
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1240
1292
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1241
1293
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1242
1294
  --text-color: var(--hop-Radio-text-color-hovered);
1243
1295
  --icon-color: var(--hop-Radio-icon-color-hovered);
1244
1296
  }
1245
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1297
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1246
1298
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1247
1299
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1248
1300
  --text-color: var(--hop-Radio-text-color-pressed);
1249
1301
  --icon-color: var(--hop-Radio-icon-color-pressed);
1250
1302
  }
1251
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1303
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1252
1304
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1253
1305
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1254
1306
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1255
1307
  --text-color: var(--hop-Radio-text-color-selected);
1256
1308
  --icon-color: var(--hop-Radio-icon-color-selected);
1257
1309
  }
1258
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1310
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1259
1311
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1260
1312
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1261
1313
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1262
1314
  --text-color: var(--hop-Radio-text-color-invalid);
1263
1315
  --icon-color: var(--hop-Radio-icon-color-invalid);
1264
1316
  }
1265
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1317
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1266
1318
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1267
1319
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1268
1320
  }
1269
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1321
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1270
1322
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1271
1323
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1272
1324
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1273
1325
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1274
1326
  }
1275
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1327
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1276
1328
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1277
1329
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1278
1330
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1279
1331
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1280
1332
  }
1281
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1333
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1282
1334
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1283
1335
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1284
1336
  }
1285
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1337
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1286
1338
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1287
1339
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1288
1340
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1290,25 +1342,25 @@
1290
1342
  --text-color: var(--hop-Radio-text-color-disabled);
1291
1343
  --icon-color: var(--hop-Radio-icon-color-disabled);
1292
1344
  }
1293
- .Radio-module__hop-Radio--sm___NYymj {
1345
+ .Radio-module__hop-Radio--sm___yl7Uc {
1294
1346
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1295
1347
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1296
1348
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1297
1349
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1298
1350
  }
1299
- .Radio-module__hop-Radio--md___CQv8r {
1351
+ .Radio-module__hop-Radio--md___Umq9X {
1300
1352
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1301
1353
  --box-block-size: var(--hop-Radio-box-md-block-size);
1302
1354
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1303
1355
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1304
1356
  }
1305
- .Radio-module__hop-Radio__icon___W3Yrf,
1306
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1357
+ .Radio-module__hop-Radio__icon___umH4r,
1358
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1307
1359
  flex: 0 0 auto;
1308
1360
  order: 3;
1309
1361
  color: var(--icon-color);
1310
1362
  }
1311
- .Radio-module__hop-Radio__box___T-9Zw {
1363
+ .Radio-module__hop-Radio__box___5S65W {
1312
1364
  display: flex;
1313
1365
  flex: 0 0 auto;
1314
1366
  align-items: center;
@@ -1324,11 +1376,11 @@
1324
1376
  outline-offset: 0.125rem;
1325
1377
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1326
1378
  }
1327
- .Radio-module__hop-Radio__bullet___aikpb {
1379
+ .Radio-module__hop-Radio__bullet___9Zldv {
1328
1380
  display: var(--bullet-display);
1329
1381
  color: var(--bullet-color);
1330
1382
  }
1331
- .Radio-module__hop-Radio__text___gfkdz {
1383
+ .Radio-module__hop-Radio__text___Jw3rk {
1332
1384
  flex: 0 1 auto;
1333
1385
  order: 2;
1334
1386
  min-inline-size: 0;
@@ -1338,7 +1390,7 @@
1338
1390
  }
1339
1391
 
1340
1392
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1341
- .RadioField-module__hop-RadioField___1-HVZ {
1393
+ .RadioField-module__hop-RadioField___y405X {
1342
1394
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1343
1395
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1344
1396
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1357,28 +1409,28 @@
1357
1409
  inline-size: max-content;
1358
1410
  max-inline-size: 100%;
1359
1411
  }
1360
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
1412
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
1361
1413
  --description-color: var(--hop-RadioField-description-color-disabled);
1362
1414
  }
1363
- .RadioField-module__hop-RadioField--sm___QmRzg {
1415
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
1364
1416
  --row-gap: var(--hop-RadioField-sm-row-gap);
1365
1417
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1366
1418
  }
1367
- .RadioField-module__hop-RadioField--md___In1AA {
1419
+ .RadioField-module__hop-RadioField--md___-TjKd {
1368
1420
  --row-gap: var(--hop-RadioField-md-row-gap);
1369
1421
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1370
1422
  }
1371
- .RadioField-module__hop-RadioField__description___o5cEe {
1423
+ .RadioField-module__hop-RadioField__description___1rQov {
1372
1424
  order: 2;
1373
1425
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1374
1426
  color: var(--description-color);
1375
1427
  }
1376
- .RadioField-module__hop-RadioField__radio___JOWVQ {
1428
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
1377
1429
  order: 1;
1378
1430
  }
1379
1431
 
1380
1432
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1381
- .RadioGroup-module__hop-RadioGroup___GcXvJ {
1433
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
1382
1434
  --hop-RadioGroup-align-items: flex-start;
1383
1435
  --hop-RadioGroup-justify-content: flex-start;
1384
1436
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1418,46 +1470,46 @@
1418
1470
  inline-size: var(--inline-size);
1419
1471
  max-inline-size: 100%;
1420
1472
  }
1421
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
1473
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
1422
1474
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1423
1475
  --list-border-radius: var(--hop-shape-rounded-md);
1424
1476
  }
1425
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1477
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
1426
1478
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1427
1479
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1428
1480
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1429
1481
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1430
1482
  }
1431
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
1483
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
1432
1484
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1433
1485
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1434
1486
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1435
1487
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1436
1488
  }
1437
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1489
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
1438
1490
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1439
1491
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1440
1492
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1441
1493
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1442
1494
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1443
1495
  }
1444
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
1496
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
1445
1497
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1446
1498
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1447
1499
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1448
1500
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1449
1501
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1450
1502
  }
1451
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
1503
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
1452
1504
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1453
1505
  }
1454
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
1506
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
1455
1507
  --flex-wrap: nowrap;
1456
1508
  }
1457
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
1509
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
1458
1510
  order: 1;
1459
1511
  }
1460
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1512
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
1461
1513
  display: flex;
1462
1514
  flex-flow: var(--flex-direction) var(--flex-wrap);
1463
1515
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1468,7 +1520,7 @@
1468
1520
  border: var(--list-border, none);
1469
1521
  border-radius: var(--list-border-radius, 0);
1470
1522
  }
1471
- .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
1523
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
1472
1524
  position: relative;
1473
1525
  flex: 0 1 auto;
1474
1526
  align-content: start;
@@ -1476,28 +1528,28 @@
1476
1528
  min-inline-size: 0;
1477
1529
  padding: var(--radio-padding, 0);
1478
1530
  }
1479
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1531
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
1480
1532
  content: "";
1481
1533
  position: absolute;
1482
1534
  display: block;
1483
1535
  }
1484
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1536
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
1485
1537
  inset-block-start: 0;
1486
1538
  inset-inline: 0;
1487
1539
  border-block-start: var(--list-border, none);
1488
1540
  }
1489
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
1541
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
1490
1542
  inset-block: 0;
1491
1543
  inset-inline-start: 0;
1492
1544
  border-inline-start: var(--list-border, none);
1493
1545
  }
1494
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
1495
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
1546
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
1547
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
1496
1548
  order: 3;
1497
1549
  }
1498
1550
 
1499
1551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1500
- .Radio-module__hop-Radio___W1Vdc {
1552
+ .Radio-module__hop-Radio___mjGTL {
1501
1553
  --hop-Radio-box-border-size: 0.0625rem;
1502
1554
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1503
1555
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1571,60 +1623,60 @@
1571
1623
  inline-size: max-content;
1572
1624
  max-inline-size: 100%;
1573
1625
  }
1574
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1626
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1575
1627
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1576
1628
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1577
1629
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1578
1630
  --text-color: var(--hop-Radio-text-color-focused);
1579
1631
  --icon-color: var(--hop-Radio-icon-color-focused);
1580
1632
  }
1581
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1633
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1582
1634
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1583
1635
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1584
1636
  --text-color: var(--hop-Radio-text-color-hovered);
1585
1637
  --icon-color: var(--hop-Radio-icon-color-hovered);
1586
1638
  }
1587
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1639
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1588
1640
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1589
1641
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1590
1642
  --text-color: var(--hop-Radio-text-color-pressed);
1591
1643
  --icon-color: var(--hop-Radio-icon-color-pressed);
1592
1644
  }
1593
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1645
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1594
1646
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1595
1647
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1596
1648
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1597
1649
  --text-color: var(--hop-Radio-text-color-selected);
1598
1650
  --icon-color: var(--hop-Radio-icon-color-selected);
1599
1651
  }
1600
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1652
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1601
1653
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1602
1654
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1603
1655
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1604
1656
  --text-color: var(--hop-Radio-text-color-invalid);
1605
1657
  --icon-color: var(--hop-Radio-icon-color-invalid);
1606
1658
  }
1607
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1659
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1608
1660
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1609
1661
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1610
1662
  }
1611
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1663
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1612
1664
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1613
1665
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1614
1666
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1615
1667
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1616
1668
  }
1617
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1669
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1618
1670
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1619
1671
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1620
1672
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1621
1673
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1622
1674
  }
1623
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1675
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1624
1676
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1625
1677
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1626
1678
  }
1627
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1679
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1628
1680
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1629
1681
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1630
1682
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1632,25 +1684,25 @@
1632
1684
  --text-color: var(--hop-Radio-text-color-disabled);
1633
1685
  --icon-color: var(--hop-Radio-icon-color-disabled);
1634
1686
  }
1635
- .Radio-module__hop-Radio--sm___NYymj {
1687
+ .Radio-module__hop-Radio--sm___yl7Uc {
1636
1688
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1637
1689
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1638
1690
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1639
1691
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1640
1692
  }
1641
- .Radio-module__hop-Radio--md___CQv8r {
1693
+ .Radio-module__hop-Radio--md___Umq9X {
1642
1694
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1643
1695
  --box-block-size: var(--hop-Radio-box-md-block-size);
1644
1696
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1645
1697
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1646
1698
  }
1647
- .Radio-module__hop-Radio__icon___W3Yrf,
1648
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1699
+ .Radio-module__hop-Radio__icon___umH4r,
1700
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1649
1701
  flex: 0 0 auto;
1650
1702
  order: 3;
1651
1703
  color: var(--icon-color);
1652
1704
  }
1653
- .Radio-module__hop-Radio__box___T-9Zw {
1705
+ .Radio-module__hop-Radio__box___5S65W {
1654
1706
  display: flex;
1655
1707
  flex: 0 0 auto;
1656
1708
  align-items: center;
@@ -1666,11 +1718,11 @@
1666
1718
  outline-offset: 0.125rem;
1667
1719
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1668
1720
  }
1669
- .Radio-module__hop-Radio__bullet___aikpb {
1721
+ .Radio-module__hop-Radio__bullet___9Zldv {
1670
1722
  display: var(--bullet-display);
1671
1723
  color: var(--bullet-color);
1672
1724
  }
1673
- .Radio-module__hop-Radio__text___gfkdz {
1725
+ .Radio-module__hop-Radio__text___Jw3rk {
1674
1726
  flex: 0 1 auto;
1675
1727
  order: 2;
1676
1728
  min-inline-size: 0;
@@ -1678,24 +1730,24 @@
1678
1730
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1679
1731
  color: var(--text-color);
1680
1732
  }
1681
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
1733
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
1682
1734
  }
1683
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1735
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
1684
1736
  }
1685
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1737
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
1686
1738
  }
1687
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1688
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1739
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
1740
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
1689
1741
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1742
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
1691
1743
  }
1692
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1744
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
1693
1745
  }
1694
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1746
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
1695
1747
  }
1696
1748
 
1697
1749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1698
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
1750
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
1699
1751
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1700
1752
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1701
1753
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1721,7 +1773,7 @@
1721
1773
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1722
1774
  background-size: 400% 100%;
1723
1775
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1724
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
1776
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
1725
1777
  animation-duration: var(--animation-duration);
1726
1778
  animation-timing-function: ease-in-out;
1727
1779
  animation-fill-mode: forwards;
@@ -1730,19 +1782,19 @@
1730
1782
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1731
1783
  }
1732
1784
  }
1733
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
1785
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
1734
1786
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1735
1787
  }
1736
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
1737
1789
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1738
1790
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
1740
1792
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1741
1793
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
1743
1795
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1744
1796
  }
1745
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1797
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
1746
1798
  0% {
1747
1799
  background-position: 125% 50%;
1748
1800
  }
@@ -1752,7 +1804,7 @@
1752
1804
  }
1753
1805
 
1754
1806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1755
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
1807
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
1756
1808
  --hop-ListBoxItem-background-color: transparent;
1757
1809
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1758
1810
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1849,129 +1901,129 @@
1849
1901
  outline: var(--outline);
1850
1902
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1851
1903
  }
1852
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
1904
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
1853
1905
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1854
1906
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1855
1907
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1856
1908
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1857
1909
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1858
1910
  }
1859
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
1911
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
1860
1912
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1861
1913
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1862
1914
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1863
1915
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1864
1916
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1865
1917
  }
1866
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
1918
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
1867
1919
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1868
1920
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1869
1921
  --min-height: var(--hop-ListBoxItem-md-min-height);
1870
1922
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1871
1923
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1872
1924
  }
1873
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
1925
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
1874
1926
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1875
1927
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1876
1928
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1877
1929
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1878
1930
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1879
1931
  }
1880
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
1932
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
1881
1933
  --cursor: pointer;
1882
1934
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1935
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
1884
1936
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1885
1937
  }
1886
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1938
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
1887
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1888
1940
  }
1889
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
1890
1942
  --checkmark-transition: none;
1891
1943
  }
1892
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1944
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
1893
1945
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1894
1946
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1895
1947
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1896
1948
  --checkmark-opacity: 1;
1897
1949
  }
1898
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
1899
1951
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1900
1952
  }
1901
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
1902
1954
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1903
1955
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
1905
1957
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1906
1958
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
1908
1960
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1909
1961
  }
1910
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
1962
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
1911
1963
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1912
1964
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1913
1965
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1914
1966
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1915
1967
  }
1916
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
1968
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
1917
1969
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1918
1970
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1919
1971
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1920
1972
  }
1921
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
1922
1974
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1923
1975
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1924
1976
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1925
1977
  }
1926
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
1927
1979
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1928
1980
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1929
1981
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1930
1982
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1931
1983
  --cursor: not-allowed;
1932
1984
  }
1933
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
1934
1986
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1935
1987
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1936
1988
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1937
1989
  }
1938
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
1939
1991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1940
1992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1941
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1942
1994
  }
1943
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
1995
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
1944
1996
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1945
1997
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1946
1998
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1947
1999
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1948
2000
  }
1949
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
1950
2002
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1951
2003
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1952
2004
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1953
2005
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1954
2006
  }
1955
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
2007
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
1956
2008
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1957
2009
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1958
2010
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1959
2011
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1960
2012
  }
1961
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
2013
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
1962
2014
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1963
2015
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1964
2016
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1965
2017
  }
1966
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
2018
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
1967
2019
  --row-gap: var(--hop-ListBoxItem-row-gap);
1968
2020
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1969
2021
  }
1970
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
2022
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
1971
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1972
2024
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1973
2025
  }
1974
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
2026
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
1975
2027
  display: grid;
1976
2028
  grid-template-areas: var(--grid-template-areas);
1977
2029
  grid-template-columns: var(--grid-template-columns);
@@ -1983,33 +2035,33 @@
1983
2035
  padding-inline: var(--padding-inline);
1984
2036
  transition: grid-template-columns .3s ease-in-out;
1985
2037
  }
1986
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
2038
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
1987
2039
  grid-area: indicator;
1988
2040
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1989
2041
  color: var(--icon-color);
1990
2042
  opacity: var(--checkmark-opacity);
1991
2043
  transition: var(--checkmark-transition);
1992
2044
  }
1993
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
1994
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
2045
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
1995
2047
  pointer-events: none;
1996
2048
  user-select: none;
1997
2049
  grid-area: indicator;
1998
2050
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1999
2051
  }
2000
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
2052
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
2001
2053
  grid-area: avatar;
2002
2054
  margin-block: var(--avatar-margin-block, 0);
2003
2055
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2004
2056
  }
2005
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
2006
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
2057
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
2058
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
2007
2059
  grid-area: icon;
2008
2060
  flex: 0 0 auto;
2009
2061
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2010
2062
  color: var(--icon-color);
2011
2063
  }
2012
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
2064
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
2013
2065
  overflow: hidden;
2014
2066
  grid-area: label;
2015
2067
  min-inline-size: 0;
@@ -2017,18 +2069,18 @@
2017
2069
  text-overflow: ellipsis;
2018
2070
  white-space: nowrap;
2019
2071
  }
2020
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
2021
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
2072
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
2073
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
2022
2074
  grid-area: end-icon;
2023
2075
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2024
2076
  color: var(--icon-color);
2025
2077
  }
2026
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
2078
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
2027
2079
  grid-area: badge;
2028
2080
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2029
2081
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2030
2082
  }
2031
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
2083
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
2032
2084
  overflow: hidden;
2033
2085
  display: -webkit-box;
2034
2086
  grid-area: description;
@@ -2039,7 +2091,7 @@
2039
2091
  }
2040
2092
 
2041
2093
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2042
- .ListBox-module__hop-ListBox___eUpnT {
2094
+ .ListBox-module__hop-ListBox___emfw7 {
2043
2095
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2044
2096
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2045
2097
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2086,11 +2138,11 @@
2086
2138
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2087
2139
  border-radius: var(--hop-ListBox-border-radius);
2088
2140
  }
2089
- .ListBox-module__hop-ListBox--fluid___Ippzh {
2141
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
2090
2142
  --max-width: var(--hop-ListBox-fluid-max-width);
2091
2143
  --width: var(--hop-ListBox-fluid-width);
2092
2144
  }
2093
- .ListBox-module__hop-ListBox__section___qvP27 {
2145
+ .ListBox-module__hop-ListBox__section___lzB6a {
2094
2146
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2095
2147
  margin-inline: var(--hop-ListBox-section-margin-inline);
2096
2148
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2098,21 +2150,21 @@
2098
2150
  border-block-start: var(--section-border-block-start);
2099
2151
  border-block-end: var(--section-border-block-end);
2100
2152
  }
2101
- .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
2153
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
2102
2154
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2103
2155
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2104
2156
  }
2105
- .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
2157
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
2106
2158
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2107
2159
  }
2108
- .ListBox-module__hop-ListBox__section___qvP27:first-child {
2160
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
2109
2161
  --section-padding-block-start: 0;
2110
2162
  }
2111
- .ListBox-module__hop-ListBox__section___qvP27:last-child {
2163
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
2112
2164
  --section-padding-block-end: 0;
2113
2165
  --section-border-block-end: 0;
2114
2166
  }
2115
- .ListBox-module__hop-ListBox__section-header___6j-wC {
2167
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
2116
2168
  margin: 0;
2117
2169
  padding: var(--hop-ListBox-section-header-padding);
2118
2170
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2123,17 +2175,17 @@
2123
2175
  text-transform: var(--hop-ListBox-section-header-text-transform);
2124
2176
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2125
2177
  }
2126
- .ListBox-module__hop-ListBox__section-header___6j-wC::before,
2127
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2178
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
2179
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
2128
2180
  content: "";
2129
2181
  display: block;
2130
2182
  box-sizing: border-box;
2131
2183
  inline-size: 0;
2132
2184
  block-size: 0;
2133
2185
  }
2134
- .ListBox-module__hop-ListBox__section-header___6j-wC::before {
2186
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
2135
2187
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2136
2188
  }
2137
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
2189
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
2138
2190
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2139
2191
  }