@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,5 +1,152 @@
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: "";
117
+ display: block;
118
+ box-sizing: border-box;
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);
143
+ }
144
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
145
+ padding-inline-start: var(--hop-space-20);
146
+ }
147
+
1
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___jadPy {
149
+ .Text-module__hop-Text___aPHsZ {
3
150
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
151
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
152
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +176,49 @@
29
176
  --hop-Text-inherit-size-font-weight: inherit;
30
177
  --hop-Text-inherit-size-line-height: inherit;
31
178
  }
32
- :where(.Text-module__hop-Text___jadPy) {
179
+ :where(.Text-module__hop-Text___aPHsZ) {
33
180
  font-family: var(--font-family);
34
181
  font-size: var(--font-size);
35
182
  font-weight: var(--font-weight);
36
183
  line-height: var(--line-height);
37
184
  }
38
- :where(.Text-module__hop-Text--xs___253D0) {
185
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
39
186
  --font-size: var(--hop-Text-xs-font-size);
40
187
  --font-family: var(--hop-Text-xs-font-family);
41
188
  --font-weight: var(--hop-Text-xs-font-weight);
42
189
  --line-height: var(--hop-Text-xs-line-height);
43
190
  }
44
- :where(.Text-module__hop-Text--sm___8aHpz) {
191
+ :where(.Text-module__hop-Text--sm___FPZs6) {
45
192
  --font-size: var(--hop-Text-sm-font-size);
46
193
  --font-family: var(--hop-Text-sm-font-family);
47
194
  --font-weight: var(--hop-Text-sm-font-weight);
48
195
  --line-height: var(--hop-Text-sm-line-height);
49
196
  }
50
- :where(.Text-module__hop-Text--md___qNltd) {
197
+ :where(.Text-module__hop-Text--md___wwFGu) {
51
198
  --font-size: var(--hop-Text-md-font-size);
52
199
  --font-family: var(--hop-Text-md-font-family);
53
200
  --font-weight: var(--hop-Text-md-font-weight);
54
201
  --line-height: var(--hop-Text-md-line-height);
55
202
  }
56
- :where(.Text-module__hop-Text--lg___1A-Db) {
203
+ :where(.Text-module__hop-Text--lg___eP1l5) {
57
204
  --font-size: var(--hop-Text-lg-font-size);
58
205
  --font-family: var(--hop-Text-lg-font-family);
59
206
  --font-weight: var(--hop-Text-lg-font-weight);
60
207
  --line-height: var(--hop-Text-lg-line-height);
61
208
  }
62
- :where(.Text-module__hop-Text--xl___DBJXl) {
209
+ :where(.Text-module__hop-Text--xl___MX4B5) {
63
210
  --font-size: var(--hop-Text-xl-font-size);
64
211
  --font-family: var(--hop-Text-xl-font-family);
65
212
  --font-weight: var(--hop-Text-xl-font-weight);
66
213
  --line-height: var(--hop-Text-xl-line-height);
67
214
  }
68
- :where(.Text-module__hop-Text--2xl___9vwXN) {
215
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
69
216
  --font-size: var(--hop-Text-2xl-font-size);
70
217
  --font-family: var(--hop-Text-2xl-font-family);
71
218
  --font-weight: var(--hop-Text-2xl-font-weight);
72
219
  --line-height: var(--hop-Text-2xl-line-height);
73
220
  }
74
- :where(.Text-module__hop-Text--inherit___PWsD3) {
221
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
75
222
  --font-size: var(--hop-Text-inherit-size-font-size);
76
223
  --font-family: var(--hop-Text-inherit-size-font-family);
77
224
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +226,7 @@
79
226
  }
80
227
 
81
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
83
230
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
231
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
232
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +257,46 @@
110
257
  background-color: var(--background-color);
111
258
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
259
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___JX-qZ {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
114
261
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
262
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
263
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8x5eO {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
118
265
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
266
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
267
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5T6HL {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
122
269
  --size: var(--hop-RichIconAvatarImage-md-size);
123
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
271
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___G2t-L {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
126
273
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
275
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9fJ-1 {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
130
277
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
279
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___gh42c {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
134
281
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
283
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___LUQBB[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
138
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
286
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
141
288
  position: relative;
142
289
  display: block;
143
290
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
291
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
292
  }
146
- .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 {
147
294
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
295
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
296
  }
150
297
 
151
298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___9Hi70 {
299
+ .Avatar-module__hop-Avatar___5sKQo {
153
300
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
301
  --hop-Avatar-mix-blend-mode: normal;
155
302
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +341,67 @@
194
341
  background-color: var(--background-color, transparent);
195
342
  border-radius: var(--hop-Avatar-border-radius);
196
343
  }
197
- .Avatar-module__hop-Avatar--xs___ezEoM {
344
+ .Avatar-module__hop-Avatar--xs___Ady66 {
198
345
  --size: var(--hop-Avatar-xs-size);
199
346
  }
200
- .Avatar-module__hop-Avatar--sm___980Uh {
347
+ .Avatar-module__hop-Avatar--sm___FeU7R {
201
348
  --size: var(--hop-Avatar-sm-size);
202
349
  }
203
- .Avatar-module__hop-Avatar--md___wMa-k {
350
+ .Avatar-module__hop-Avatar--md___ZKXaB {
204
351
  --size: var(--hop-Avatar-md-size);
205
352
  }
206
- .Avatar-module__hop-Avatar--lg___yGqTp {
353
+ .Avatar-module__hop-Avatar--lg___1aVAg {
207
354
  --size: var(--hop-Avatar-lg-size);
208
355
  }
209
- .Avatar-module__hop-Avatar--xl___AXLnM {
356
+ .Avatar-module__hop-Avatar--xl___OGORu {
210
357
  --size: var(--hop-Avatar-xl-size);
211
358
  }
212
- .Avatar-module__hop-Avatar--2xl___aERCF {
359
+ .Avatar-module__hop-Avatar--2xl___IihrO {
213
360
  --size: var(--hop-Avatar-2xl-size);
214
361
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
362
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
216
363
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
364
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
365
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___1jb39 {
366
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
220
367
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
368
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
369
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___cJs0U {
370
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
224
371
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
372
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
373
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___ll-5h {
374
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
228
375
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
376
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
377
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___lyS7v {
378
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
232
379
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
380
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
381
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___nXt6p {
382
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
236
383
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
384
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
385
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___gDoKx {
386
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
240
387
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
388
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
389
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___RmnZd {
390
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
244
391
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
392
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
393
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___Tpf7q {
394
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
248
395
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
396
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
397
  }
251
- .Avatar-module__hop-Avatar___9Hi70[data-disabled] {
398
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
252
399
  --background-color: var(--hop-Avatar-background-color-disabled);
253
400
  --text-color: var(--hop-Avatar-text-color-disabled);
254
401
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
402
  isolation: isolate;
256
403
  }
257
- .Avatar-module__hop-Avatar__image___oh7hq {
404
+ .Avatar-module__hop-Avatar__image___wmX-V {
258
405
  position: relative;
259
406
  display: block;
260
407
  box-sizing: border-box;
@@ -264,51 +411,8 @@
264
411
  mix-blend-mode: var(--mix-blend-mode);
265
412
  }
266
413
 
267
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___JXNg5) {
269
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
272
- --hop-OverlineText-letter-spacing: 0.015rem;
273
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
274
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
275
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
276
- --font-family: var(--hop-OverlineText-font-family);
277
- --font-size: var(--hop-OverlineText-font-size);
278
- --font-weight: var(--hop-OverlineText-font-weight);
279
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
280
- --line-height: var(--hop-OverlineText-line-height);
281
- --top-offset: var(--hop-OverlineText-top-offset);
282
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
283
- box-sizing: border-box;
284
- font-family: var(--font-family);
285
- font-size: var(--font-size);
286
- font-feature-settings: "case";
287
- font-weight: var(--font-weight);
288
- line-height: var(--line-height);
289
- text-transform: uppercase;
290
- letter-spacing: var(--letter-spacing);
291
- }
292
- .OverlineText-module__hop-OverlineText__text___74jxg {
293
- box-sizing: border-box;
294
- }
295
- .OverlineText-module__hop-OverlineText__text___74jxg::before,
296
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
297
- content: "";
298
- display: block;
299
- box-sizing: border-box;
300
- inline-size: 0;
301
- block-size: 0;
302
- }
303
- .OverlineText-module__hop-OverlineText__text___74jxg::before {
304
- margin-block-end: var(--bottom-offset);
305
- }
306
- .OverlineText-module__hop-OverlineText__text___74jxg::after {
307
- margin-block-start: var(--top-offset);
308
- }
309
-
310
414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___6H0U2 {
415
+ .Badge-module__hop-Badge___PVPdF {
312
416
  --hop-Badge-height: 1.5rem;
313
417
  --hop-Badge-width: max-content;
314
418
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +462,67 @@
358
462
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
463
  border-radius: var(--border-radius);
360
464
  }
361
- .Badge-module__hop-Badge___6H0U2[data-variant=primary] {
465
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
362
466
  --background-color: var(--hop-Badge-primary-background-color);
363
467
  --text-color: var(--hop-Badge-primary-text-color);
364
468
  }
365
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=primary] {
469
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
366
470
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
471
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
472
  }
369
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=primary] {
473
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
370
474
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
475
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
476
  }
373
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=primary] {
477
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
374
478
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
479
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
480
  }
377
- .Badge-module__hop-Badge___6H0U2[data-variant=secondary] {
481
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
378
482
  --background-color: var(--hop-Badge-secondary-background-color);
379
483
  --text-color: var(--hop-Badge-secondary-text-color);
380
484
  }
381
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=secondary] {
485
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
382
486
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
487
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
488
  }
385
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=secondary] {
489
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
386
490
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
491
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
492
  }
389
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=secondary] {
493
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
390
494
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
495
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
496
  }
393
- .Badge-module__hop-Badge___6H0U2[data-variant=subdued] {
497
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
394
498
  --background-color: var(--hop-Badge-subdued-background-color);
395
499
  --text-color: var(--hop-Badge-subdued-text-color);
396
500
  }
397
- .Badge-module__hop-Badge___6H0U2[data-hovered][data-variant=subdued] {
501
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
398
502
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
503
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
504
  }
401
- .Badge-module__hop-Badge___6H0U2[data-pressed][data-variant=subdued] {
505
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
402
506
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
507
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
508
  }
405
- .Badge-module__hop-Badge___6H0U2[data-selected][data-variant=subdued] {
509
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
406
510
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
511
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
512
  }
409
- .Badge-module__hop-Badge___6H0U2[data-indeterminate] {
513
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
410
514
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
515
  --height: var(--hop-Badge-indeterminate-height);
412
516
  --width: var(--hop-Badge-indeterminate-width);
413
517
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
518
  }
415
- .Badge-module__hop-Badge___6H0U2[data-disabled] {
519
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
416
520
  --background-color: var(--hop-Badge-background-color-disabled);
417
521
  --text-color: var(--hop-Badge-text-color-disabled);
418
522
  }
419
523
 
420
524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___DWDc3 {
525
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
422
526
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
527
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
528
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +563,7 @@
459
563
  box-sizing: border-box;
460
564
  inline-size: max-content;
461
565
  }
462
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
463
567
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
568
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
569
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +571,11 @@
467
571
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
572
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
573
  }
470
- .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] {
471
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
577
  }
474
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
475
579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
580
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
581
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +583,11 @@
479
583
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
584
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
585
  }
482
- .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] {
483
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
588
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
589
  }
486
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
487
591
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
592
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
593
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +595,11 @@
491
595
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
596
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
597
  }
494
- .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] {
495
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
601
  }
498
- .FloatingBadge-module__hop-FloatingBadge___DWDc3[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
499
603
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
604
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
605
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +607,11 @@
503
607
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
608
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
609
  }
506
- .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] {
507
611
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
612
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
613
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
511
615
  position: absolute;
512
616
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
617
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +619,7 @@
515
619
  }
516
620
 
517
621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___ttQfU {
622
+ .IconList-module__hop-IconList___twZdn {
519
623
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
624
  display: flex;
521
625
  flex-wrap: wrap;
@@ -524,7 +628,7 @@
524
628
  }
525
629
 
526
630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
527
- .Checkbox-module__hop-Checkbox___N1R82 {
631
+ .Checkbox-module__hop-Checkbox___ftNKr {
528
632
  --hop-Checkbox-box-border-size: 0.0625rem;
529
633
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
530
634
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -599,60 +703,60 @@
599
703
  inline-size: max-content;
600
704
  max-inline-size: 100%;
601
705
  }
602
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
706
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
603
707
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
604
708
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
605
709
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
606
710
  --text-color: var(--hop-Checkbox-text-color-focused);
607
711
  --icon-color: var(--hop-Checkbox-icon-color-focused);
608
712
  }
609
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
713
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
610
714
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
611
715
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
612
716
  --text-color: var(--hop-Checkbox-text-color-hovered);
613
717
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
614
718
  }
615
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
719
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
616
720
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
617
721
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
618
722
  --text-color: var(--hop-Checkbox-text-color-pressed);
619
723
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
620
724
  }
621
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
725
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
622
726
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
623
727
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
624
728
  --check-display: var(--hop-Checkbox-check-display-selected);
625
729
  --text-color: var(--hop-Checkbox-text-color-selected);
626
730
  --icon-color: var(--hop-Checkbox-icon-color-selected);
627
731
  }
628
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
732
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
629
733
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
630
734
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
631
735
  --check-color: var(--hop-Checkbox-check-color-invalid);
632
736
  --text-color: var(--hop-Checkbox-text-color-invalid);
633
737
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
634
738
  }
635
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
739
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
636
740
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
637
741
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
638
742
  }
639
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
743
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
640
744
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
641
745
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
642
746
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
643
747
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
644
748
  }
645
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
749
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
646
750
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
647
751
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
648
752
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
649
753
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
650
754
  }
651
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
755
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
652
756
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
653
757
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
654
758
  }
655
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
759
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
656
760
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
657
761
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
658
762
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -660,25 +764,25 @@
660
764
  --text-color: var(--hop-Checkbox-text-color-disabled);
661
765
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
662
766
  }
663
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
767
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
664
768
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
665
769
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
666
770
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
667
771
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
668
772
  }
669
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
773
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
670
774
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
671
775
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
672
776
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
673
777
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
674
778
  }
675
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
676
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
779
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
780
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
677
781
  flex: 0 0 auto;
678
782
  order: 3;
679
783
  color: var(--icon-color);
680
784
  }
681
- .Checkbox-module__hop-Checkbox__box___KQHTU {
785
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
682
786
  display: flex;
683
787
  flex: 0 0 auto;
684
788
  align-items: center;
@@ -694,11 +798,11 @@
694
798
  outline-offset: 0.125rem;
695
799
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
696
800
  }
697
- .Checkbox-module__hop-Checkbox__check___kpRRX {
801
+ .Checkbox-module__hop-Checkbox__check___6akLc {
698
802
  display: var(--check-display);
699
803
  color: var(--check-color);
700
804
  }
701
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
805
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
702
806
  flex: 0 1 auto;
703
807
  order: 2;
704
808
  min-inline-size: 0;
@@ -708,7 +812,7 @@
708
812
  }
709
813
 
710
814
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
711
- .CheckboxField-module__hop-CheckboxField___tjnl9 {
815
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
712
816
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
713
817
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
714
818
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -727,28 +831,28 @@
727
831
  inline-size: max-content;
728
832
  max-inline-size: 100%;
729
833
  }
730
- .CheckboxField-module__hop-CheckboxField___tjnl9[data-disabled] {
834
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
731
835
  --description-color: var(--hop-CheckboxField-description-color-disabled);
732
836
  }
733
- .CheckboxField-module__hop-CheckboxField--sm___mtiU4 {
837
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
734
838
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
735
839
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
736
840
  }
737
- .CheckboxField-module__hop-CheckboxField--md___uCBiT {
841
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
738
842
  --row-gap: var(--hop-CheckboxField-md-row-gap);
739
843
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
740
844
  }
741
- .CheckboxField-module__hop-CheckboxField__description___uxJ4N {
845
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
742
846
  order: 2;
743
847
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
744
848
  color: var(--description-color);
745
849
  }
746
- .CheckboxField-module__hop-CheckboxField__checkbox___ytOgd {
850
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
747
851
  order: 1;
748
852
  }
749
853
 
750
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
751
- .ErrorMessage-module__hop-ErrorMessage___JHTa8 {
855
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
752
856
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
753
857
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
754
858
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -765,13 +869,13 @@
765
869
  line-height: var(--hop-ErrorMessage-line-height);
766
870
  color: var(--hop-ErrorMessage-color);
767
871
  }
768
- .ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9 {
872
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
769
873
  flex: 0 0 auto;
770
874
  align-self: flex-start;
771
875
  }
772
876
 
773
877
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
774
- .HelperMessage-module__hop-HelperMessage___aVOod {
878
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
775
879
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
776
880
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
777
881
  display: flex;
@@ -780,32 +884,13 @@
780
884
  box-sizing: border-box;
781
885
  color: var(--hop-HelperMessage-color);
782
886
  }
783
- .HelperMessage-module__hop-HelperMessage__icon___ijRfm {
887
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
784
888
  flex: 0 0 auto;
785
889
  align-self: flex-start;
786
890
  }
787
891
 
788
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
789
- .Label-module__hop-Label___I1lcR {
790
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
791
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
792
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
793
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
794
- --hop-Label-color: var(--hop-neutral-text-weak);
795
- }
796
- :where(.Label-module__hop-Label___I1lcR) {
797
- font-family: var(--hop-Label-font-family);
798
- font-size: var(--hop-Label-font-size);
799
- font-weight: var(--hop-Label-font-weight);
800
- line-height: var(--hop-Label-line-height);
801
- color: var(--hop-Label-color);
802
- }
803
- :where(.Label-module__hop-Label__indicator___bMR5H) {
804
- padding-inline-start: var(--hop-space-20);
805
- }
806
-
807
892
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
808
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi {
893
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
809
894
  --hop-CheckboxGroup-align-items: flex-start;
810
895
  --hop-CheckboxGroup-justify-content: flex-start;
811
896
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -844,46 +929,46 @@
844
929
  inline-size: max-content;
845
930
  max-inline-size: 100%;
846
931
  }
847
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE {
932
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
848
933
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
849
934
  --list-border-radius: var(--hop-shape-rounded-md);
850
935
  }
851
- .CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
936
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
852
937
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
853
938
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
854
939
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
855
940
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
856
941
  }
857
- .CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
942
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
858
943
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
859
944
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
860
945
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
861
946
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
862
947
  }
863
- .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 {
864
949
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
865
950
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
866
951
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
867
952
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
868
953
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
869
954
  }
870
- .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- {
871
956
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
872
957
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
873
958
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
874
959
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
875
960
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
876
961
  }
877
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi[data-orientation=horizontal] {
962
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
878
963
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
879
964
  }
880
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
881
966
  --flex-wrap: nowrap;
882
967
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
968
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
884
969
  order: 1;
885
970
  }
886
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
971
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
887
972
  display: flex;
888
973
  flex-flow: var(--flex-direction) var(--flex-wrap);
889
974
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -894,7 +979,7 @@
894
979
  border: var(--list-border, none);
895
980
  border-radius: var(--list-border-radius, 0);
896
981
  }
897
- .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 {
898
983
  position: relative;
899
984
  flex: 0 1 auto;
900
985
  align-content: start;
@@ -902,28 +987,28 @@
902
987
  min-inline-size: 0;
903
988
  padding: var(--checkbox-padding, 0);
904
989
  }
905
- .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 {
906
991
  content: "";
907
992
  position: absolute;
908
993
  display: block;
909
994
  }
910
- .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 {
911
996
  inset-block-start: 0;
912
997
  inset-inline: 0;
913
998
  border-block-start: var(--list-border, none);
914
999
  }
915
- .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 {
916
1001
  inset-block: 0;
917
1002
  inset-inline-start: 0;
918
1003
  border-inline-start: var(--list-border, none);
919
1004
  }
920
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT,
921
- .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- {
922
1007
  order: 3;
923
1008
  }
924
1009
 
925
1010
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
926
- .Checkbox-module__hop-Checkbox___N1R82 {
1011
+ .Checkbox-module__hop-Checkbox___ftNKr {
927
1012
  --hop-Checkbox-box-border-size: 0.0625rem;
928
1013
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
929
1014
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -998,60 +1083,60 @@
998
1083
  inline-size: max-content;
999
1084
  max-inline-size: 100%;
1000
1085
  }
1001
- .Checkbox-module__hop-Checkbox___N1R82[data-focus-visible] {
1086
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1002
1087
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1003
1088
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1004
1089
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1005
1090
  --text-color: var(--hop-Checkbox-text-color-focused);
1006
1091
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1007
1092
  }
1008
- .Checkbox-module__hop-Checkbox___N1R82[data-hovered] {
1093
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1009
1094
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1010
1095
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1011
1096
  --text-color: var(--hop-Checkbox-text-color-hovered);
1012
1097
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1013
1098
  }
1014
- .Checkbox-module__hop-Checkbox___N1R82[data-pressed] {
1099
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1015
1100
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1016
1101
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1017
1102
  --text-color: var(--hop-Checkbox-text-color-pressed);
1018
1103
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1019
1104
  }
1020
- .Checkbox-module__hop-Checkbox___N1R82[data-selected] {
1105
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1021
1106
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1022
1107
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1023
1108
  --check-display: var(--hop-Checkbox-check-display-selected);
1024
1109
  --text-color: var(--hop-Checkbox-text-color-selected);
1025
1110
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1026
1111
  }
1027
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid] {
1112
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1028
1113
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1029
1114
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1030
1115
  --check-color: var(--hop-Checkbox-check-color-invalid);
1031
1116
  --text-color: var(--hop-Checkbox-text-color-invalid);
1032
1117
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1033
1118
  }
1034
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-focus-visible]) {
1119
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1035
1120
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1036
1121
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1037
1122
  }
1038
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-hovered]) {
1123
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1039
1124
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1040
1125
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1041
1126
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1042
1127
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1043
1128
  }
1044
- .Checkbox-module__hop-Checkbox___N1R82[data-invalid]:where([data-pressed]) {
1129
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1045
1130
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1046
1131
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1047
1132
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1048
1133
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1049
1134
  }
1050
- .Checkbox-module__hop-Checkbox___N1R82:where([data-invalid])[data-selected] {
1135
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1051
1136
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1052
1137
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1053
1138
  }
1054
- .Checkbox-module__hop-Checkbox___N1R82[data-disabled] {
1139
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1055
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1056
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1057
1142
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1059,25 +1144,25 @@
1059
1144
  --text-color: var(--hop-Checkbox-text-color-disabled);
1060
1145
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1061
1146
  }
1062
- .Checkbox-module__hop-Checkbox--sm___fyMAY {
1147
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1063
1148
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1064
1149
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1065
1150
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1066
1151
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1067
1152
  }
1068
- .Checkbox-module__hop-Checkbox--md___K8Wf4 {
1153
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1069
1154
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1070
1155
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1071
1156
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1072
1157
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1073
1158
  }
1074
- .Checkbox-module__hop-Checkbox__icon___-2zc-,
1075
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
1159
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1160
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1076
1161
  flex: 0 0 auto;
1077
1162
  order: 3;
1078
1163
  color: var(--icon-color);
1079
1164
  }
1080
- .Checkbox-module__hop-Checkbox__box___KQHTU {
1165
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1081
1166
  display: flex;
1082
1167
  flex: 0 0 auto;
1083
1168
  align-items: center;
@@ -1093,11 +1178,11 @@
1093
1178
  outline-offset: 0.125rem;
1094
1179
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1095
1180
  }
1096
- .Checkbox-module__hop-Checkbox__check___kpRRX {
1181
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1097
1182
  display: var(--check-display);
1098
1183
  color: var(--check-color);
1099
1184
  }
1100
- .Checkbox-module__hop-Checkbox__text___lT5Jd {
1185
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1101
1186
  flex: 0 1 auto;
1102
1187
  order: 2;
1103
1188
  min-inline-size: 0;
@@ -1105,24 +1190,24 @@
1105
1190
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1106
1191
  color: var(--text-color);
1107
1192
  }
1108
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM {
1193
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
1109
1194
  }
1110
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
1195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
1111
1196
  }
1112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
1197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
1113
1198
  }
1114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
1115
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
1199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
1116
1201
  }
1117
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
1118
1203
  }
1119
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
1120
1205
  }
1121
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
1122
1207
  }
1123
1208
 
1124
1209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1125
- .Radio-module__hop-Radio___W1Vdc {
1210
+ .Radio-module__hop-Radio___mjGTL {
1126
1211
  --hop-Radio-box-border-size: 0.0625rem;
1127
1212
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1128
1213
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1196,60 +1281,60 @@
1196
1281
  inline-size: max-content;
1197
1282
  max-inline-size: 100%;
1198
1283
  }
1199
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1284
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1200
1285
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1201
1286
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1202
1287
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1203
1288
  --text-color: var(--hop-Radio-text-color-focused);
1204
1289
  --icon-color: var(--hop-Radio-icon-color-focused);
1205
1290
  }
1206
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1291
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1207
1292
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1208
1293
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1209
1294
  --text-color: var(--hop-Radio-text-color-hovered);
1210
1295
  --icon-color: var(--hop-Radio-icon-color-hovered);
1211
1296
  }
1212
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1297
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1213
1298
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1214
1299
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1215
1300
  --text-color: var(--hop-Radio-text-color-pressed);
1216
1301
  --icon-color: var(--hop-Radio-icon-color-pressed);
1217
1302
  }
1218
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1303
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1219
1304
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1220
1305
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1221
1306
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1222
1307
  --text-color: var(--hop-Radio-text-color-selected);
1223
1308
  --icon-color: var(--hop-Radio-icon-color-selected);
1224
1309
  }
1225
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1310
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1226
1311
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1227
1312
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1228
1313
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1229
1314
  --text-color: var(--hop-Radio-text-color-invalid);
1230
1315
  --icon-color: var(--hop-Radio-icon-color-invalid);
1231
1316
  }
1232
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1317
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1233
1318
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1234
1319
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1235
1320
  }
1236
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1321
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1237
1322
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1238
1323
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1239
1324
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1240
1325
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1241
1326
  }
1242
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1327
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1243
1328
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1244
1329
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1245
1330
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1246
1331
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1247
1332
  }
1248
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1333
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1249
1334
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1250
1335
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1251
1336
  }
1252
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1337
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1253
1338
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1254
1339
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1255
1340
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1257,25 +1342,25 @@
1257
1342
  --text-color: var(--hop-Radio-text-color-disabled);
1258
1343
  --icon-color: var(--hop-Radio-icon-color-disabled);
1259
1344
  }
1260
- .Radio-module__hop-Radio--sm___NYymj {
1345
+ .Radio-module__hop-Radio--sm___yl7Uc {
1261
1346
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1262
1347
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1263
1348
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1264
1349
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1265
1350
  }
1266
- .Radio-module__hop-Radio--md___CQv8r {
1351
+ .Radio-module__hop-Radio--md___Umq9X {
1267
1352
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1268
1353
  --box-block-size: var(--hop-Radio-box-md-block-size);
1269
1354
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1270
1355
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1271
1356
  }
1272
- .Radio-module__hop-Radio__icon___W3Yrf,
1273
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1357
+ .Radio-module__hop-Radio__icon___umH4r,
1358
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1274
1359
  flex: 0 0 auto;
1275
1360
  order: 3;
1276
1361
  color: var(--icon-color);
1277
1362
  }
1278
- .Radio-module__hop-Radio__box___T-9Zw {
1363
+ .Radio-module__hop-Radio__box___5S65W {
1279
1364
  display: flex;
1280
1365
  flex: 0 0 auto;
1281
1366
  align-items: center;
@@ -1291,11 +1376,11 @@
1291
1376
  outline-offset: 0.125rem;
1292
1377
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1293
1378
  }
1294
- .Radio-module__hop-Radio__bullet___aikpb {
1379
+ .Radio-module__hop-Radio__bullet___9Zldv {
1295
1380
  display: var(--bullet-display);
1296
1381
  color: var(--bullet-color);
1297
1382
  }
1298
- .Radio-module__hop-Radio__text___gfkdz {
1383
+ .Radio-module__hop-Radio__text___Jw3rk {
1299
1384
  flex: 0 1 auto;
1300
1385
  order: 2;
1301
1386
  min-inline-size: 0;
@@ -1305,7 +1390,7 @@
1305
1390
  }
1306
1391
 
1307
1392
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1308
- .RadioField-module__hop-RadioField___1-HVZ {
1393
+ .RadioField-module__hop-RadioField___y405X {
1309
1394
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1310
1395
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1311
1396
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1324,28 +1409,28 @@
1324
1409
  inline-size: max-content;
1325
1410
  max-inline-size: 100%;
1326
1411
  }
1327
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
1412
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
1328
1413
  --description-color: var(--hop-RadioField-description-color-disabled);
1329
1414
  }
1330
- .RadioField-module__hop-RadioField--sm___QmRzg {
1415
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
1331
1416
  --row-gap: var(--hop-RadioField-sm-row-gap);
1332
1417
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1333
1418
  }
1334
- .RadioField-module__hop-RadioField--md___In1AA {
1419
+ .RadioField-module__hop-RadioField--md___-TjKd {
1335
1420
  --row-gap: var(--hop-RadioField-md-row-gap);
1336
1421
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1337
1422
  }
1338
- .RadioField-module__hop-RadioField__description___o5cEe {
1423
+ .RadioField-module__hop-RadioField__description___1rQov {
1339
1424
  order: 2;
1340
1425
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1341
1426
  color: var(--description-color);
1342
1427
  }
1343
- .RadioField-module__hop-RadioField__radio___JOWVQ {
1428
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
1344
1429
  order: 1;
1345
1430
  }
1346
1431
 
1347
1432
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1348
- .RadioGroup-module__hop-RadioGroup___GcXvJ {
1433
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
1349
1434
  --hop-RadioGroup-align-items: flex-start;
1350
1435
  --hop-RadioGroup-justify-content: flex-start;
1351
1436
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1385,46 +1470,46 @@
1385
1470
  inline-size: var(--inline-size);
1386
1471
  max-inline-size: 100%;
1387
1472
  }
1388
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
1473
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
1389
1474
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1390
1475
  --list-border-radius: var(--hop-shape-rounded-md);
1391
1476
  }
1392
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
1477
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
1393
1478
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1394
1479
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1395
1480
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1396
1481
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1397
1482
  }
1398
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
1483
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
1399
1484
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1400
1485
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1401
1486
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1402
1487
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1403
1488
  }
1404
- .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 {
1405
1490
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1406
1491
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1407
1492
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1408
1493
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1409
1494
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1410
1495
  }
1411
- .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 {
1412
1497
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1413
1498
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1414
1499
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1415
1500
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1416
1501
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1417
1502
  }
1418
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
1503
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
1419
1504
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1420
1505
  }
1421
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
1506
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
1422
1507
  --flex-wrap: nowrap;
1423
1508
  }
1424
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
1509
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
1425
1510
  order: 1;
1426
1511
  }
1427
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
1512
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
1428
1513
  display: flex;
1429
1514
  flex-flow: var(--flex-direction) var(--flex-wrap);
1430
1515
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1435,7 +1520,7 @@
1435
1520
  border: var(--list-border, none);
1436
1521
  border-radius: var(--list-border-radius, 0);
1437
1522
  }
1438
- .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 {
1439
1524
  position: relative;
1440
1525
  flex: 0 1 auto;
1441
1526
  align-content: start;
@@ -1443,28 +1528,28 @@
1443
1528
  min-inline-size: 0;
1444
1529
  padding: var(--radio-padding, 0);
1445
1530
  }
1446
- .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 {
1447
1532
  content: "";
1448
1533
  position: absolute;
1449
1534
  display: block;
1450
1535
  }
1451
- .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 {
1452
1537
  inset-block-start: 0;
1453
1538
  inset-inline: 0;
1454
1539
  border-block-start: var(--list-border, none);
1455
1540
  }
1456
- .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 {
1457
1542
  inset-block: 0;
1458
1543
  inset-inline-start: 0;
1459
1544
  border-inline-start: var(--list-border, none);
1460
1545
  }
1461
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
1462
- .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 {
1463
1548
  order: 3;
1464
1549
  }
1465
1550
 
1466
1551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1467
- .Radio-module__hop-Radio___W1Vdc {
1552
+ .Radio-module__hop-Radio___mjGTL {
1468
1553
  --hop-Radio-box-border-size: 0.0625rem;
1469
1554
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1470
1555
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1538,60 +1623,60 @@
1538
1623
  inline-size: max-content;
1539
1624
  max-inline-size: 100%;
1540
1625
  }
1541
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
1626
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1542
1627
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1543
1628
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1544
1629
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1545
1630
  --text-color: var(--hop-Radio-text-color-focused);
1546
1631
  --icon-color: var(--hop-Radio-icon-color-focused);
1547
1632
  }
1548
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
1633
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1549
1634
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1550
1635
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1551
1636
  --text-color: var(--hop-Radio-text-color-hovered);
1552
1637
  --icon-color: var(--hop-Radio-icon-color-hovered);
1553
1638
  }
1554
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
1639
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1555
1640
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1556
1641
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1557
1642
  --text-color: var(--hop-Radio-text-color-pressed);
1558
1643
  --icon-color: var(--hop-Radio-icon-color-pressed);
1559
1644
  }
1560
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
1645
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1561
1646
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1562
1647
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1563
1648
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1564
1649
  --text-color: var(--hop-Radio-text-color-selected);
1565
1650
  --icon-color: var(--hop-Radio-icon-color-selected);
1566
1651
  }
1567
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
1652
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1568
1653
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1569
1654
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1570
1655
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1571
1656
  --text-color: var(--hop-Radio-text-color-invalid);
1572
1657
  --icon-color: var(--hop-Radio-icon-color-invalid);
1573
1658
  }
1574
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
1659
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1575
1660
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1576
1661
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1577
1662
  }
1578
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
1663
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1579
1664
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1580
1665
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1581
1666
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1582
1667
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1583
1668
  }
1584
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
1669
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1585
1670
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1586
1671
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1587
1672
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1588
1673
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1589
1674
  }
1590
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
1675
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1591
1676
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1592
1677
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1593
1678
  }
1594
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
1679
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1595
1680
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1596
1681
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1597
1682
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1599,25 +1684,25 @@
1599
1684
  --text-color: var(--hop-Radio-text-color-disabled);
1600
1685
  --icon-color: var(--hop-Radio-icon-color-disabled);
1601
1686
  }
1602
- .Radio-module__hop-Radio--sm___NYymj {
1687
+ .Radio-module__hop-Radio--sm___yl7Uc {
1603
1688
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1604
1689
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1605
1690
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1606
1691
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1607
1692
  }
1608
- .Radio-module__hop-Radio--md___CQv8r {
1693
+ .Radio-module__hop-Radio--md___Umq9X {
1609
1694
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1610
1695
  --box-block-size: var(--hop-Radio-box-md-block-size);
1611
1696
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1612
1697
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1613
1698
  }
1614
- .Radio-module__hop-Radio__icon___W3Yrf,
1615
- .Radio-module__hop-Radio__icon-list___Ky-BO {
1699
+ .Radio-module__hop-Radio__icon___umH4r,
1700
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1616
1701
  flex: 0 0 auto;
1617
1702
  order: 3;
1618
1703
  color: var(--icon-color);
1619
1704
  }
1620
- .Radio-module__hop-Radio__box___T-9Zw {
1705
+ .Radio-module__hop-Radio__box___5S65W {
1621
1706
  display: flex;
1622
1707
  flex: 0 0 auto;
1623
1708
  align-items: center;
@@ -1633,11 +1718,11 @@
1633
1718
  outline-offset: 0.125rem;
1634
1719
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1635
1720
  }
1636
- .Radio-module__hop-Radio__bullet___aikpb {
1721
+ .Radio-module__hop-Radio__bullet___9Zldv {
1637
1722
  display: var(--bullet-display);
1638
1723
  color: var(--bullet-color);
1639
1724
  }
1640
- .Radio-module__hop-Radio__text___gfkdz {
1725
+ .Radio-module__hop-Radio__text___Jw3rk {
1641
1726
  flex: 0 1 auto;
1642
1727
  order: 2;
1643
1728
  min-inline-size: 0;
@@ -1645,24 +1730,24 @@
1645
1730
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1646
1731
  color: var(--text-color);
1647
1732
  }
1648
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
1733
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
1649
1734
  }
1650
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
1735
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
1651
1736
  }
1652
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
1737
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
1653
1738
  }
1654
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
1655
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
1739
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
1740
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
1656
1741
  }
1657
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
1742
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
1658
1743
  }
1659
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
1744
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
1660
1745
  }
1661
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
1746
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
1662
1747
  }
1663
1748
 
1664
1749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1665
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
1750
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
1666
1751
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1667
1752
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1668
1753
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1688,7 +1773,7 @@
1688
1773
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1689
1774
  background-size: 400% 100%;
1690
1775
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1691
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
1776
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
1692
1777
  animation-duration: var(--animation-duration);
1693
1778
  animation-timing-function: ease-in-out;
1694
1779
  animation-fill-mode: forwards;
@@ -1697,19 +1782,19 @@
1697
1782
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1698
1783
  }
1699
1784
  }
1700
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
1785
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
1701
1786
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1702
1787
  }
1703
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
1704
1789
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1705
1790
  }
1706
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
1707
1792
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1708
1793
  }
1709
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
1710
1795
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1711
1796
  }
1712
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
1797
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
1713
1798
  0% {
1714
1799
  background-position: 125% 50%;
1715
1800
  }
@@ -1719,7 +1804,7 @@
1719
1804
  }
1720
1805
 
1721
1806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1722
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
1807
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
1723
1808
  --hop-ListBoxItem-background-color: transparent;
1724
1809
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1725
1810
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1816,129 +1901,129 @@
1816
1901
  outline: var(--outline);
1817
1902
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1818
1903
  }
1819
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
1904
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
1820
1905
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1821
1906
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1822
1907
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1823
1908
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1824
1909
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1825
1910
  }
1826
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
1911
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
1827
1912
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1828
1913
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1829
1914
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1830
1915
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1831
1916
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1832
1917
  }
1833
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
1918
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
1834
1919
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1835
1920
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1836
1921
  --min-height: var(--hop-ListBoxItem-md-min-height);
1837
1922
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1838
1923
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1839
1924
  }
1840
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
1925
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
1841
1926
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1842
1927
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1843
1928
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1844
1929
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1845
1930
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1846
1931
  }
1847
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
1932
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
1848
1933
  --cursor: pointer;
1849
1934
  }
1850
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
1935
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
1851
1936
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1852
1937
  }
1853
- .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) {
1854
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1855
1940
  }
1856
- .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) {
1857
1942
  --checkmark-transition: none;
1858
1943
  }
1859
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
1944
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
1860
1945
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1861
1946
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1862
1947
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1863
1948
  --checkmark-opacity: 1;
1864
1949
  }
1865
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
1866
1951
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1867
1952
  }
1868
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
1869
1954
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1870
1955
  }
1871
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
1872
1957
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1873
1958
  }
1874
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
1875
1960
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1876
1961
  }
1877
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
1962
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
1878
1963
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1879
1964
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1880
1965
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1881
1966
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1882
1967
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
1968
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
1884
1969
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1885
1970
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1886
1971
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1887
1972
  }
1888
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
1889
1974
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1890
1975
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1891
1976
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1892
1977
  }
1893
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
1894
1979
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1895
1980
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1896
1981
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1897
1982
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1898
1983
  --cursor: not-allowed;
1899
1984
  }
1900
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
1901
1986
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1902
1987
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1903
1988
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1904
1989
  }
1905
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
1906
1991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1907
1992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1908
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1909
1994
  }
1910
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
1995
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
1911
1996
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1912
1997
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1913
1998
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1914
1999
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1915
2000
  }
1916
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
1917
2002
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1918
2003
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1919
2004
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1920
2005
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1921
2006
  }
1922
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
2007
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
1923
2008
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1924
2009
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1925
2010
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1926
2011
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1927
2012
  }
1928
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
2013
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
1929
2014
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1930
2015
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1931
2016
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1932
2017
  }
1933
- .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) {
1934
2019
  --row-gap: var(--hop-ListBoxItem-row-gap);
1935
2020
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1936
2021
  }
1937
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
2022
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
1938
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1939
2024
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1940
2025
  }
1941
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
2026
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
1942
2027
  display: grid;
1943
2028
  grid-template-areas: var(--grid-template-areas);
1944
2029
  grid-template-columns: var(--grid-template-columns);
@@ -1950,33 +2035,33 @@
1950
2035
  padding-inline: var(--padding-inline);
1951
2036
  transition: grid-template-columns .3s ease-in-out;
1952
2037
  }
1953
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
2038
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
1954
2039
  grid-area: indicator;
1955
2040
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1956
2041
  color: var(--icon-color);
1957
2042
  opacity: var(--checkmark-opacity);
1958
2043
  transition: var(--checkmark-transition);
1959
2044
  }
1960
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
1961
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
2045
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
1962
2047
  pointer-events: none;
1963
2048
  user-select: none;
1964
2049
  grid-area: indicator;
1965
2050
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1966
2051
  }
1967
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
2052
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
1968
2053
  grid-area: avatar;
1969
2054
  margin-block: var(--avatar-margin-block, 0);
1970
2055
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1971
2056
  }
1972
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
1973
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
2057
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
2058
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
1974
2059
  grid-area: icon;
1975
2060
  flex: 0 0 auto;
1976
2061
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1977
2062
  color: var(--icon-color);
1978
2063
  }
1979
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
2064
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
1980
2065
  overflow: hidden;
1981
2066
  grid-area: label;
1982
2067
  min-inline-size: 0;
@@ -1984,18 +2069,18 @@
1984
2069
  text-overflow: ellipsis;
1985
2070
  white-space: nowrap;
1986
2071
  }
1987
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
1988
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
2072
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
2073
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
1989
2074
  grid-area: end-icon;
1990
2075
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1991
2076
  color: var(--icon-color);
1992
2077
  }
1993
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
2078
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
1994
2079
  grid-area: badge;
1995
2080
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1996
2081
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1997
2082
  }
1998
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
2083
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
1999
2084
  overflow: hidden;
2000
2085
  display: -webkit-box;
2001
2086
  grid-area: description;