@hopper-ui/components 1.3.7 → 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 (205) hide show
  1. package/CHANGELOG.md +13 -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 +896 -894
  35. package/dist/Form/src/Form.js +70 -68
  36. package/dist/Form/src/index.css +896 -894
  37. package/dist/Form/src/index.js +70 -68
  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 +961 -959
  59. package/dist/Select/src/Select.js +70 -68
  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 +961 -959
  63. package/dist/Select/src/index.js +70 -68
  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-IZUZUN6Z.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-MJ24AAEX.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-ZVOVNXPJ.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/chunk-2ZXF62AA.js +52 -0
  92. package/dist/{chunk-DSUR3NPA.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-LULNSRRY.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-BZC3DOXC.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-SRT6TJ7K.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-PGYHBNCP.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-IA343FCT.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-FKFP4LFR.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-2LS24P2S.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-VZAUDQPW.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-WD3GLWJA.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-JZGG67JQ.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-SZIBBFKI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-MDI3RFZS.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-PVLUQZAG.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-4PCMNJTD.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-5LGDXMKZ.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-BUI76FPU.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-DNFIKL5N.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-FSRORCX7.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-T2DEFREG.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-PJLVJG4E.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JKE2GH2D.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-VMSIQERT.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-F4XYXAPX.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-5CR5V44E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-DCTC6KDW.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-HIF2U66B.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-MTQURD2G.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CWP3RDUT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-BNBUTFBN.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-DMAM2GFN.js → chunk-S6AH3YTH.js} +14 -22
  126. package/dist/{chunk-C4W3WI5F.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-JGOXWGEG.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-LXWDXMVL.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-AWYN6573.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-AHMI7DHJ.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-Z63VLZM2.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-YFJWAPT5.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-YUMDUDZX.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-PQTB3F7K.js → chunk-YQDRT547.js} +12 -21
  135. package/dist/index.css +896 -894
  136. package/dist/index.d.ts +13 -11
  137. package/dist/index.js +70 -68
  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 +241 -0
  145. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  146. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  147. package/dist/inputs/src/SearchField.css +360 -360
  148. package/dist/inputs/src/SearchField.js +8 -8
  149. package/dist/inputs/src/TextArea.css +346 -342
  150. package/dist/inputs/src/TextArea.js +8 -6
  151. package/dist/inputs/src/TextField.css +370 -368
  152. package/dist/inputs/src/TextField.js +11 -9
  153. package/dist/inputs/src/index.css +464 -473
  154. package/dist/inputs/src/index.d.ts +8 -4
  155. package/dist/inputs/src/index.js +18 -16
  156. package/dist/overlays/Popover/src/Popover.css +896 -894
  157. package/dist/overlays/Popover/src/Popover.js +70 -68
  158. package/dist/overlays/Popover/src/index.css +896 -894
  159. package/dist/overlays/Popover/src/index.js +70 -68
  160. package/dist/radio/src/DecorativeRadio.css +189 -42
  161. package/dist/radio/src/DecorativeRadio.js +2 -2
  162. package/dist/radio/src/Radio.css +181 -34
  163. package/dist/radio/src/Radio.js +2 -2
  164. package/dist/radio/src/RadioField.css +162 -15
  165. package/dist/radio/src/RadioField.js +1 -1
  166. package/dist/radio/src/RadioGroup.css +227 -99
  167. package/dist/radio/src/RadioGroup.js +2 -2
  168. package/dist/radio/src/index.css +233 -105
  169. package/dist/radio/src/index.js +8 -8
  170. package/dist/switch/src/Switch.css +178 -31
  171. package/dist/switch/src/Switch.js +2 -2
  172. package/dist/switch/src/SwitchField.css +162 -15
  173. package/dist/switch/src/SwitchField.js +2 -2
  174. package/dist/switch/src/index.css +184 -37
  175. package/dist/switch/src/index.js +4 -4
  176. package/dist/tag/src/Tag.css +464 -360
  177. package/dist/tag/src/Tag.js +5 -5
  178. package/dist/tag/src/TagGroup.css +166 -38
  179. package/dist/tag/src/TagGroup.js +2 -2
  180. package/dist/tag/src/TagList.css +226 -0
  181. package/dist/tag/src/index.css +474 -389
  182. package/dist/tag/src/index.js +9 -9
  183. package/dist/typography/Heading/src/Heading.css +151 -9
  184. package/dist/typography/Heading/src/Heading.js +1 -1
  185. package/dist/typography/Heading/src/index.css +151 -9
  186. package/dist/typography/Heading/src/index.js +1 -1
  187. package/dist/typography/Label/src/Label.css +211 -3
  188. package/dist/typography/Label/src/Label.js +1 -1
  189. package/dist/typography/Label/src/index.css +211 -3
  190. package/dist/typography/Label/src/index.js +1 -1
  191. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  192. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  193. package/dist/typography/OverlineText/src/index.css +190 -6
  194. package/dist/typography/OverlineText/src/index.js +1 -1
  195. package/dist/typography/Text/src/Text.css +156 -9
  196. package/dist/typography/Text/src/Text.js +1 -1
  197. package/dist/typography/Text/src/index.css +156 -9
  198. package/dist/typography/Text/src/index.js +1 -1
  199. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  200. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  201. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  202. package/dist/utils/src/index.css +226 -0
  203. package/dist/utils/src/index.d.ts +11 -10
  204. package/dist/utils/src/index.js +13 -2
  205. package/package.json +2 -2
@@ -1,8 +1,155 @@
1
1
  @import "@hopper-ui/icons/index.css";
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
+ .Heading-module__hop-Heading___qL-Ga {
6
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
9
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
10
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
11
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
12
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
13
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
14
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
15
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
16
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
17
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
18
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
19
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
20
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
21
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
22
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
23
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
24
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
25
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
26
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
27
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
28
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
29
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
30
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
31
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
32
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
33
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
34
+ --hop-Heading-inherit-size-font-size: inherit;
35
+ --hop-Heading-inherit-size-font-family: inherit;
36
+ --hop-Heading-inherit-size-font-weight: inherit;
37
+ --hop-Heading-inherit-size-line-height: inherit;
38
+ }
39
+ :where(.Heading-module__hop-Heading___qL-Ga) {
40
+ margin: 0;
41
+ font-family: var(--font-family);
42
+ font-size: var(--font-size);
43
+ font-weight: var(--font-weight);
44
+ line-height: var(--line-height);
45
+ }
46
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
47
+ --font-size: var(--hop-Heading-xs-font-size);
48
+ --font-family: var(--hop-Heading-xs-font-family);
49
+ --font-weight: var(--hop-Heading-xs-font-weight);
50
+ --line-height: var(--hop-Heading-xs-line-height);
51
+ }
52
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
53
+ --font-size: var(--hop-Heading-sm-font-size);
54
+ --font-family: var(--hop-Heading-sm-font-family);
55
+ --font-weight: var(--hop-Heading-sm-font-weight);
56
+ --line-height: var(--hop-Heading-sm-line-height);
57
+ }
58
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
59
+ --font-size: var(--hop-Heading-md-font-size);
60
+ --font-family: var(--hop-Heading-md-font-family);
61
+ --font-weight: var(--hop-Heading-md-font-weight);
62
+ --line-height: var(--hop-Heading-md-line-height);
63
+ }
64
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
65
+ --font-size: var(--hop-Heading-lg-font-size);
66
+ --font-family: var(--hop-Heading-lg-font-family);
67
+ --font-weight: var(--hop-Heading-lg-font-weight);
68
+ --line-height: var(--hop-Heading-lg-line-height);
69
+ }
70
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
71
+ --font-size: var(--hop-Heading-xl-font-size);
72
+ --font-family: var(--hop-Heading-xl-font-family);
73
+ --font-weight: var(--hop-Heading-xl-font-weight);
74
+ --line-height: var(--hop-Heading-xl-line-height);
75
+ }
76
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
77
+ --font-size: var(--hop-Heading-2xl-font-size);
78
+ --font-family: var(--hop-Heading-2xl-font-family);
79
+ --font-weight: var(--hop-Heading-2xl-font-weight);
80
+ --line-height: var(--hop-Heading-2xl-line-height);
81
+ }
82
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
83
+ --font-size: var(--hop-Heading-3xl-font-size);
84
+ --font-family: var(--hop-Heading-3xl-font-family);
85
+ --font-weight: var(--hop-Heading-3xl-font-weight);
86
+ --line-height: var(--hop-Heading-3xl-line-height);
87
+ }
88
+
89
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
90
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
91
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
94
+ --hop-OverlineText-letter-spacing: 0.015rem;
95
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
96
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
97
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
98
+ --font-family: var(--hop-OverlineText-font-family);
99
+ --font-size: var(--hop-OverlineText-font-size);
100
+ --font-weight: var(--hop-OverlineText-font-weight);
101
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
102
+ --line-height: var(--hop-OverlineText-line-height);
103
+ --top-offset: var(--hop-OverlineText-top-offset);
104
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
105
+ box-sizing: border-box;
106
+ font-family: var(--font-family);
107
+ font-size: var(--font-size);
108
+ font-feature-settings: "case";
109
+ font-weight: var(--font-weight);
110
+ line-height: var(--line-height);
111
+ text-transform: uppercase;
112
+ letter-spacing: var(--letter-spacing);
113
+ }
114
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
115
+ box-sizing: border-box;
116
+ }
117
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
118
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
119
+ content: "";
120
+ display: block;
121
+ box-sizing: border-box;
122
+ inline-size: 0;
123
+ block-size: 0;
124
+ }
125
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
126
+ margin-block-end: var(--bottom-offset);
127
+ }
128
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
129
+ margin-block-start: var(--top-offset);
130
+ }
131
+
132
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
133
+ .Label-module__hop-Label___1zcVv {
134
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
+ --hop-Label-color: var(--hop-neutral-text-weak);
139
+ }
140
+ :where(.Label-module__hop-Label___1zcVv) {
141
+ font-family: var(--hop-Label-font-family);
142
+ font-size: var(--hop-Label-font-size);
143
+ font-weight: var(--hop-Label-font-weight);
144
+ line-height: var(--hop-Label-line-height);
145
+ color: var(--hop-Label-color);
146
+ }
147
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
148
+ padding-inline-start: var(--hop-space-20);
149
+ }
150
+
4
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
5
- .Text-module__hop-Text___R8UuG {
152
+ .Text-module__hop-Text___aPHsZ {
6
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
7
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
8
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -32,49 +179,49 @@
32
179
  --hop-Text-inherit-size-font-weight: inherit;
33
180
  --hop-Text-inherit-size-line-height: inherit;
34
181
  }
35
- :where(.Text-module__hop-Text___R8UuG) {
182
+ :where(.Text-module__hop-Text___aPHsZ) {
36
183
  font-family: var(--font-family);
37
184
  font-size: var(--font-size);
38
185
  font-weight: var(--font-weight);
39
186
  line-height: var(--line-height);
40
187
  }
41
- :where(.Text-module__hop-Text--xs___N8buF) {
188
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
42
189
  --font-size: var(--hop-Text-xs-font-size);
43
190
  --font-family: var(--hop-Text-xs-font-family);
44
191
  --font-weight: var(--hop-Text-xs-font-weight);
45
192
  --line-height: var(--hop-Text-xs-line-height);
46
193
  }
47
- :where(.Text-module__hop-Text--sm___ZTn2L) {
194
+ :where(.Text-module__hop-Text--sm___FPZs6) {
48
195
  --font-size: var(--hop-Text-sm-font-size);
49
196
  --font-family: var(--hop-Text-sm-font-family);
50
197
  --font-weight: var(--hop-Text-sm-font-weight);
51
198
  --line-height: var(--hop-Text-sm-line-height);
52
199
  }
53
- :where(.Text-module__hop-Text--md___PaS1r) {
200
+ :where(.Text-module__hop-Text--md___wwFGu) {
54
201
  --font-size: var(--hop-Text-md-font-size);
55
202
  --font-family: var(--hop-Text-md-font-family);
56
203
  --font-weight: var(--hop-Text-md-font-weight);
57
204
  --line-height: var(--hop-Text-md-line-height);
58
205
  }
59
- :where(.Text-module__hop-Text--lg___Wi5qN) {
206
+ :where(.Text-module__hop-Text--lg___eP1l5) {
60
207
  --font-size: var(--hop-Text-lg-font-size);
61
208
  --font-family: var(--hop-Text-lg-font-family);
62
209
  --font-weight: var(--hop-Text-lg-font-weight);
63
210
  --line-height: var(--hop-Text-lg-line-height);
64
211
  }
65
- :where(.Text-module__hop-Text--xl___zM1uq) {
212
+ :where(.Text-module__hop-Text--xl___MX4B5) {
66
213
  --font-size: var(--hop-Text-xl-font-size);
67
214
  --font-family: var(--hop-Text-xl-font-family);
68
215
  --font-weight: var(--hop-Text-xl-font-weight);
69
216
  --line-height: var(--hop-Text-xl-line-height);
70
217
  }
71
- :where(.Text-module__hop-Text--2xl___OWNYz) {
218
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
72
219
  --font-size: var(--hop-Text-2xl-font-size);
73
220
  --font-family: var(--hop-Text-2xl-font-family);
74
221
  --font-weight: var(--hop-Text-2xl-font-weight);
75
222
  --line-height: var(--hop-Text-2xl-line-height);
76
223
  }
77
- :where(.Text-module__hop-Text--inherit___r9ZJy) {
224
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
78
225
  --font-size: var(--hop-Text-inherit-size-font-size);
79
226
  --font-family: var(--hop-Text-inherit-size-font-family);
80
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -82,7 +229,7 @@
82
229
  }
83
230
 
84
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
85
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
86
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
87
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
88
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -113,46 +260,46 @@
113
260
  background-color: var(--background-color);
114
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
115
262
  }
116
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
117
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
118
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
119
266
  }
120
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
121
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
122
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
123
270
  }
124
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
125
272
  --size: var(--hop-RichIconAvatarImage-md-size);
126
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
127
274
  }
128
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
129
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
130
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
131
278
  }
132
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
133
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
134
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
135
282
  }
136
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
137
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
138
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
139
286
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
141
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
142
289
  }
143
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
144
291
  position: relative;
145
292
  display: block;
146
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
147
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
148
295
  }
149
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
150
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
151
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
152
299
  }
153
300
 
154
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
155
- .Avatar-module__hop-Avatar___wvVPM {
302
+ .Avatar-module__hop-Avatar___5sKQo {
156
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
157
304
  --hop-Avatar-mix-blend-mode: normal;
158
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -197,67 +344,67 @@
197
344
  background-color: var(--background-color, transparent);
198
345
  border-radius: var(--hop-Avatar-border-radius);
199
346
  }
200
- .Avatar-module__hop-Avatar--xs___xWSLM {
347
+ .Avatar-module__hop-Avatar--xs___Ady66 {
201
348
  --size: var(--hop-Avatar-xs-size);
202
349
  }
203
- .Avatar-module__hop-Avatar--sm___aYlLW {
350
+ .Avatar-module__hop-Avatar--sm___FeU7R {
204
351
  --size: var(--hop-Avatar-sm-size);
205
352
  }
206
- .Avatar-module__hop-Avatar--md___kS3ss {
353
+ .Avatar-module__hop-Avatar--md___ZKXaB {
207
354
  --size: var(--hop-Avatar-md-size);
208
355
  }
209
- .Avatar-module__hop-Avatar--lg___gjqxK {
356
+ .Avatar-module__hop-Avatar--lg___1aVAg {
210
357
  --size: var(--hop-Avatar-lg-size);
211
358
  }
212
- .Avatar-module__hop-Avatar--xl___Pyynt {
359
+ .Avatar-module__hop-Avatar--xl___OGORu {
213
360
  --size: var(--hop-Avatar-xl-size);
214
361
  }
215
- .Avatar-module__hop-Avatar--2xl___L9LKX {
362
+ .Avatar-module__hop-Avatar--2xl___IihrO {
216
363
  --size: var(--hop-Avatar-2xl-size);
217
364
  }
218
- .Avatar-module__hop-Avatar--decorative-option1___G27ag {
365
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
219
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
220
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
221
368
  }
222
- .Avatar-module__hop-Avatar--decorative-option2___nRYtl {
369
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
223
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
224
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
225
372
  }
226
- .Avatar-module__hop-Avatar--decorative-option3___YIsiX {
373
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
227
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
228
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
229
376
  }
230
- .Avatar-module__hop-Avatar--decorative-option4___6LeoD {
377
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
231
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
232
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
233
380
  }
234
- .Avatar-module__hop-Avatar--decorative-option5___B92oN {
381
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
235
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
236
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
237
384
  }
238
- .Avatar-module__hop-Avatar--decorative-option6___xfeoB {
385
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
239
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
240
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
241
388
  }
242
- .Avatar-module__hop-Avatar--decorative-option7___XIlFt {
389
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
243
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
244
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
245
392
  }
246
- .Avatar-module__hop-Avatar--decorative-option8___v9I39 {
393
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
247
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
248
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
249
396
  }
250
- .Avatar-module__hop-Avatar--decorative-option9___thark {
397
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
251
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
252
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
253
400
  }
254
- .Avatar-module__hop-Avatar___wvVPM[data-disabled] {
401
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
255
402
  --background-color: var(--hop-Avatar-background-color-disabled);
256
403
  --text-color: var(--hop-Avatar-text-color-disabled);
257
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
258
405
  isolation: isolate;
259
406
  }
260
- .Avatar-module__hop-Avatar__image___W02lq {
407
+ .Avatar-module__hop-Avatar__image___wmX-V {
261
408
  position: relative;
262
409
  display: block;
263
410
  box-sizing: border-box;
@@ -267,51 +414,8 @@
267
414
  mix-blend-mode: var(--mix-blend-mode);
268
415
  }
269
416
 
270
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
271
- :where(.OverlineText-module__hop-OverlineText___MNaoU) {
272
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
273
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
274
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
275
- --hop-OverlineText-letter-spacing: 0.015rem;
276
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
277
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
278
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
279
- --font-family: var(--hop-OverlineText-font-family);
280
- --font-size: var(--hop-OverlineText-font-size);
281
- --font-weight: var(--hop-OverlineText-font-weight);
282
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
283
- --line-height: var(--hop-OverlineText-line-height);
284
- --top-offset: var(--hop-OverlineText-top-offset);
285
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
286
- box-sizing: border-box;
287
- font-family: var(--font-family);
288
- font-size: var(--font-size);
289
- font-feature-settings: "case";
290
- font-weight: var(--font-weight);
291
- line-height: var(--line-height);
292
- text-transform: uppercase;
293
- letter-spacing: var(--letter-spacing);
294
- }
295
- .OverlineText-module__hop-OverlineText__text___nkwdC {
296
- box-sizing: border-box;
297
- }
298
- .OverlineText-module__hop-OverlineText__text___nkwdC::before,
299
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
300
- content: "";
301
- display: block;
302
- box-sizing: border-box;
303
- inline-size: 0;
304
- block-size: 0;
305
- }
306
- .OverlineText-module__hop-OverlineText__text___nkwdC::before {
307
- margin-block-end: var(--bottom-offset);
308
- }
309
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
310
- margin-block-start: var(--top-offset);
311
- }
312
-
313
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
314
- .Badge-module__hop-Badge___-9bND {
418
+ .Badge-module__hop-Badge___PVPdF {
315
419
  --hop-Badge-height: 1.5rem;
316
420
  --hop-Badge-width: max-content;
317
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -361,67 +465,67 @@
361
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
362
466
  border-radius: var(--border-radius);
363
467
  }
364
- .Badge-module__hop-Badge___-9bND[data-variant=primary] {
468
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
365
469
  --background-color: var(--hop-Badge-primary-background-color);
366
470
  --text-color: var(--hop-Badge-primary-text-color);
367
471
  }
368
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
369
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
370
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
371
475
  }
372
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
373
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
374
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
375
479
  }
376
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
377
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
378
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
379
483
  }
380
- .Badge-module__hop-Badge___-9bND[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
381
485
  --background-color: var(--hop-Badge-secondary-background-color);
382
486
  --text-color: var(--hop-Badge-secondary-text-color);
383
487
  }
384
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
385
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
386
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
387
491
  }
388
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
389
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
390
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
391
495
  }
392
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
393
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
394
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
395
499
  }
396
- .Badge-module__hop-Badge___-9bND[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
397
501
  --background-color: var(--hop-Badge-subdued-background-color);
398
502
  --text-color: var(--hop-Badge-subdued-text-color);
399
503
  }
400
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
401
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
402
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
403
507
  }
404
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
405
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
406
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
407
511
  }
408
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
409
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
410
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
411
515
  }
412
- .Badge-module__hop-Badge___-9bND[data-indeterminate] {
516
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
413
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
414
518
  --height: var(--hop-Badge-indeterminate-height);
415
519
  --width: var(--hop-Badge-indeterminate-width);
416
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
417
521
  }
418
- .Badge-module__hop-Badge___-9bND[data-disabled] {
522
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
419
523
  --background-color: var(--hop-Badge-background-color-disabled);
420
524
  --text-color: var(--hop-Badge-text-color-disabled);
421
525
  }
422
526
 
423
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
424
- .FloatingBadge-module__hop-FloatingBadge___-4FWx {
528
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
425
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
426
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
427
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -462,7 +566,7 @@
462
566
  box-sizing: border-box;
463
567
  inline-size: max-content;
464
568
  }
465
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
466
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
467
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
468
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -470,11 +574,11 @@
470
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
471
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
472
576
  }
473
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"][data-overlap=circular] {
474
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
475
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
476
580
  }
477
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
478
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
479
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
480
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -482,11 +586,11 @@
482
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
483
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
484
588
  }
485
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"][data-overlap=circular] {
486
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
487
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
488
592
  }
489
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
490
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
491
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
492
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -494,11 +598,11 @@
494
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
495
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
496
600
  }
497
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"][data-overlap=circular] {
498
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
499
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
500
604
  }
501
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
502
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
503
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
504
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -506,11 +610,11 @@
506
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
507
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
508
612
  }
509
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"][data-overlap=circular] {
510
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
511
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
512
616
  }
513
- .FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
514
618
  position: absolute;
515
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
516
620
  transform-origin: var(--badge-transform-origin);
@@ -518,7 +622,7 @@
518
622
  }
519
623
 
520
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
521
- .IconList-module__hop-IconList___j6yB2 {
625
+ .IconList-module__hop-IconList___twZdn {
522
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
523
627
  display: flex;
524
628
  flex-wrap: wrap;
@@ -527,7 +631,7 @@
527
631
  }
528
632
 
529
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
530
- @keyframes Spinner-module__spin___-668d {
634
+ @keyframes Spinner-module__spin___6LPFS {
531
635
  0% {
532
636
  transform: rotate(0deg);
533
637
  }
@@ -535,7 +639,7 @@
535
639
  transform: rotate(360deg);
536
640
  }
537
641
  }
538
- .Spinner-module__hop-Spinner___-a1aU {
642
+ .Spinner-module__hop-Spinner___mEPxX {
539
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
540
644
  --hop-Spinner-sm-wheel-size: 1rem;
541
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -543,7 +647,7 @@
543
647
  --hop-Spinner-track-width: 0.125rem;
544
648
  --hop-Spinner-track-opacity: 0.2;
545
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
546
- --hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___6LPFS .8s infinite linear;
547
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
548
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
549
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -554,19 +658,19 @@
554
658
  align-items: center;
555
659
  box-sizing: border-box;
556
660
  }
557
- .Spinner-module__hop-Spinner--sm___6be61 {
661
+ .Spinner-module__hop-Spinner--sm___yTrSl {
558
662
  --width: var(--hop-Spinner-sm-wheel-size);
559
663
  --height: var(--hop-Spinner-sm-wheel-size);
560
664
  }
561
- .Spinner-module__hop-Spinner--md___VLODL {
665
+ .Spinner-module__hop-Spinner--md___tnCZQ {
562
666
  --width: var(--hop-Spinner-md-wheel-size);
563
667
  --height: var(--hop-Spinner-md-wheel-size);
564
668
  }
565
- .Spinner-module__hop-Spinner--lg___40ZqO {
669
+ .Spinner-module__hop-Spinner--lg___2X4so {
566
670
  --width: var(--hop-Spinner-lg-wheel-size);
567
671
  --height: var(--hop-Spinner-lg-wheel-size);
568
672
  }
569
- .Spinner-module__hop-Spinner__track___plsYt {
673
+ .Spinner-module__hop-Spinner__track___oxWCw {
570
674
  grid-area: spinner;
571
675
  box-sizing: border-box;
572
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -575,7 +679,7 @@
575
679
  border: var(--hop-Spinner-track-border);
576
680
  border-radius: var(--hop-Spinner-border-radius);
577
681
  }
578
- .Spinner-module__hop-Spinner__fill___S9ATX {
682
+ .Spinner-module__hop-Spinner__fill___uPfid {
579
683
  grid-area: spinner;
580
684
  box-sizing: border-box;
581
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -586,17 +690,17 @@
586
690
  animation: var(--hop-Spinner-fill-animation);
587
691
  }
588
692
  @media (prefers-reduced-motion: reduce) {
589
- .Spinner-module__hop-Spinner__fill___S9ATX {
693
+ .Spinner-module__hop-Spinner__fill___uPfid {
590
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
591
695
  }
592
696
  }
593
- .Spinner-module__hop-Spinner__label___WoiYr {
697
+ .Spinner-module__hop-Spinner__label___rDXkL {
594
698
  grid-area: label;
595
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
596
700
  }
597
701
 
598
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
599
- .Button-module__hop-Button___2Nqnv {
703
+ .Button-module__hop-Button___hJrlG {
600
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
601
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
602
706
  --hop-Button-icon-only-padding: 0;
@@ -755,317 +859,317 @@
755
859
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
756
860
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
757
861
  }
758
- .Button-module__hop-Button___2Nqnv[data-focus-visible] {
862
+ .Button-module__hop-Button___hJrlG[data-focus-visible] {
759
863
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
760
864
  }
761
- .Button-module__hop-Button--icon-only___b6HX4 {
865
+ .Button-module__hop-Button--icon-only___FjUDk {
762
866
  --padding-block: var(--hop-Button-icon-only-padding);
763
867
  --padding-inline: var(--hop-Button-icon-only-padding);
764
868
  column-gap: 0;
765
869
  aspect-ratio: 1;
766
870
  }
767
- .Button-module__hop-Button___2Nqnv[data-disabled],
768
- .Button-module__hop-Button___2Nqnv[data-loading] {
871
+ .Button-module__hop-Button___hJrlG[data-disabled],
872
+ .Button-module__hop-Button___hJrlG[data-loading] {
769
873
  cursor: not-allowed;
770
874
  }
771
- .Button-module__hop-Button--fluid___xvmay {
875
+ .Button-module__hop-Button--fluid___zHyAn {
772
876
  --inline-size: 100%;
773
877
  }
774
- .Button-module__hop-Button--sm___WquC- {
878
+ .Button-module__hop-Button--sm___TjmEa {
775
879
  --block-size: var(--hop-Button-sm-height);
776
880
  }
777
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
881
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
778
882
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
779
883
  --padding-block: var(--hop-Button-primary-sm-padding-y);
780
884
  }
781
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
885
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
782
886
  --padding-inline: var(--hop-Button-primary-md-padding-x);
783
887
  --padding-block: var(--hop-Button-primary-md-padding-y);
784
888
  }
785
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
889
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
786
890
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
787
891
  --padding-block: var(--hop-Button-secondary-md-padding-y);
788
892
  }
789
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
893
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
790
894
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
791
895
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
792
896
  }
793
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
897
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
794
898
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
795
899
  --padding-block: var(--hop-Button-upsell-md-padding-y);
796
900
  }
797
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
901
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
798
902
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
799
903
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
800
904
  }
801
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
905
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
802
906
  --padding-inline: var(--hop-Button-danger-md-padding-x);
803
907
  --padding-block: var(--hop-Button-danger-md-padding-y);
804
908
  }
805
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
909
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
806
910
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
807
911
  --padding-block: var(--hop-Button-danger-sm-padding-y);
808
912
  }
809
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
913
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
810
914
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
811
915
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
812
916
  }
813
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
917
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
814
918
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
815
919
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
816
920
  }
817
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
921
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
818
922
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
819
923
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
820
924
  }
821
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
925
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
822
926
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
823
927
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
824
928
  }
825
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
929
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
826
930
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
827
931
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
828
932
  }
829
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
933
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
830
934
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
831
935
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
832
936
  }
833
- .Button-module__hop-Button--primary___sY6d0 {
937
+ .Button-module__hop-Button--primary___x2k3w {
834
938
  --background-color: var(--hop-Button-primary-background-color);
835
939
  --color: var(--hop-Button-primary-color);
836
940
  --border: var(--hop-Button-primary-border);
837
941
  --spinner-color: var(--hop-Button-primary-spinner-color);
838
942
  }
839
- .Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
943
+ .Button-module__hop-Button--primary___x2k3w[data-disabled]:not([data-loading]) {
840
944
  --background-color: var(--hop-Button-primary-background-color-disabled);
841
945
  --color: var(--hop-Button-primary-color-disabled);
842
946
  --border: var(--hop-Button-primary-border-disabled);
843
947
  }
844
- .Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
845
- .Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
948
+ .Button-module__hop-Button--primary___x2k3w[data-hovered]:not([data-disabled], [data-loading]),
949
+ .Button-module__hop-Button--primary___x2k3w[data-focus-visible]:not([data-disabled], [data-loading]) {
846
950
  --background-color: var(--hop-Button-primary-background-color-hover);
847
951
  --color: var(--hop-Button-primary-color-hover);
848
952
  --border: var(--hop-Button-primary-border-hover);
849
953
  }
850
- .Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
954
+ .Button-module__hop-Button--primary___x2k3w[data-pressed]:not([data-loading]) {
851
955
  --background-color: var(--hop-Button-primary-background-color-pressed);
852
956
  --color: var(--hop-Button-primary-color-pressed);
853
957
  --border: var(--hop-Button-primary-border-pressed);
854
958
  }
855
- .Button-module__hop-Button--secondary___pINK9 {
959
+ .Button-module__hop-Button--secondary___ehb-w {
856
960
  --background-color: var(--hop-Button-secondary-background-color);
857
961
  --color: var(--hop-Button-secondary-color);
858
962
  --border: var(--hop-Button-secondary-border);
859
963
  --spinner-color: var(--hop-Button-secondary-spinner-color);
860
964
  }
861
- .Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
965
+ .Button-module__hop-Button--secondary___ehb-w[data-disabled]:not([data-loading]) {
862
966
  --background-color: var(--hop-Button-secondary-background-color-disabled);
863
967
  --color: var(--hop-Button-secondary-color-disabled);
864
968
  --border: var(--hop-Button-secondary-border-disabled);
865
969
  }
866
- .Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
867
- .Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
970
+ .Button-module__hop-Button--secondary___ehb-w[data-hovered]:not([data-disabled], [data-loading]),
971
+ .Button-module__hop-Button--secondary___ehb-w[data-focus-visible]:not([data-disabled], [data-loading]) {
868
972
  --background-color: var(--hop-Button-secondary-background-color-hover);
869
973
  --color: var(--hop-Button-secondary-color-hover);
870
974
  --border: var(--hop-Button-secondary-border-hover);
871
975
  }
872
- .Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
976
+ .Button-module__hop-Button--secondary___ehb-w[data-pressed]:not([data-loading]) {
873
977
  --background-color: var(--hop-Button-secondary-background-color-pressed);
874
978
  --color: var(--hop-Button-secondary-color-pressed);
875
979
  --border: var(--hop-Button-secondary-border-pressed);
876
980
  }
877
- .Button-module__hop-Button--upsell___ZE5jO {
981
+ .Button-module__hop-Button--upsell___aWCox {
878
982
  --background-color: var(--hop-Button-upsell-background-color);
879
983
  --color: var(--hop-Button-upsell-color);
880
984
  --border: var(--hop-Button-upsell-border);
881
985
  --spinner-color: var(--hop-Button-upsell-spinner-color);
882
986
  }
883
- .Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
987
+ .Button-module__hop-Button--upsell___aWCox[data-disabled]:not([data-loading]) {
884
988
  --background-color: var(--hop-Button-upsell-background-color-disabled);
885
989
  --color: var(--hop-Button-upsell-color-disabled);
886
990
  --border: var(--hop-Button-upsell-border-disabled);
887
991
  }
888
- .Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
889
- .Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
992
+ .Button-module__hop-Button--upsell___aWCox[data-hovered]:not([data-disabled], [data-loading]),
993
+ .Button-module__hop-Button--upsell___aWCox[data-focus-visible]:not([data-disabled], [data-loading]) {
890
994
  --background-color: var(--hop-Button-upsell-background-color-hover);
891
995
  --color: var(--hop-Button-upsell-color-hover);
892
996
  --border: var(--hop-Button-upsell-border-hover);
893
997
  }
894
- .Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
998
+ .Button-module__hop-Button--upsell___aWCox[data-pressed]:not([data-loading]) {
895
999
  --background-color: var(--hop-Button-upsell-background-color-pressed);
896
1000
  --color: var(--hop-Button-upsell-color-pressed);
897
1001
  --border: var(--hop-Button-upsell-border-pressed);
898
1002
  }
899
- .Button-module__hop-Button--danger___dSyM9 {
1003
+ .Button-module__hop-Button--danger___KtNGT {
900
1004
  --background-color: var(--hop-Button-danger-background-color);
901
1005
  --color: var(--hop-Button-danger-color);
902
1006
  --border: var(--hop-Button-danger-border);
903
1007
  --spinner-color: var(--hop-Button-danger-spinner-color);
904
1008
  }
905
- .Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
1009
+ .Button-module__hop-Button--danger___KtNGT[data-disabled]:not([data-loading]) {
906
1010
  --background-color: var(--hop-Button-danger-background-color-disabled);
907
1011
  --color: var(--hop-Button-danger-color-disabled);
908
1012
  --border: var(--hop-Button-danger-border-disabled);
909
1013
  }
910
- .Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
911
- .Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
1014
+ .Button-module__hop-Button--danger___KtNGT[data-hovered]:not([data-disabled], [data-loading]),
1015
+ .Button-module__hop-Button--danger___KtNGT[data-focus-visible]:not([data-disabled], [data-loading]) {
912
1016
  --background-color: var(--hop-Button-danger-background-color-hover);
913
1017
  --color: var(--hop-Button-danger-color-hover);
914
1018
  --border: var(--hop-Button-danger-border-hover);
915
1019
  }
916
- .Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
1020
+ .Button-module__hop-Button--danger___KtNGT[data-pressed]:not([data-loading]) {
917
1021
  --background-color: var(--hop-Button-danger-background-color-pressed);
918
1022
  --color: var(--hop-Button-danger-color-pressed);
919
1023
  --border: var(--hop-Button-danger-border-pressed);
920
1024
  }
921
- .Button-module__hop-Button--ghost-primary___LmWvy {
1025
+ .Button-module__hop-Button--ghost-primary___SaGFj {
922
1026
  --background-color: var(--hop-Button-ghost-primary-background-color);
923
1027
  --color: var(--hop-Button-ghost-primary-color);
924
1028
  --border: var(--hop-Button-ghost-primary-border);
925
1029
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
926
1030
  }
927
- .Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
1031
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-disabled]:not([data-loading]) {
928
1032
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
929
1033
  --color: var(--hop-Button-ghost-primary-color-disabled);
930
1034
  --border: var(--hop-Button-ghost-primary-border-disabled);
931
1035
  }
932
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
933
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
1036
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-disabled], [data-loading]),
1037
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-disabled], [data-loading]) {
934
1038
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
935
1039
  --color: var(--hop-Button-ghost-primary-color-hover);
936
1040
  --border: var(--hop-Button-ghost-primary-border-hover);
937
1041
  }
938
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
1042
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) {
939
1043
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
940
1044
  --color: var(--hop-Button-ghost-primary-color-pressed);
941
1045
  --border: var(--hop-Button-ghost-primary-border-pressed);
942
1046
  }
943
- .Button-module__hop-Button--ghost-secondary___B0vtI {
1047
+ .Button-module__hop-Button--ghost-secondary___H0XJg {
944
1048
  --background-color: var(--hop-Button-ghost-secondary-background-color);
945
1049
  --color: var(--hop-Button-ghost-secondary-color);
946
1050
  --border: var(--hop-Button-ghost-secondary-border);
947
1051
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
948
1052
  }
949
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
1053
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-disabled]:not([data-loading]) {
950
1054
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
951
1055
  --color: var(--hop-Button-ghost-secondary-color-disabled);
952
1056
  --border: var(--hop-Button-ghost-secondary-border-disabled);
953
1057
  }
954
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
955
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
1058
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-disabled], [data-loading]),
1059
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-disabled], [data-loading]) {
956
1060
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
957
1061
  --color: var(--hop-Button-ghost-secondary-color-hover);
958
1062
  --border: var(--hop-Button-ghost-secondary-border-hover);
959
1063
  }
960
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
1064
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) {
961
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
962
1066
  --color: var(--hop-Button-ghost-secondary-color-pressed);
963
1067
  --border: var(--hop-Button-ghost-secondary-border-pressed);
964
1068
  }
965
- .Button-module__hop-Button--ghost-danger___c-aho {
1069
+ .Button-module__hop-Button--ghost-danger___DLGVS {
966
1070
  --background-color: var(--hop-Button-ghost-danger-background-color);
967
1071
  --color: var(--hop-Button-ghost-danger-color);
968
1072
  --border: var(--hop-Button-ghost-danger-border);
969
1073
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
970
1074
  }
971
- .Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
1075
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-disabled]:not([data-loading]) {
972
1076
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
973
1077
  --color: var(--hop-Button-ghost-danger-color-disabled);
974
1078
  --border: var(--hop-Button-ghost-danger-border-disabled);
975
1079
  }
976
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
977
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
1080
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-disabled], [data-loading]),
1081
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-disabled], [data-loading]) {
978
1082
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
979
1083
  --color: var(--hop-Button-ghost-danger-color-hover);
980
1084
  --border: var(--hop-Button-ghost-danger-border-hover);
981
1085
  }
982
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
1086
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) {
983
1087
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
984
1088
  --color: var(--hop-Button-ghost-danger-color-pressed);
985
1089
  --border: var(--hop-Button-ghost-danger-border-pressed);
986
1090
  }
987
- .Button-module__hop-Button__Spinner___HfWc0 {
1091
+ .Button-module__hop-Button__Spinner___ItCTY {
988
1092
  position: absolute;
989
1093
  justify-self: center;
990
1094
  color: var(--spinner-color);
991
1095
  }
992
- .Button-module__hop-Button__icon___AeZaO,
993
- .Button-module__hop-Button__icon-list___c9t8P {
1096
+ .Button-module__hop-Button__icon___EQqO8,
1097
+ .Button-module__hop-Button__icon-list___nrpu8 {
994
1098
  grid-area: start-icon;
995
1099
  justify-self: end;
996
1100
  }
997
- .Button-module__hop-Button__text___vtdcY {
1101
+ .Button-module__hop-Button__text___TXP9n {
998
1102
  user-select: none;
999
1103
  overflow: visible;
1000
1104
  grid-area: content;
1001
1105
  font-weight: var(--hop-font-weight-505);
1002
1106
  text-wrap: nowrap;
1003
1107
  }
1004
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1005
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1006
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1007
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1008
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1009
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1010
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1011
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1012
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
1108
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1109
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1110
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1111
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1112
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1113
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1114
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1115
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1116
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n {
1013
1117
  text-decoration: underline;
1014
1118
  text-underline-offset: 0.125rem;
1015
1119
  }
1016
- .Button-module__hop-Button__end-icon___T9fi-,
1017
- .Button-module__hop-Button__end-icon-list___QlLz- {
1120
+ .Button-module__hop-Button__end-icon___sFMht,
1121
+ .Button-module__hop-Button__end-icon-list___f9BkT {
1018
1122
  grid-area: end-icon;
1019
1123
  }
1020
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
1021
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
1124
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__icon-list___nrpu8,
1125
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__end-icon-list___f9BkT {
1022
1126
  flex-wrap: nowrap;
1023
1127
  }
1024
- .Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
1128
+ .Button-module__hop-Button___hJrlG[data-loading] > *:not(.Button-module__hop-Button__Spinner___ItCTY) {
1025
1129
  opacity: 0;
1026
1130
  }
1027
1131
 
1028
1132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1029
- .ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
1133
+ .ButtonGroup-module__hop-ButtonGroup___YqGjd {
1030
1134
  display: inline-flex;
1031
1135
  flex-wrap: nowrap;
1032
1136
  gap: var(--hop-space-inline-md);
1033
1137
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1138
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1035
1139
  justify-content: center;
1036
1140
  }
1037
- .ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1141
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1038
1142
  flex-direction: column;
1039
1143
  gap: var(--hop-space-stack-md);
1040
1144
  align-items: center;
1041
1145
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1146
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1043
1147
  align-items: flex-start;
1044
1148
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1149
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1046
1150
  align-items: center;
1047
1151
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1152
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1049
1153
  align-items: flex-end;
1050
1154
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1155
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1052
1156
  justify-content: flex-start;
1053
1157
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1158
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1055
1159
  justify-content: center;
1056
1160
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1161
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1058
1162
  justify-content: flex-end;
1059
1163
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
1164
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
1061
1165
  flex-wrap: wrap;
1062
1166
  }
1063
- .ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
1167
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D {
1064
1168
  inline-size: 100%;
1065
1169
  }
1066
1170
 
1067
1171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1068
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy {
1069
1173
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1070
1174
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1071
1175
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1229,7 +1333,7 @@
1229
1333
  outline: none;
1230
1334
  transition: color var(--transition);
1231
1335
  }
1232
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy::before {
1233
1337
  content: "";
1234
1338
  position: absolute;
1235
1339
  inset-block-start: 50%;
@@ -1242,284 +1346,284 @@
1242
1346
  border-radius: var(--effect-border-radius);
1243
1347
  transition: background-color var(--transition);
1244
1348
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
1349
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-square] {
1246
1350
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1247
1351
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O {
1249
1353
  --inline-size: var(--hop-EmbeddedButton-md-width);
1250
1354
  --block-size: var(--hop-EmbeddedButton-md-height);
1251
1355
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1252
1356
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
1357
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ {
1254
1358
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1255
1359
  --block-size: var(--hop-EmbeddedButton-lg-height);
1256
1360
  --focus-ring-offset: 0;
1257
1361
  }
1258
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O::before {
1259
1363
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1260
1364
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1261
1365
  }
1262
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ::before {
1263
1367
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1264
1368
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1265
1369
  }
1266
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV {
1267
1371
  --color: var(--hop-EmbeddedButton-neutral-color);
1268
1372
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1269
1373
  }
1270
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N {
1271
1375
  --color: var(--hop-EmbeddedButton-subdued-color);
1272
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1273
1377
  }
1274
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr {
1275
1379
  --color: var(--hop-EmbeddedButton-progress-color);
1276
1380
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1277
1381
  }
1278
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo {
1279
1383
  --color: var(--hop-EmbeddedButton-positive-color);
1280
1384
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1281
1385
  }
1282
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm {
1283
1387
  --color: var(--hop-EmbeddedButton-caution-color);
1284
1388
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1285
1389
  }
1286
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk {
1287
1391
  --color: var(--hop-EmbeddedButton-negative-color);
1288
1392
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1289
1393
  }
1290
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY {
1291
1395
  --color: var(--hop-EmbeddedButton-option1-color);
1292
1396
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1293
1397
  }
1294
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T {
1295
1399
  --color: var(--hop-EmbeddedButton-option2-color);
1296
1400
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1297
1401
  }
1298
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg {
1299
1403
  --color: var(--hop-EmbeddedButton-option3-color);
1300
1404
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1301
1405
  }
1302
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C {
1303
1407
  --color: var(--hop-EmbeddedButton-option4-color);
1304
1408
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1305
1409
  }
1306
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG {
1307
1411
  --color: var(--hop-EmbeddedButton-option5-color);
1308
1412
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1309
1413
  }
1310
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc {
1311
1415
  --color: var(--hop-EmbeddedButton-option6-color);
1312
1416
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1313
1417
  }
1314
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-selected] {
1315
1419
  --color: var(--hop-EmbeddedButton-selected-color);
1316
1420
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1317
1421
  }
1318
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-focus-visible] {
1319
1423
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1320
1424
  outline-offset: var(--focus-ring-offset);
1321
1425
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-disabled] {
1323
1427
  cursor: not-allowed;
1324
1428
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
1429
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-hovered] {
1326
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1327
1431
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1328
1432
  }
1329
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
1433
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-focus-visible] {
1330
1434
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1331
1435
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1332
1436
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
1437
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-pressed] {
1334
1438
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1335
1439
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1336
1440
  }
1337
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
1441
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-disabled] {
1338
1442
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1339
1443
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1340
1444
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
1445
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-hovered] {
1342
1446
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1343
1447
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1344
1448
  }
1345
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
1449
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-focus-visible] {
1346
1450
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1347
1451
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1348
1452
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
1453
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-pressed] {
1350
1454
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1351
1455
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1352
1456
  }
1353
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
1457
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-disabled] {
1354
1458
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1355
1459
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1356
1460
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
1461
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-hovered] {
1358
1462
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1359
1463
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1360
1464
  }
1361
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
1465
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-focus-visible] {
1362
1466
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1363
1467
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1364
1468
  }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
1469
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-pressed] {
1366
1470
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1367
1471
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1368
1472
  }
1369
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
1473
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-disabled] {
1370
1474
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1371
1475
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1372
1476
  }
1373
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
1477
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-hovered] {
1374
1478
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1375
1479
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1376
1480
  }
1377
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
1481
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-focus-visible] {
1378
1482
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1379
1483
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1380
1484
  }
1381
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
1485
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-pressed] {
1382
1486
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1383
1487
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1384
1488
  }
1385
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
1489
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-disabled] {
1386
1490
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1387
1491
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1388
1492
  }
1389
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
1493
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-hovered] {
1390
1494
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1391
1495
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1392
1496
  }
1393
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
1497
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-focus-visible] {
1394
1498
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1395
1499
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1396
1500
  }
1397
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
1501
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-pressed] {
1398
1502
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1399
1503
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1400
1504
  }
1401
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
1505
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-disabled] {
1402
1506
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1403
1507
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1404
1508
  }
1405
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
1509
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-hovered] {
1406
1510
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1407
1511
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1408
1512
  }
1409
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
1513
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-focus-visible] {
1410
1514
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1411
1515
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1412
1516
  }
1413
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
1517
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-pressed] {
1414
1518
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1415
1519
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1416
1520
  }
1417
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
1521
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-disabled] {
1418
1522
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1419
1523
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1420
1524
  }
1421
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
1525
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-hovered] {
1422
1526
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1423
1527
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1424
1528
  }
1425
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
1529
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-focus-visible] {
1426
1530
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1427
1531
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1428
1532
  }
1429
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
1533
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-pressed] {
1430
1534
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1431
1535
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1432
1536
  }
1433
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
1537
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-disabled] {
1434
1538
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1435
1539
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1436
1540
  }
1437
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
1541
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-hovered] {
1438
1542
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1439
1543
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1440
1544
  }
1441
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
1545
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-focus-visible] {
1442
1546
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1443
1547
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1444
1548
  }
1445
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
1549
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-pressed] {
1446
1550
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1447
1551
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1448
1552
  }
1449
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
1553
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-disabled] {
1450
1554
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1451
1555
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1452
1556
  }
1453
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
1557
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-hovered] {
1454
1558
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1455
1559
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1456
1560
  }
1457
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
1561
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-focus-visible] {
1458
1562
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1459
1563
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1460
1564
  }
1461
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
1565
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-pressed] {
1462
1566
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1463
1567
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1464
1568
  }
1465
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
1569
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-disabled] {
1466
1570
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1467
1571
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1468
1572
  }
1469
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
1573
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-hovered] {
1470
1574
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1471
1575
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1472
1576
  }
1473
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
1577
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-focus-visible] {
1474
1578
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1475
1579
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1476
1580
  }
1477
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
1581
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-pressed] {
1478
1582
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1479
1583
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1480
1584
  }
1481
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
1585
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-disabled] {
1482
1586
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1483
1587
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1484
1588
  }
1485
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
1589
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-hovered] {
1486
1590
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1487
1591
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1488
1592
  }
1489
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
1593
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-focus-visible] {
1490
1594
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1491
1595
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1492
1596
  }
1493
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
1597
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-pressed] {
1494
1598
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1495
1599
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1496
1600
  }
1497
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
1601
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-disabled] {
1498
1602
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1499
1603
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1500
1604
  }
1501
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
1605
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-hovered] {
1502
1606
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1503
1607
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1504
1608
  }
1505
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
1609
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-focus-visible] {
1506
1610
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1507
1611
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1508
1612
  }
1509
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
1613
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-pressed] {
1510
1614
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1511
1615
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1512
1616
  }
1513
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
1617
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-disabled] {
1514
1618
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1515
1619
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1516
1620
  }
1517
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
1621
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___NeGqZ {
1518
1622
  position: relative;
1519
1623
  }
1520
1624
 
1521
1625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1522
- .Checkbox-module__hop-Checkbox___mAL3I {
1626
+ .Checkbox-module__hop-Checkbox___ftNKr {
1523
1627
  --hop-Checkbox-box-border-size: 0.0625rem;
1524
1628
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1525
1629
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1594,60 +1698,60 @@
1594
1698
  inline-size: max-content;
1595
1699
  max-inline-size: 100%;
1596
1700
  }
1597
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
1701
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1598
1702
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1599
1703
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1600
1704
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1601
1705
  --text-color: var(--hop-Checkbox-text-color-focused);
1602
1706
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1603
1707
  }
1604
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
1708
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1605
1709
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1606
1710
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1607
1711
  --text-color: var(--hop-Checkbox-text-color-hovered);
1608
1712
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1609
1713
  }
1610
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
1714
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1611
1715
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1612
1716
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1613
1717
  --text-color: var(--hop-Checkbox-text-color-pressed);
1614
1718
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1615
1719
  }
1616
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
1720
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1617
1721
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1618
1722
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1619
1723
  --check-display: var(--hop-Checkbox-check-display-selected);
1620
1724
  --text-color: var(--hop-Checkbox-text-color-selected);
1621
1725
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1622
1726
  }
1623
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
1727
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1624
1728
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1625
1729
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1626
1730
  --check-color: var(--hop-Checkbox-check-color-invalid);
1627
1731
  --text-color: var(--hop-Checkbox-text-color-invalid);
1628
1732
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1629
1733
  }
1630
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
1734
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1631
1735
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1632
1736
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1633
1737
  }
1634
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
1738
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1635
1739
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1636
1740
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1637
1741
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1638
1742
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1639
1743
  }
1640
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
1744
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1641
1745
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1642
1746
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1643
1747
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1644
1748
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1645
1749
  }
1646
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
1750
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1647
1751
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1648
1752
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1649
1753
  }
1650
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
1754
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1651
1755
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1652
1756
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1653
1757
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1655,25 +1759,25 @@
1655
1759
  --text-color: var(--hop-Checkbox-text-color-disabled);
1656
1760
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1657
1761
  }
1658
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
1762
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1659
1763
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1660
1764
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1661
1765
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1662
1766
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1663
1767
  }
1664
- .Checkbox-module__hop-Checkbox--md___jhSti {
1768
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1665
1769
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1666
1770
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1667
1771
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1668
1772
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1669
1773
  }
1670
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
1671
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
1774
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1775
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1672
1776
  flex: 0 0 auto;
1673
1777
  order: 3;
1674
1778
  color: var(--icon-color);
1675
1779
  }
1676
- .Checkbox-module__hop-Checkbox__box___S46JE {
1780
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1677
1781
  display: flex;
1678
1782
  flex: 0 0 auto;
1679
1783
  align-items: center;
@@ -1689,11 +1793,11 @@
1689
1793
  outline-offset: 0.125rem;
1690
1794
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1691
1795
  }
1692
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
1796
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1693
1797
  display: var(--check-display);
1694
1798
  color: var(--check-color);
1695
1799
  }
1696
- .Checkbox-module__hop-Checkbox__text___qP2jS {
1800
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1697
1801
  flex: 0 1 auto;
1698
1802
  order: 2;
1699
1803
  min-inline-size: 0;
@@ -1703,7 +1807,7 @@
1703
1807
  }
1704
1808
 
1705
1809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1706
- .CheckboxField-module__hop-CheckboxField___dJieE {
1810
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
1707
1811
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1708
1812
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1709
1813
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1722,28 +1826,28 @@
1722
1826
  inline-size: max-content;
1723
1827
  max-inline-size: 100%;
1724
1828
  }
1725
- .CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
1829
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
1726
1830
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1727
1831
  }
1728
- .CheckboxField-module__hop-CheckboxField--sm___1EbWC {
1832
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
1729
1833
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1730
1834
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1731
1835
  }
1732
- .CheckboxField-module__hop-CheckboxField--md___vR14U {
1836
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
1733
1837
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1734
1838
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1735
1839
  }
1736
- .CheckboxField-module__hop-CheckboxField__description___P-5jZ {
1840
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
1737
1841
  order: 2;
1738
1842
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1739
1843
  color: var(--description-color);
1740
1844
  }
1741
- .CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
1845
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
1742
1846
  order: 1;
1743
1847
  }
1744
1848
 
1745
1849
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1746
- .ErrorMessage-module__hop-ErrorMessage___ZF-hl {
1850
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
1747
1851
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1748
1852
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1749
1853
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1760,13 +1864,13 @@
1760
1864
  line-height: var(--hop-ErrorMessage-line-height);
1761
1865
  color: var(--hop-ErrorMessage-color);
1762
1866
  }
1763
- .ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
1867
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
1764
1868
  flex: 0 0 auto;
1765
1869
  align-self: flex-start;
1766
1870
  }
1767
1871
 
1768
1872
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1769
- .HelperMessage-module__hop-HelperMessage___l3cUu {
1873
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
1770
1874
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1771
1875
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1772
1876
  display: flex;
@@ -1775,32 +1879,13 @@
1775
1879
  box-sizing: border-box;
1776
1880
  color: var(--hop-HelperMessage-color);
1777
1881
  }
1778
- .HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
1882
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
1779
1883
  flex: 0 0 auto;
1780
1884
  align-self: flex-start;
1781
1885
  }
1782
1886
 
1783
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1784
- .Label-module__hop-Label___EE-2i {
1785
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
1786
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
1787
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1788
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
1789
- --hop-Label-color: var(--hop-neutral-text-weak);
1790
- }
1791
- :where(.Label-module__hop-Label___EE-2i) {
1792
- font-family: var(--hop-Label-font-family);
1793
- font-size: var(--hop-Label-font-size);
1794
- font-weight: var(--hop-Label-font-weight);
1795
- line-height: var(--hop-Label-line-height);
1796
- color: var(--hop-Label-color);
1797
- }
1798
- :where(.Label-module__hop-Label__indicator___QZV-x) {
1799
- padding-inline-start: var(--hop-space-20);
1800
- }
1801
-
1802
1887
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1803
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
1888
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
1804
1889
  --hop-CheckboxGroup-align-items: flex-start;
1805
1890
  --hop-CheckboxGroup-justify-content: flex-start;
1806
1891
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1839,46 +1924,46 @@
1839
1924
  inline-size: max-content;
1840
1925
  max-inline-size: 100%;
1841
1926
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
1927
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
1843
1928
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1844
1929
  --list-border-radius: var(--hop-shape-rounded-md);
1845
1930
  }
1846
- .CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1931
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1847
1932
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1848
1933
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1849
1934
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1850
1935
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1851
1936
  }
1852
- .CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1937
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1853
1938
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1854
1939
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1855
1940
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1856
1941
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1857
1942
  }
1858
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1943
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1859
1944
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1860
1945
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1861
1946
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1862
1947
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1863
1948
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1864
1949
  }
1865
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1950
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1866
1951
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1867
1952
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1868
1953
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1869
1954
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1870
1955
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1871
1956
  }
1872
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
1957
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
1873
1958
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1874
1959
  }
1875
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
1960
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
1876
1961
  --flex-wrap: nowrap;
1877
1962
  }
1878
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
1963
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
1879
1964
  order: 1;
1880
1965
  }
1881
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
1966
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
1882
1967
  display: flex;
1883
1968
  flex-flow: var(--flex-direction) var(--flex-wrap);
1884
1969
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1889,7 +1974,7 @@
1889
1974
  border: var(--list-border, none);
1890
1975
  border-radius: var(--list-border-radius, 0);
1891
1976
  }
1892
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
1977
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
1893
1978
  position: relative;
1894
1979
  flex: 0 1 auto;
1895
1980
  align-content: start;
@@ -1897,28 +1982,28 @@
1897
1982
  min-inline-size: 0;
1898
1983
  padding: var(--checkbox-padding, 0);
1899
1984
  }
1900
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1985
+ .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 {
1901
1986
  content: "";
1902
1987
  position: absolute;
1903
1988
  display: block;
1904
1989
  }
1905
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1990
+ .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 {
1906
1991
  inset-block-start: 0;
1907
1992
  inset-inline: 0;
1908
1993
  border-block-start: var(--list-border, none);
1909
1994
  }
1910
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1995
+ .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 {
1911
1996
  inset-block: 0;
1912
1997
  inset-inline-start: 0;
1913
1998
  border-inline-start: var(--list-border, none);
1914
1999
  }
1915
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
1916
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
2000
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
2001
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
1917
2002
  order: 3;
1918
2003
  }
1919
2004
 
1920
2005
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1921
- .Checkbox-module__hop-Checkbox___mAL3I {
2006
+ .Checkbox-module__hop-Checkbox___ftNKr {
1922
2007
  --hop-Checkbox-box-border-size: 0.0625rem;
1923
2008
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1924
2009
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1993,60 +2078,60 @@
1993
2078
  inline-size: max-content;
1994
2079
  max-inline-size: 100%;
1995
2080
  }
1996
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
2081
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1997
2082
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1998
2083
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1999
2084
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2000
2085
  --text-color: var(--hop-Checkbox-text-color-focused);
2001
2086
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2002
2087
  }
2003
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
2088
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
2004
2089
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2005
2090
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2006
2091
  --text-color: var(--hop-Checkbox-text-color-hovered);
2007
2092
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2008
2093
  }
2009
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
2094
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
2010
2095
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2011
2096
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2012
2097
  --text-color: var(--hop-Checkbox-text-color-pressed);
2013
2098
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2014
2099
  }
2015
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
2100
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
2016
2101
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2017
2102
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2018
2103
  --check-display: var(--hop-Checkbox-check-display-selected);
2019
2104
  --text-color: var(--hop-Checkbox-text-color-selected);
2020
2105
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2021
2106
  }
2022
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
2107
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
2023
2108
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2024
2109
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2025
2110
  --check-color: var(--hop-Checkbox-check-color-invalid);
2026
2111
  --text-color: var(--hop-Checkbox-text-color-invalid);
2027
2112
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2028
2113
  }
2029
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
2114
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
2030
2115
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2031
2116
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2032
2117
  }
2033
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
2118
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
2034
2119
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2035
2120
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2036
2121
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2037
2122
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2038
2123
  }
2039
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
2124
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
2040
2125
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2041
2126
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2042
2127
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2043
2128
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2044
2129
  }
2045
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
2130
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
2046
2131
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2047
2132
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2048
2133
  }
2049
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
2134
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
2050
2135
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2051
2136
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2052
2137
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2054,25 +2139,25 @@
2054
2139
  --text-color: var(--hop-Checkbox-text-color-disabled);
2055
2140
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2056
2141
  }
2057
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
2142
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
2058
2143
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2059
2144
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2060
2145
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2061
2146
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2062
2147
  }
2063
- .Checkbox-module__hop-Checkbox--md___jhSti {
2148
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
2064
2149
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2065
2150
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2066
2151
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2067
2152
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2068
2153
  }
2069
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
2070
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
2154
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
2155
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
2071
2156
  flex: 0 0 auto;
2072
2157
  order: 3;
2073
2158
  color: var(--icon-color);
2074
2159
  }
2075
- .Checkbox-module__hop-Checkbox__box___S46JE {
2160
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
2076
2161
  display: flex;
2077
2162
  flex: 0 0 auto;
2078
2163
  align-items: center;
@@ -2088,11 +2173,11 @@
2088
2173
  outline-offset: 0.125rem;
2089
2174
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2090
2175
  }
2091
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
2176
+ .Checkbox-module__hop-Checkbox__check___6akLc {
2092
2177
  display: var(--check-display);
2093
2178
  color: var(--check-color);
2094
2179
  }
2095
- .Checkbox-module__hop-Checkbox__text___qP2jS {
2180
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
2096
2181
  flex: 0 1 auto;
2097
2182
  order: 2;
2098
2183
  min-inline-size: 0;
@@ -2100,24 +2185,24 @@
2100
2185
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2101
2186
  color: var(--text-color);
2102
2187
  }
2103
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
2188
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
2104
2189
  }
2105
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
2190
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
2106
2191
  }
2107
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
2192
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
2108
2193
  }
2109
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
2110
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
2194
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
2195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
2111
2196
  }
2112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
2197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
2113
2198
  }
2114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
2199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
2115
2200
  }
2116
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
2201
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
2117
2202
  }
2118
2203
 
2119
2204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2120
- :where(.Divider-module__hop-Divider___g7ps6) {
2205
+ :where(.Divider-module__hop-Divider___Ri4v-) {
2121
2206
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
2122
2207
  --hop-Divider-border-size: 0.0625rem;
2123
2208
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -2142,7 +2227,7 @@
2142
2227
  border-block-end: var(--border-block-end);
2143
2228
  border-inline-start: var(--border-inline-start);
2144
2229
  }
2145
- .Divider-module__hop-Divider--vertical___a25V7 {
2230
+ .Divider-module__hop-Divider--vertical___wOMqH {
2146
2231
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
2147
2232
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
2148
2233
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -2150,14 +2235,14 @@
2150
2235
  }
2151
2236
 
2152
2237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2153
- .Form-module__hop-Form___t89dJ {
2238
+ .Form-module__hop-Form___jz9NZ {
2154
2239
  display: flex;
2155
2240
  flex-direction: column;
2156
2241
  gap: var(--hop-space-stack-lg);
2157
2242
  }
2158
2243
 
2159
2244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2160
- .InputGroup-module__hop-InputGroup___IeLq4 {
2245
+ .InputGroup-module__hop-InputGroup___-dY-s {
2161
2246
  --hop-InputGroup-background: var(--hop-neutral-surface);
2162
2247
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2163
2248
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2238,11 +2323,11 @@
2238
2323
  border: var(--border);
2239
2324
  border-radius: var(--hop-InputGroup-border-radius);
2240
2325
  }
2241
- .InputGroup-module__hop-InputGroup--fluid___bBTdC {
2326
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
2242
2327
  --inline-size: 100%;
2243
2328
  --input-inline-size: 100%;
2244
2329
  }
2245
- .InputGroup-module__hop-InputGroup--sm___rt-ic {
2330
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
2246
2331
  --block-size: var(--hop-InputGroup-sm-block-size);
2247
2332
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2248
2333
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2250,7 +2335,7 @@
2250
2335
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2251
2336
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2252
2337
  }
2253
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
2338
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
2254
2339
  --gap: var(--hop-InputGroup-gap-textarea);
2255
2340
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2256
2341
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2258,28 +2343,28 @@
2258
2343
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2259
2344
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2260
2345
  }
2261
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
2346
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
2262
2347
  --display: var(--hop-InputGroup-display-number);
2263
2348
  --gap: var(--hop-InputGroup-gap-number);
2264
2349
  }
2265
- .InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
2350
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
2266
2351
  --background: var(--hop-InputGroup-background-hover);
2267
2352
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2268
2353
  }
2269
- .InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
2354
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
2270
2355
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2271
2356
  }
2272
- .InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
2357
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
2273
2358
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2274
2359
  }
2275
- .InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
2360
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
2276
2361
  --background: var(--hop-InputGroup-background-disabled);
2277
2362
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2278
2363
  --input-color: var(--hop-InputGroup-input-color-disabled);
2279
2364
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2280
2365
  }
2281
- .InputGroup-module__hop-InputGroup__input___pobIV,
2282
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2366
+ .InputGroup-module__hop-InputGroup__input___prIHX,
2367
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2283
2368
  flex: 1 1 auto;
2284
2369
  box-sizing: border-box;
2285
2370
  inline-size: var(--input-inline-size);
@@ -2293,111 +2378,26 @@
2293
2378
  border: none;
2294
2379
  outline: none;
2295
2380
  }
2296
- .InputGroup-module__hop-InputGroup__input___pobIV {
2381
+ .InputGroup-module__hop-InputGroup__input___prIHX {
2297
2382
  block-size: var(--input-block-size);
2298
2383
  padding: var(--hop-InputGroup-input-padding);
2299
2384
  }
2300
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2385
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2301
2386
  padding: var(--hop-InputGroup-textarea-padding);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
2388
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
2304
2389
  font-family: var(--hop-InputGroup-placeholder-font-family);
2305
2390
  font-size: var(--hop-InputGroup-placeholder-font-size);
2306
2391
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2307
2392
  line-height: var(--hop-InputGroup-placeholder-line-height);
2308
2393
  color: var(--input-placeholder-color);
2309
2394
  }
2310
- .InputGroup-module__hop-InputGroup__embedded-button___tggVm {
2395
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
2311
2396
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2312
2397
  }
2313
2398
 
2314
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2315
- .Heading-module__hop-Heading___byI5a {
2316
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2317
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2318
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
2319
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
2320
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
2321
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
2322
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
2323
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
2324
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
2325
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
2326
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
2327
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
2328
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
2329
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
2330
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
2331
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
2332
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
2333
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
2334
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
2335
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
2336
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
2337
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
2338
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
2339
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
2340
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
2341
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
2342
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
2343
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
2344
- --hop-Heading-inherit-size-font-size: inherit;
2345
- --hop-Heading-inherit-size-font-family: inherit;
2346
- --hop-Heading-inherit-size-font-weight: inherit;
2347
- --hop-Heading-inherit-size-line-height: inherit;
2348
- }
2349
- :where(.Heading-module__hop-Heading___byI5a) {
2350
- margin: 0;
2351
- font-family: var(--font-family);
2352
- font-size: var(--font-size);
2353
- font-weight: var(--font-weight);
2354
- line-height: var(--line-height);
2355
- }
2356
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
2357
- --font-size: var(--hop-Heading-xs-font-size);
2358
- --font-family: var(--hop-Heading-xs-font-family);
2359
- --font-weight: var(--hop-Heading-xs-font-weight);
2360
- --line-height: var(--hop-Heading-xs-line-height);
2361
- }
2362
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
2363
- --font-size: var(--hop-Heading-sm-font-size);
2364
- --font-family: var(--hop-Heading-sm-font-family);
2365
- --font-weight: var(--hop-Heading-sm-font-weight);
2366
- --line-height: var(--hop-Heading-sm-line-height);
2367
- }
2368
- :where(.Heading-module__hop-Heading--md___Trt4d) {
2369
- --font-size: var(--hop-Heading-md-font-size);
2370
- --font-family: var(--hop-Heading-md-font-family);
2371
- --font-weight: var(--hop-Heading-md-font-weight);
2372
- --line-height: var(--hop-Heading-md-line-height);
2373
- }
2374
- :where(.Heading-module__hop-Heading--lg___8RulN) {
2375
- --font-size: var(--hop-Heading-lg-font-size);
2376
- --font-family: var(--hop-Heading-lg-font-family);
2377
- --font-weight: var(--hop-Heading-lg-font-weight);
2378
- --line-height: var(--hop-Heading-lg-line-height);
2379
- }
2380
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
2381
- --font-size: var(--hop-Heading-xl-font-size);
2382
- --font-family: var(--hop-Heading-xl-font-family);
2383
- --font-weight: var(--hop-Heading-xl-font-weight);
2384
- --line-height: var(--hop-Heading-xl-line-height);
2385
- }
2386
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
2387
- --font-size: var(--hop-Heading-2xl-font-size);
2388
- --font-family: var(--hop-Heading-2xl-font-family);
2389
- --font-weight: var(--hop-Heading-2xl-font-weight);
2390
- --line-height: var(--hop-Heading-2xl-line-height);
2391
- }
2392
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
2393
- --font-size: var(--hop-Heading-3xl-font-size);
2394
- --font-family: var(--hop-Heading-3xl-font-family);
2395
- --font-weight: var(--hop-Heading-3xl-font-weight);
2396
- --line-height: var(--hop-Heading-3xl-line-height);
2397
- }
2398
-
2399
2399
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2400
- .NumberField-module__hop-NumberField___-spFY {
2400
+ .NumberField-module__hop-NumberField___VWgJv {
2401
2401
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2402
2402
  --hop-NumberField-inline-size: 20rem;
2403
2403
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2445,30 +2445,30 @@
2445
2445
  gap: var(--hop-NumberField-gap);
2446
2446
  inline-size: var(--inline-size);
2447
2447
  }
2448
- .NumberField-module__hop-NumberField--fluid___HuQeh {
2448
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
2449
2449
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2450
2450
  }
2451
- .NumberField-module__hop-NumberField--mobile___jiJLy {
2451
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
2452
2452
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2453
2453
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2454
2454
  }
2455
- .NumberField-module__hop-NumberField__Label___kcHPU {
2455
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2456
2456
  order: 0;
2457
2457
  }
2458
- .NumberField-module__hop-NumberField__prefix___kC1mi {
2458
+ .NumberField-module__hop-NumberField__prefix___baTwE {
2459
2459
  grid-area: prefix;
2460
2460
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2461
2461
  color: var(--hop-NumberField-prefix-color);
2462
2462
  }
2463
- .NumberField-module__hop-NumberField__InputGroup___GmvOU {
2463
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
2464
2464
  grid-template: var(--input-group-template);
2465
2465
  order: 1;
2466
2466
  }
2467
- .NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
2468
- .NumberField-module__hop-NumberField__HelperMessage___hYZXB {
2467
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
2468
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
2469
2469
  order: 3;
2470
2470
  }
2471
- .NumberField-module__hop-NumberField__stepper-button___hfKPt {
2471
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
2472
2472
  cursor: pointer;
2473
2473
  display: flex;
2474
2474
  grid-area: var(--grid-area, unset);
@@ -2489,222 +2489,213 @@
2489
2489
  border-radius: var(--stepper-border-radius, 0);
2490
2490
  outline: none;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2492
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2493
2493
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2494
2494
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2495
2495
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2496
2496
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2497
2497
  --grid-area: stepup;
2498
2498
  }
2499
- .NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2499
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2500
2500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2501
2501
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2502
2502
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2503
2503
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2504
2504
  --grid-area: stepdown;
2505
2505
  }
2506
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2506
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2507
2507
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2508
2508
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2509
2509
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2510
2510
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2511
2511
  }
2512
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2512
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2513
2513
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2514
2514
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2515
2515
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2516
2516
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2517
2517
  }
2518
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
2518
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
2519
2519
  color: var(--hop-NumberField-stepper-color-hovered);
2520
2520
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2521
2521
  }
2522
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
2522
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
2523
2523
  color: var(--hop-NumberField-stepper-color-pressed);
2524
2524
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2525
2525
  }
2526
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
2526
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
2527
2527
  cursor: not-allowed;
2528
2528
  color: var(--hop-NumberField-stepper-color-disabled);
2529
2529
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2530
2530
  }
2531
- .NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
2531
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
2532
2532
  display: block;
2533
2533
  max-block-size: 100%;
2534
2534
  }
2535
- .NumberField-module__hop-NumberField__input___JmJl4 {
2535
+ .NumberField-module__hop-NumberField__input___7YBOI {
2536
2536
  grid-area: input;
2537
2537
  }
2538
2538
 
2539
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2540
- .TextArea-module__hop-TextArea___CigfE {
2541
- --hop-TextArea-gap: var(--hop-space-stack-xs);
2542
- --hop-TextArea-inline-size: 20rem;
2543
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2544
- --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2545
- --hop-TextArea-char-count-color: var(--hop-neutral-text-weak);
2546
- --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
2547
- --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
2548
- --hop-TextArea-input-min-height: 2rem;
2549
- --inline-size: var(--hop-TextArea-inline-size);
2550
- --resize: none;
2551
- --char-count-color: var(--hop-TextArea-char-count-color);
2539
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2540
+ .PasswordField-module__hop-PasswordField___JFqMs {
2541
+ --hop-PasswordField-gap: var(--hop-space-stack-xs);
2542
+ --hop-PasswordField-inline-size: 20rem;
2543
+ --inline-size: var(--hop-PasswordField-inline-size);
2552
2544
  display: flex;
2553
2545
  flex-direction: column;
2554
- gap: var(--hop-TextArea-gap);
2546
+ gap: var(--hop-PasswordField-gap);
2555
2547
  inline-size: var(--inline-size);
2556
2548
  max-inline-size: 100%;
2557
2549
  }
2558
- .TextArea-module__hop-TextArea--fluid___RHFdR {
2550
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2559
2551
  --inline-size: 100%;
2560
2552
  }
2561
- .TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
2562
- --resize: vertical;
2563
- }
2564
- .TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
2565
- --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2566
- }
2567
- .TextArea-module__hop-TextArea___CigfE[data-disabled] {
2568
- --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2569
- }
2570
- .TextArea-module__hop-TextArea__Label___IesgB {
2553
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2571
2554
  order: 0;
2572
2555
  }
2573
- .TextArea-module__hop-TextArea__prefix___CKsl5 {
2574
- color: var(--hop-TextArea-prefix-color);
2575
- }
2576
- .TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
2556
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2577
2557
  order: 1;
2578
2558
  }
2579
- .TextArea-module__hop-TextArea__textarea___TaknV {
2580
- resize: var(--resize);
2581
- min-block-size: var(--hop-TextArea-input-min-height);
2559
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2560
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2561
+ order: 3;
2582
2562
  }
2583
- .TextArea-module__hop-TextArea__char-count___L5-B2 {
2584
- padding: var(--hop-TextArea-char-count-padding);
2563
+
2564
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2566
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2567
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2568
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2569
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
2585
2570
  color: var(--char-count-color);
2586
2571
  }
2587
- .TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
2588
- .TextArea-module__hop-TextArea__HelperMessage___rzEEf {
2589
- order: 3;
2572
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2573
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2574
+ }
2575
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2576
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2590
2577
  }
2591
2578
 
2592
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2593
- .TextField-module__hop-TextField___h9LPC {
2594
- --hop-TextField-gap: var(--hop-space-stack-xs);
2595
- --hop-TextField-inline-size: 20rem;
2596
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2597
- --hop-TextField-char-count-color: var(--hop-neutral-text-weak);
2598
- --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
2599
- --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
2600
- --inline-size: var(--hop-TextField-inline-size);
2601
- --char-count-color: var(--hop-TextField-char-count-color);
2579
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2580
+ .SearchField-module__hop-SearchField___CmlB- {
2581
+ --hop-SearchField-gap: var(--hop-space-stack-xs);
2582
+ --hop-SearchField-inline-size: 20rem;
2583
+ --hop-SearchField-color: var(--hop-neutral-text-weak);
2584
+ --hop-SearchField-padding: var(--hop-space-inset-md);
2585
+ --inline-size: var(--hop-SearchField-inline-size);
2586
+ --input-group-padding-inline-end: var(--hop-SearchField-padding);
2587
+ --input-group-padding-inline-start: var(--hop-SearchField-padding);
2588
+ --clear-button-display: flex;
2602
2589
  display: flex;
2603
2590
  flex-direction: column;
2604
- gap: var(--hop-TextField-gap);
2591
+ gap: var(--hop-SearchField-gap);
2605
2592
  inline-size: var(--inline-size);
2606
2593
  max-inline-size: 100%;
2607
2594
  }
2608
- .TextField-module__hop-TextField--fluid___Vhft- {
2595
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2609
2596
  --inline-size: 100%;
2610
2597
  }
2611
- .TextField-module__hop-TextField___h9LPC[data-over-max-length] {
2612
- --char-count-color: var(--hop-TextField-char-count-color-invalid);
2613
- }
2614
- .TextField-module__hop-TextField___h9LPC[data-disabled] {
2615
- --char-count-color: var(--hop-TextField-char-count-color-disabled);
2616
- }
2617
- .TextField-module__hop-TextField__Label___vjdjj {
2598
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2618
2599
  order: 0;
2619
2600
  }
2620
- .TextField-module__hop-TextField__prefix___y4SIt {
2621
- color: var(--hop-TextField-prefix-color);
2622
- }
2623
- .TextField-module__hop-TextField__char-count___w-Y38 {
2624
- color: var(--char-count-color);
2601
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2602
+ color: var(--hop-SearchField-color);
2625
2603
  }
2626
- .TextField-module__hop-TextField__InputGroup___crbeu {
2604
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2627
2605
  order: 1;
2606
+ padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2607
+ }
2608
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2609
+ --input-group-padding-inline-end: 0;
2628
2610
  }
2629
- .TextField-module__hop-TextField__ErrorMessage___m-vG9,
2630
- .TextField-module__hop-TextField__HelperMessage___ahKEe {
2611
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2612
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2631
2613
  order: 3;
2632
2614
  }
2615
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2616
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2617
+ appearance: none;
2618
+ }
2619
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2620
+ --clear-button-display: none;
2621
+ }
2622
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2623
+ display: var(--clear-button-display);
2624
+ }
2633
2625
 
2634
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2635
- .PasswordField-module__hop-PasswordField___I0UHA {
2636
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
2637
- --hop-PasswordField-inline-size: 20rem;
2638
- --inline-size: var(--hop-PasswordField-inline-size);
2626
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2627
+ .TextArea-module__hop-TextArea___-k51c {
2628
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
2629
+ --hop-TextArea-inline-size: 20rem;
2630
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2631
+ --hop-TextArea-input-min-height: 2rem;
2632
+ --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2633
+ --inline-size: var(--hop-TextArea-inline-size);
2634
+ --resize: none;
2639
2635
  display: flex;
2640
2636
  flex-direction: column;
2641
- gap: var(--hop-PasswordField-gap);
2637
+ gap: var(--hop-TextArea-gap);
2642
2638
  inline-size: var(--inline-size);
2643
2639
  max-inline-size: 100%;
2644
2640
  }
2645
- .PasswordField-module__hop-PasswordField--fluid___T093p {
2641
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2646
2642
  --inline-size: 100%;
2647
2643
  }
2648
- .PasswordField-module__hop-PasswordField__Label___SFE1N {
2644
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2645
+ --resize: vertical;
2646
+ }
2647
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2649
2648
  order: 0;
2650
2649
  }
2651
- .PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
2650
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2651
+ color: var(--hop-TextArea-prefix-color);
2652
+ }
2653
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2652
2654
  order: 1;
2653
2655
  }
2654
- .PasswordField-module__hop-PasswordField__ErrorMessage___St921,
2655
- .PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
2656
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2657
+ padding: var(--hop-TextArea-remaining-character-count-padding);
2658
+ }
2659
+ .TextArea-module__hop-TextArea__textarea___X66az {
2660
+ resize: var(--resize);
2661
+ min-block-size: var(--hop-TextArea-input-min-height);
2662
+ }
2663
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2664
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2656
2665
  order: 3;
2657
2666
  }
2658
2667
 
2659
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2660
- .SearchField-module__hop-SearchField___AV5d9 {
2661
- --hop-SearchField-gap: var(--hop-space-stack-xs);
2662
- --hop-SearchField-inline-size: 20rem;
2663
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2664
- --hop-SearchField-padding: var(--hop-space-inset-md);
2665
- --inline-size: var(--hop-SearchField-inline-size);
2666
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
2667
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
2668
- --clear-button-display: flex;
2668
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2669
+ .TextField-module__hop-TextField___1sv5- {
2670
+ --hop-TextField-gap: var(--hop-space-stack-xs);
2671
+ --hop-TextField-inline-size: 20rem;
2672
+ --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2673
+ --inline-size: var(--hop-TextField-inline-size);
2669
2674
  display: flex;
2670
2675
  flex-direction: column;
2671
- gap: var(--hop-SearchField-gap);
2676
+ gap: var(--hop-TextField-gap);
2672
2677
  inline-size: var(--inline-size);
2673
2678
  max-inline-size: 100%;
2674
2679
  }
2675
- .SearchField-module__hop-SearchField--fluid___fk-1h {
2680
+ .TextField-module__hop-TextField--fluid___12PF- {
2676
2681
  --inline-size: 100%;
2677
2682
  }
2678
- .SearchField-module__hop-SearchField__Label___cDU1N {
2683
+ .TextField-module__hop-TextField__Label___v5PNS {
2679
2684
  order: 0;
2680
2685
  }
2681
- .SearchField-module__hop-SearchField__prefix___CXWRj {
2682
- color: var(--hop-SearchField-color);
2686
+ .TextField-module__hop-TextField__prefix___6Ykah {
2687
+ color: var(--hop-TextField-prefix-color);
2683
2688
  }
2684
- .SearchField-module__hop-SearchField__InputGroup___WkPdD {
2689
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2685
2690
  order: 1;
2686
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2687
- }
2688
- .SearchField-module__hop-SearchField--clearable___rVtfI {
2689
- --input-group-padding-inline-end: 0;
2690
2691
  }
2691
- .SearchField-module__hop-SearchField__ErrorMessage___fscIC,
2692
- .SearchField-module__hop-SearchField__HelperMessage___wlBbe {
2692
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2693
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2693
2694
  order: 3;
2694
2695
  }
2695
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
2696
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
2697
- appearance: none;
2698
- }
2699
- .SearchField-module__hop-SearchField___AV5d9[data-empty] {
2700
- --clear-button-display: none;
2701
- }
2702
- .SearchField-module__hop-SearchField__ClearButton___7B2Ke {
2703
- display: var(--clear-button-display);
2704
- }
2705
2696
 
2706
2697
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2707
- .Link-module__hop-Link___hx42L {
2698
+ .Link-module__hop-Link___hCv6o {
2708
2699
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2709
2700
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2710
2701
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2729,59 +2720,59 @@
2729
2720
  outline: none;
2730
2721
  outline-offset: 0.125rem;
2731
2722
  }
2732
- .Link-module__hop-Link___hx42L[data-focus-visible] {
2723
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2733
2724
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2734
2725
  }
2735
- .Link-module__hop-Link___hx42L[data-disabled] {
2726
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2736
2727
  cursor: default;
2737
2728
  }
2738
- .Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
2739
- .Link-module__hop-Link--quiet___Sdez0[data-hovered] {
2729
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2730
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2740
2731
  text-decoration: underline;
2741
2732
  }
2742
- .Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
2733
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2743
2734
  text-decoration: underline;
2744
2735
  }
2745
- .Link-module__hop-Link--primary___pd6jh {
2736
+ .Link-module__hop-Link--primary___Nrvdi {
2746
2737
  color: var(--hop-Link-primary-text-color);
2747
2738
  }
2748
- .Link-module__hop-Link--primary___pd6jh[data-disabled] {
2739
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2749
2740
  color: var(--hop-Link-primary-text-disabled-color);
2750
2741
  }
2751
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
2752
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
2742
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
2743
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
2753
2744
  color: var(--hop-Link-primary-text-hover-color);
2754
2745
  }
2755
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
2746
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2756
2747
  color: var(--hop-Link-primary-text-pressed-color);
2757
2748
  }
2758
- .Link-module__hop-Link--secondary___ZmHJ9 {
2749
+ .Link-module__hop-Link--secondary___4ytgC {
2759
2750
  color: var(--hop-Link-neutral-text-color);
2760
2751
  }
2761
- .Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
2752
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2762
2753
  color: var(--hop-Link-neutral-text-disabled-color);
2763
2754
  }
2764
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
2765
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
2755
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
2756
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
2766
2757
  color: var(--hop-Link-neutral-text-hover-color);
2767
2758
  }
2768
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
2759
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2769
2760
  color: var(--hop-Link-neutral-text-pressed-color);
2770
2761
  }
2771
- .Link-module__hop-Link__icon___EzbcC,
2772
- .Link-module__hop-Link__icon-list___kDa2B {
2762
+ .Link-module__hop-Link__icon___GjiY8,
2763
+ .Link-module__hop-Link__icon-list___eWJSv {
2773
2764
  order: 2;
2774
2765
  }
2775
- .Link-module__hop-Link__text___4wQpK {
2766
+ .Link-module__hop-Link__text___VgjRa {
2776
2767
  order: 1;
2777
2768
  }
2778
- .Link-module__hop-Link__start-icon___REGAG,
2779
- .Link-module__hop-Link__start-icon-list___lhZ1C {
2769
+ .Link-module__hop-Link__start-icon___8qO6o,
2770
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2780
2771
  order: 0;
2781
2772
  }
2782
2773
 
2783
2774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2784
- .Radio-module__hop-Radio___5q4dw {
2775
+ .Radio-module__hop-Radio___mjGTL {
2785
2776
  --hop-Radio-box-border-size: 0.0625rem;
2786
2777
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2787
2778
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2855,60 +2846,60 @@
2855
2846
  inline-size: max-content;
2856
2847
  max-inline-size: 100%;
2857
2848
  }
2858
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2859
2850
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2860
2851
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2861
2852
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2862
2853
  --text-color: var(--hop-Radio-text-color-focused);
2863
2854
  --icon-color: var(--hop-Radio-icon-color-focused);
2864
2855
  }
2865
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
2856
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2866
2857
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2867
2858
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2868
2859
  --text-color: var(--hop-Radio-text-color-hovered);
2869
2860
  --icon-color: var(--hop-Radio-icon-color-hovered);
2870
2861
  }
2871
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
2862
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2872
2863
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2873
2864
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2874
2865
  --text-color: var(--hop-Radio-text-color-pressed);
2875
2866
  --icon-color: var(--hop-Radio-icon-color-pressed);
2876
2867
  }
2877
- .Radio-module__hop-Radio___5q4dw[data-selected] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2878
2869
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2879
2870
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2880
2871
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2881
2872
  --text-color: var(--hop-Radio-text-color-selected);
2882
2873
  --icon-color: var(--hop-Radio-icon-color-selected);
2883
2874
  }
2884
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
2875
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2885
2876
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2886
2877
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2887
2878
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2888
2879
  --text-color: var(--hop-Radio-text-color-invalid);
2889
2880
  --icon-color: var(--hop-Radio-icon-color-invalid);
2890
2881
  }
2891
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
2882
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2892
2883
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2893
2884
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2894
2885
  }
2895
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
2886
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2896
2887
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2897
2888
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2898
2889
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2899
2890
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2900
2891
  }
2901
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
2892
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2902
2893
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2903
2894
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2904
2895
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2905
2896
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2906
2897
  }
2907
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
2898
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2908
2899
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2909
2900
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2910
2901
  }
2911
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
2902
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2912
2903
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2913
2904
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2914
2905
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2916,25 +2907,25 @@
2916
2907
  --text-color: var(--hop-Radio-text-color-disabled);
2917
2908
  --icon-color: var(--hop-Radio-icon-color-disabled);
2918
2909
  }
2919
- .Radio-module__hop-Radio--sm___4LYS8 {
2910
+ .Radio-module__hop-Radio--sm___yl7Uc {
2920
2911
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2921
2912
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2922
2913
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2923
2914
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2924
2915
  }
2925
- .Radio-module__hop-Radio--md___As58o {
2916
+ .Radio-module__hop-Radio--md___Umq9X {
2926
2917
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2927
2918
  --box-block-size: var(--hop-Radio-box-md-block-size);
2928
2919
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2929
2920
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2930
2921
  }
2931
- .Radio-module__hop-Radio__icon___KdTxL,
2932
- .Radio-module__hop-Radio__icon-list___4rAJh {
2922
+ .Radio-module__hop-Radio__icon___umH4r,
2923
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2933
2924
  flex: 0 0 auto;
2934
2925
  order: 3;
2935
2926
  color: var(--icon-color);
2936
2927
  }
2937
- .Radio-module__hop-Radio__box___RRBuh {
2928
+ .Radio-module__hop-Radio__box___5S65W {
2938
2929
  display: flex;
2939
2930
  flex: 0 0 auto;
2940
2931
  align-items: center;
@@ -2950,11 +2941,11 @@
2950
2941
  outline-offset: 0.125rem;
2951
2942
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2952
2943
  }
2953
- .Radio-module__hop-Radio__bullet___BZw7q {
2944
+ .Radio-module__hop-Radio__bullet___9Zldv {
2954
2945
  display: var(--bullet-display);
2955
2946
  color: var(--bullet-color);
2956
2947
  }
2957
- .Radio-module__hop-Radio__text___Q7Ytg {
2948
+ .Radio-module__hop-Radio__text___Jw3rk {
2958
2949
  flex: 0 1 auto;
2959
2950
  order: 2;
2960
2951
  min-inline-size: 0;
@@ -2964,7 +2955,7 @@
2964
2955
  }
2965
2956
 
2966
2957
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2967
- .RadioField-module__hop-RadioField___A5OEY {
2958
+ .RadioField-module__hop-RadioField___y405X {
2968
2959
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2969
2960
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2970
2961
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2983,28 +2974,28 @@
2983
2974
  inline-size: max-content;
2984
2975
  max-inline-size: 100%;
2985
2976
  }
2986
- .RadioField-module__hop-RadioField___A5OEY[data-disabled] {
2977
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2987
2978
  --description-color: var(--hop-RadioField-description-color-disabled);
2988
2979
  }
2989
- .RadioField-module__hop-RadioField--sm___08VGE {
2980
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2990
2981
  --row-gap: var(--hop-RadioField-sm-row-gap);
2991
2982
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2992
2983
  }
2993
- .RadioField-module__hop-RadioField--md___-4aoZ {
2984
+ .RadioField-module__hop-RadioField--md___-TjKd {
2994
2985
  --row-gap: var(--hop-RadioField-md-row-gap);
2995
2986
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2996
2987
  }
2997
- .RadioField-module__hop-RadioField__description___5EvIt {
2988
+ .RadioField-module__hop-RadioField__description___1rQov {
2998
2989
  order: 2;
2999
2990
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3000
2991
  color: var(--description-color);
3001
2992
  }
3002
- .RadioField-module__hop-RadioField__radio___lMDuc {
2993
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
3003
2994
  order: 1;
3004
2995
  }
3005
2996
 
3006
2997
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3007
- .RadioGroup-module__hop-RadioGroup___ByriM {
2998
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
3008
2999
  --hop-RadioGroup-align-items: flex-start;
3009
3000
  --hop-RadioGroup-justify-content: flex-start;
3010
3001
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3044,46 +3035,46 @@
3044
3035
  inline-size: var(--inline-size);
3045
3036
  max-inline-size: 100%;
3046
3037
  }
3047
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
3038
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3048
3039
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3049
3040
  --list-border-radius: var(--hop-shape-rounded-md);
3050
3041
  }
3051
- .RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3042
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3052
3043
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3053
3044
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3054
3045
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3055
3046
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3056
3047
  }
3057
- .RadioGroup-module__hop-RadioGroup--md___uVawW {
3048
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3058
3049
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3059
3050
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3060
3051
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3061
3052
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3062
3053
  }
3063
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3064
3055
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3065
3056
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3066
3057
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3067
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3068
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3069
3060
  }
3070
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
3061
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3071
3062
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3072
3063
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3073
3064
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3074
3065
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3075
3066
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3076
3067
  }
3077
- .RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
3068
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3078
3069
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3079
3070
  }
3080
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
3071
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3081
3072
  --flex-wrap: nowrap;
3082
3073
  }
3083
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
3074
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3084
3075
  order: 1;
3085
3076
  }
3086
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 {
3077
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3087
3078
  display: flex;
3088
3079
  flex-flow: var(--flex-direction) var(--flex-wrap);
3089
3080
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3094,7 +3085,7 @@
3094
3085
  border: var(--list-border, none);
3095
3086
  border-radius: var(--list-border-radius, 0);
3096
3087
  }
3097
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
3088
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3098
3089
  position: relative;
3099
3090
  flex: 0 1 auto;
3100
3091
  align-content: start;
@@ -3102,28 +3093,28 @@
3102
3093
  min-inline-size: 0;
3103
3094
  padding: var(--radio-padding, 0);
3104
3095
  }
3105
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3096
+ .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 {
3106
3097
  content: "";
3107
3098
  position: absolute;
3108
3099
  display: block;
3109
3100
  }
3110
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3101
+ .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 {
3111
3102
  inset-block-start: 0;
3112
3103
  inset-inline: 0;
3113
3104
  border-block-start: var(--list-border, none);
3114
3105
  }
3115
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3106
+ .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 {
3116
3107
  inset-block: 0;
3117
3108
  inset-inline-start: 0;
3118
3109
  border-inline-start: var(--list-border, none);
3119
3110
  }
3120
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
3121
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
3111
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
3112
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
3122
3113
  order: 3;
3123
3114
  }
3124
3115
 
3125
3116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3126
- .Radio-module__hop-Radio___5q4dw {
3117
+ .Radio-module__hop-Radio___mjGTL {
3127
3118
  --hop-Radio-box-border-size: 0.0625rem;
3128
3119
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3129
3120
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3197,60 +3188,60 @@
3197
3188
  inline-size: max-content;
3198
3189
  max-inline-size: 100%;
3199
3190
  }
3200
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3201
3192
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3202
3193
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3203
3194
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3204
3195
  --text-color: var(--hop-Radio-text-color-focused);
3205
3196
  --icon-color: var(--hop-Radio-icon-color-focused);
3206
3197
  }
3207
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
3198
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3208
3199
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3209
3200
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3210
3201
  --text-color: var(--hop-Radio-text-color-hovered);
3211
3202
  --icon-color: var(--hop-Radio-icon-color-hovered);
3212
3203
  }
3213
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
3204
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3214
3205
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3215
3206
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3216
3207
  --text-color: var(--hop-Radio-text-color-pressed);
3217
3208
  --icon-color: var(--hop-Radio-icon-color-pressed);
3218
3209
  }
3219
- .Radio-module__hop-Radio___5q4dw[data-selected] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3220
3211
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3221
3212
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3222
3213
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3223
3214
  --text-color: var(--hop-Radio-text-color-selected);
3224
3215
  --icon-color: var(--hop-Radio-icon-color-selected);
3225
3216
  }
3226
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
3217
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3227
3218
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3228
3219
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3229
3220
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3230
3221
  --text-color: var(--hop-Radio-text-color-invalid);
3231
3222
  --icon-color: var(--hop-Radio-icon-color-invalid);
3232
3223
  }
3233
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
3224
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3234
3225
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3235
3226
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3236
3227
  }
3237
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
3228
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3238
3229
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3239
3230
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3240
3231
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3241
3232
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3242
3233
  }
3243
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
3234
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3244
3235
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3245
3236
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3246
3237
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3247
3238
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3248
3239
  }
3249
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
3240
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3250
3241
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3251
3242
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3252
3243
  }
3253
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
3244
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3254
3245
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3255
3246
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3256
3247
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3258,25 +3249,25 @@
3258
3249
  --text-color: var(--hop-Radio-text-color-disabled);
3259
3250
  --icon-color: var(--hop-Radio-icon-color-disabled);
3260
3251
  }
3261
- .Radio-module__hop-Radio--sm___4LYS8 {
3252
+ .Radio-module__hop-Radio--sm___yl7Uc {
3262
3253
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3263
3254
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3264
3255
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3265
3256
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3266
3257
  }
3267
- .Radio-module__hop-Radio--md___As58o {
3258
+ .Radio-module__hop-Radio--md___Umq9X {
3268
3259
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3269
3260
  --box-block-size: var(--hop-Radio-box-md-block-size);
3270
3261
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3271
3262
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3272
3263
  }
3273
- .Radio-module__hop-Radio__icon___KdTxL,
3274
- .Radio-module__hop-Radio__icon-list___4rAJh {
3264
+ .Radio-module__hop-Radio__icon___umH4r,
3265
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3275
3266
  flex: 0 0 auto;
3276
3267
  order: 3;
3277
3268
  color: var(--icon-color);
3278
3269
  }
3279
- .Radio-module__hop-Radio__box___RRBuh {
3270
+ .Radio-module__hop-Radio__box___5S65W {
3280
3271
  display: flex;
3281
3272
  flex: 0 0 auto;
3282
3273
  align-items: center;
@@ -3292,11 +3283,11 @@
3292
3283
  outline-offset: 0.125rem;
3293
3284
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3294
3285
  }
3295
- .Radio-module__hop-Radio__bullet___BZw7q {
3286
+ .Radio-module__hop-Radio__bullet___9Zldv {
3296
3287
  display: var(--bullet-display);
3297
3288
  color: var(--bullet-color);
3298
3289
  }
3299
- .Radio-module__hop-Radio__text___Q7Ytg {
3290
+ .Radio-module__hop-Radio__text___Jw3rk {
3300
3291
  flex: 0 1 auto;
3301
3292
  order: 2;
3302
3293
  min-inline-size: 0;
@@ -3304,24 +3295,24 @@
3304
3295
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3305
3296
  color: var(--text-color);
3306
3297
  }
3307
- .DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
3298
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3308
3299
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3310
3301
  }
3311
- .DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3312
3303
  }
3313
- .DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
3314
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3305
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3315
3306
  }
3316
- .DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
3307
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3317
3308
  }
3318
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
3309
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3319
3310
  }
3320
- .DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
3311
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3321
3312
  }
3322
3313
 
3323
3314
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3324
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
3315
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3325
3316
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3326
3317
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3327
3318
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3347,7 +3338,7 @@
3347
3338
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3348
3339
  background-size: 400% 100%;
3349
3340
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3350
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
3341
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3351
3342
  animation-duration: var(--animation-duration);
3352
3343
  animation-timing-function: ease-in-out;
3353
3344
  animation-fill-mode: forwards;
@@ -3356,19 +3347,19 @@
3356
3347
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3357
3348
  }
3358
3349
  }
3359
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
3350
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3360
3351
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3361
3352
  }
3362
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
3353
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3363
3354
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3364
3355
  }
3365
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
3356
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3366
3357
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3367
3358
  }
3368
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
3359
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3369
3360
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3370
3361
  }
3371
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
3362
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3372
3363
  0% {
3373
3364
  background-position: 125% 50%;
3374
3365
  }
@@ -3378,7 +3369,7 @@
3378
3369
  }
3379
3370
 
3380
3371
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3381
- .ListBoxItem-module__hop-ListBoxItem___EKD3- {
3372
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3382
3373
  --hop-ListBoxItem-background-color: transparent;
3383
3374
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3384
3375
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3475,129 +3466,129 @@
3475
3466
  outline: var(--outline);
3476
3467
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3477
3468
  }
3478
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
3469
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3479
3470
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3480
3471
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3481
3472
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3482
3473
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3483
3474
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3484
3475
  }
3485
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
3476
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3486
3477
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3487
3478
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3488
3479
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3489
3480
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3490
3481
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3491
3482
  }
3492
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
3483
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3493
3484
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3494
3485
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3495
3486
  --min-height: var(--hop-ListBoxItem-md-min-height);
3496
3487
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3497
3488
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3498
3489
  }
3499
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
3490
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3500
3491
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3501
3492
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3502
3493
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3503
3494
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3504
3495
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3505
3496
  }
3506
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
3497
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3507
3498
  --cursor: pointer;
3508
3499
  }
3509
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
3500
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3510
3501
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3511
3502
  }
3512
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3503
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3513
3504
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3514
3505
  }
3515
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3506
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3516
3507
  --checkmark-transition: none;
3517
3508
  }
3518
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
3509
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3519
3510
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3520
3511
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3521
3512
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3522
3513
  --checkmark-opacity: 1;
3523
3514
  }
3524
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
3515
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3525
3516
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3526
3517
  }
3527
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
3518
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3528
3519
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3529
3520
  }
3530
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
3521
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3531
3522
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3532
3523
  }
3533
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
3524
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3534
3525
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3535
3526
  }
3536
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
3527
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3537
3528
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3538
3529
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3539
3530
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3540
3531
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3541
3532
  }
3542
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
3533
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3543
3534
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3544
3535
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3545
3536
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3546
3537
  }
3547
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
3538
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3548
3539
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3549
3540
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3550
3541
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3551
3542
  }
3552
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3553
3544
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3554
3545
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3555
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3556
3547
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3557
3548
  --cursor: not-allowed;
3558
3549
  }
3559
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
3550
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3560
3551
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3561
3552
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3562
3553
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3563
3554
  }
3564
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
3555
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3565
3556
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3566
3557
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3567
3558
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3568
3559
  }
3569
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
3560
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3570
3561
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3571
3562
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3572
3563
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3573
3564
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3574
3565
  }
3575
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
3566
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3576
3567
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3577
3568
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3578
3569
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3579
3570
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3580
3571
  }
3581
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
3572
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3582
3573
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3583
3574
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3584
3575
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3585
3576
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3586
3577
  }
3587
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
3578
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3588
3579
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3589
3580
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3590
3581
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3591
3582
  }
3592
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
3583
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3593
3584
  --row-gap: var(--hop-ListBoxItem-row-gap);
3594
3585
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3595
3586
  }
3596
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
3587
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3597
3588
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3598
3589
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3599
3590
  }
3600
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
3591
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3601
3592
  display: grid;
3602
3593
  grid-template-areas: var(--grid-template-areas);
3603
3594
  grid-template-columns: var(--grid-template-columns);
@@ -3609,33 +3600,33 @@
3609
3600
  padding-inline: var(--padding-inline);
3610
3601
  transition: grid-template-columns .3s ease-in-out;
3611
3602
  }
3612
- .ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
3603
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3613
3604
  grid-area: indicator;
3614
3605
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3615
3606
  color: var(--icon-color);
3616
3607
  opacity: var(--checkmark-opacity);
3617
3608
  transition: var(--checkmark-transition);
3618
3609
  }
3619
- .ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
3620
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
3610
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3611
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3621
3612
  pointer-events: none;
3622
3613
  user-select: none;
3623
3614
  grid-area: indicator;
3624
3615
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3625
3616
  }
3626
- .ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
3617
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3627
3618
  grid-area: avatar;
3628
3619
  margin-block: var(--avatar-margin-block, 0);
3629
3620
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3630
3621
  }
3631
- .ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
3632
- .ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
3622
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3623
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3633
3624
  grid-area: icon;
3634
3625
  flex: 0 0 auto;
3635
3626
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3636
3627
  color: var(--icon-color);
3637
3628
  }
3638
- .ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
3629
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3639
3630
  overflow: hidden;
3640
3631
  grid-area: label;
3641
3632
  min-inline-size: 0;
@@ -3643,18 +3634,18 @@
3643
3634
  text-overflow: ellipsis;
3644
3635
  white-space: nowrap;
3645
3636
  }
3646
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
3647
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
3637
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3638
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3648
3639
  grid-area: end-icon;
3649
3640
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3650
3641
  color: var(--icon-color);
3651
3642
  }
3652
- .ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
3643
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3653
3644
  grid-area: badge;
3654
3645
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3655
3646
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3656
3647
  }
3657
- .ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
3648
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3658
3649
  overflow: hidden;
3659
3650
  display: -webkit-box;
3660
3651
  grid-area: description;
@@ -3665,7 +3656,7 @@
3665
3656
  }
3666
3657
 
3667
3658
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3668
- .ListBox-module__hop-ListBox___fCheu {
3659
+ .ListBox-module__hop-ListBox___emfw7 {
3669
3660
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3670
3661
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3671
3662
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3712,11 +3703,11 @@
3712
3703
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3713
3704
  border-radius: var(--hop-ListBox-border-radius);
3714
3705
  }
3715
- .ListBox-module__hop-ListBox--fluid___2fafn {
3706
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3716
3707
  --max-width: var(--hop-ListBox-fluid-max-width);
3717
3708
  --width: var(--hop-ListBox-fluid-width);
3718
3709
  }
3719
- .ListBox-module__hop-ListBox__section___sIZIS {
3710
+ .ListBox-module__hop-ListBox__section___lzB6a {
3720
3711
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3721
3712
  margin-inline: var(--hop-ListBox-section-margin-inline);
3722
3713
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3724,21 +3715,21 @@
3724
3715
  border-block-start: var(--section-border-block-start);
3725
3716
  border-block-end: var(--section-border-block-end);
3726
3717
  }
3727
- .ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
3718
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3728
3719
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3729
3720
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3730
3721
  }
3731
- .ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
3722
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3732
3723
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3733
3724
  }
3734
- .ListBox-module__hop-ListBox__section___sIZIS:first-child {
3725
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3735
3726
  --section-padding-block-start: 0;
3736
3727
  }
3737
- .ListBox-module__hop-ListBox__section___sIZIS:last-child {
3728
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3738
3729
  --section-padding-block-end: 0;
3739
3730
  --section-border-block-end: 0;
3740
3731
  }
3741
- .ListBox-module__hop-ListBox__section-header___1GilQ {
3732
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3742
3733
  margin: 0;
3743
3734
  padding: var(--hop-ListBox-section-header-padding);
3744
3735
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3749,41 +3740,47 @@
3749
3740
  text-transform: var(--hop-ListBox-section-header-text-transform);
3750
3741
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3751
3742
  }
3752
- .ListBox-module__hop-ListBox__section-header___1GilQ::before,
3753
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3743
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3754
3745
  content: "";
3755
3746
  display: block;
3756
3747
  box-sizing: border-box;
3757
3748
  inline-size: 0;
3758
3749
  block-size: 0;
3759
3750
  }
3760
- .ListBox-module__hop-ListBox__section-header___1GilQ::before {
3751
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3761
3752
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3762
3753
  }
3763
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3754
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3764
3755
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3765
3756
  }
3766
3757
 
3767
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3768
- .SelectValue-module__hop-SelectValue___fVOPa {
3769
- --hop-SelectValue-display: flex;
3759
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3760
+ --hop-SelectValue-display: inline-block;
3761
+ --hop-SelectValue-slots-display: flex;
3770
3762
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3763
+ --display: var(--hop-SelectValue-display);
3771
3764
  overflow: hidden;
3772
- display: var(--hop-SelectValue-display);
3765
+ display: var(--display);
3773
3766
  flex: 1 1 auto;
3774
3767
  column-gap: var(--hop-SelectValue-column-gap);
3775
3768
  align-items: center;
3776
3769
  box-sizing: border-box;
3770
+ min-inline-size: 0;
3777
3771
  text-overflow: ellipsis;
3778
3772
  white-space: nowrap;
3779
3773
  }
3780
- .SelectValue-module__hop-SelectValue__avatar___7yyBy {
3774
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3775
+ --display: var(--hop-SelectValue-slots-display);
3776
+ }
3777
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3781
3778
  order: 1;
3782
3779
  }
3783
- .SelectValue-module__hop-SelectValue__icon___s-Isr {
3780
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3784
3781
  order: 2;
3785
3782
  }
3786
- .SelectValue-module__hop-SelectValue__text___MuSju {
3783
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3787
3784
  overflow: hidden;
3788
3785
  flex: 1 1 auto;
3789
3786
  order: 3;
@@ -3791,12 +3788,12 @@
3791
3788
  text-overflow: ellipsis;
3792
3789
  white-space: nowrap;
3793
3790
  }
3794
- .SelectValue-module__hop-SelectValue__end-icon___nrWhM {
3791
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3795
3792
  order: 4;
3796
3793
  }
3797
3794
 
3798
3795
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3799
- .Select-module__hop-Select___018w5 {
3796
+ .Select-module__hop-Select___9asPc {
3800
3797
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3801
3798
  --hop-Select-inline-size: 20rem;
3802
3799
  --hop-Select-inline-size-fluid: 100%;
@@ -3805,6 +3802,7 @@
3805
3802
  --hop-Select-button-border-color: var(--hop-neutral-border);
3806
3803
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3807
3804
  --hop-Select-button-border-size: var(--hop-space-10);
3805
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3808
3806
  --hop-Select-button-color: var(--hop-neutral-text);
3809
3807
  --hop-Select-button-cursor: pointer;
3810
3808
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3847,13 +3845,13 @@
3847
3845
  inline-size: var(--inline-size);
3848
3846
  max-inline-size: var(--hop-Select-max-inline-size);
3849
3847
  }
3850
- .Select-module__hop-Select--fluid___8FKqZ {
3848
+ .Select-module__hop-Select--fluid___kdYun {
3851
3849
  --inline-size: var(--hop-Select-inline-size-fluid);
3852
3850
  }
3853
- .Select-module__hop-Select__label___h0QJ- {
3851
+ .Select-module__hop-Select__label___lX0YF {
3854
3852
  order: 1;
3855
3853
  }
3856
- .Select-module__hop-Select__button___csI9f {
3854
+ .Select-module__hop-Select__button___72TRN {
3857
3855
  cursor: var(--button-cursor);
3858
3856
  display: flex;
3859
3857
  column-gap: var(--hop-Select-button-column-gap);
@@ -3869,59 +3867,59 @@
3869
3867
  border-radius: var(--hop-Select-button-border-radius);
3870
3868
  outline: none;
3871
3869
  }
3872
- .Select-module__hop-Select__button--sm___7Bkjy {
3870
+ .Select-module__hop-Select__button--sm___t6WUP {
3873
3871
  --button-block-size: var(--hop-Select-button-sm-block-size);
3874
3872
  }
3875
- .Select-module__hop-Select__button--md___N5Huq {
3873
+ .Select-module__hop-Select__button--md___GNNkD {
3876
3874
  --button-block-size: var(--hop-Select-button-md-block-size);
3877
3875
  }
3878
- .Select-module__hop-Select__button___csI9f[data-hovered] {
3876
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
3879
3877
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3880
3878
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3881
3879
  --button-color: var(--hop-Select-button-color-hovered);
3882
3880
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3883
3881
  }
3884
- .Select-module__hop-Select__button___csI9f[data-pressed] {
3882
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
3885
3883
  --button-background-color: var(--hop-Select-button-background-color-selected);
3886
3884
  --button-border-color: var(--hop-Select-button-border-color-selected);
3887
3885
  --button-color: var(--hop-Select-button-color-selected);
3888
3886
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3889
3887
  }
3890
- .Select-module__hop-Select__button___csI9f[data-invalid] {
3888
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
3891
3889
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3892
3890
  }
3893
- .Select-module__hop-Select__button___csI9f[data-focus-visible] {
3891
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
3894
3892
  --button-background-color: var(--hop-Select-button-background-color-focused);
3895
3893
  --button-border-color: var(--hop-Select-button-border-color-focused);
3896
3894
  --button-color: var(--hop-Select-button-color-focused);
3897
3895
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
3898
3896
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3899
- outline-offset: -0.125rem;
3897
+ outline-offset: var(--hop-Select-button-outline-offset);
3900
3898
  }
3901
- .Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
3899
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
3902
3900
  --button-color: var(--hop-Select-button-placeholder-color);
3903
3901
  }
3904
- .Select-module__hop-Select__button___csI9f[data-disabled] {
3902
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
3905
3903
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3906
3904
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3907
3905
  --button-color: var(--hop-Select-button-color-disabled);
3908
3906
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3909
3907
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3910
3908
  }
3911
- .Select-module__hop-Select__prefix___glfPq {
3909
+ .Select-module__hop-Select__prefix___lRC4S {
3912
3910
  color: var(--hop-Select-prefix-color);
3913
3911
  }
3914
- .Select-module__hop-Select__button-icon___ADJTr {
3912
+ .Select-module__hop-Select__button-icon___t9tu4 {
3915
3913
  margin-inline-start: auto;
3916
3914
  color: var(--button-icon-color);
3917
3915
  }
3918
- .Select-module__hop-Select__helper-message___pubjR,
3919
- .Select-module__hop-Select__error-message___LLkqe {
3916
+ .Select-module__hop-Select__helper-message___-E4RI,
3917
+ .Select-module__hop-Select__error-message___cOkJl {
3920
3918
  order: 3;
3921
3919
  }
3922
3920
 
3923
3921
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3924
- .Switch-module__hop-Switch___pDNWk {
3922
+ .Switch-module__hop-Switch___ZiKpN {
3925
3923
  --hop-Switch-border-size: 0.0625rem;
3926
3924
  --hop-Switch-border-color: var(--hop-neutral-border);
3927
3925
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3978,56 +3976,56 @@
3978
3976
  inline-size: max-content;
3979
3977
  max-inline-size: 100%;
3980
3978
  }
3981
- .Switch-module__hop-Switch--sm___iOw3G {
3979
+ .Switch-module__hop-Switch--sm___UnrZ2 {
3982
3980
  --inline-size: var(--hop-Switch-inline-size-sm);
3983
3981
  --block-size: var(--hop-Switch-block-size-sm);
3984
3982
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3985
3983
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3986
3984
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3987
3985
  }
3988
- .Switch-module__hop-Switch--md___tQX-I {
3986
+ .Switch-module__hop-Switch--md___FWbwB {
3989
3987
  --inline-size: var(--hop-Switch-inline-size-md);
3990
3988
  --block-size: var(--hop-Switch-block-size-md);
3991
3989
  --thumb-size: var(--hop-Switch-thumb-size-md);
3992
3990
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3993
3991
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3994
3992
  }
3995
- .Switch-module__hop-Switch___pDNWk[data-hovered] {
3993
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
3996
3994
  --border-color: var(--hop-Switch-border-color-hover);
3997
3995
  --background-color: var(--hop-Switch-background-color-hover);
3998
3996
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3999
3997
  --text-color: var(--hop-Switch-text-color-hover);
4000
3998
  }
4001
- .Switch-module__hop-Switch___pDNWk[data-pressed],
4002
- .Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
3999
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4000
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
4003
4001
  --border-color: var(--hop-Switch-border-color-pressed);
4004
4002
  --background-color: var(--hop-Switch-background-color-pressed);
4005
4003
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4006
4004
  --text-color: var(--hop-Switch-text-color-pressed);
4007
4005
  }
4008
- .Switch-module__hop-Switch___pDNWk[data-focus-visible] {
4006
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4009
4007
  --border-color: var(--hop-Switch-border-color-focus);
4010
4008
  --background-color: var(--hop-Switch-background-color-focus);
4011
4009
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4012
4010
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4013
4011
  --text-color: var(--hop-Switch-text-color-focus);
4014
4012
  }
4015
- .Switch-module__hop-Switch___pDNWk[data-selected],
4016
- .Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
4013
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4014
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4017
4015
  --border-color: var(--hop-Switch-border-color-selected);
4018
4016
  --background-color: var(--hop-Switch-background-color-selected);
4019
4017
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4020
4018
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
4021
4019
  --text-color: var(--hop-Switch-text-color-selected);
4022
4020
  }
4023
- .Switch-module__hop-Switch___pDNWk[data-disabled] {
4021
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4024
4022
  --border-color: var(--hop-Switch-border-color-disabled);
4025
4023
  --background-color: var(--hop-Switch-background-color-disabled);
4026
4024
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4027
4025
  --text-color: var(--hop-Switch-text-color-disabled);
4028
4026
  --cursor: not-allowed;
4029
4027
  }
4030
- .Switch-module__hop-Switch__indicator___zn9K- {
4028
+ .Switch-module__hop-Switch__indicator___lxvxY {
4031
4029
  position: relative;
4032
4030
  flex: 0 0 auto;
4033
4031
  box-sizing: border-box;
@@ -4040,7 +4038,7 @@
4040
4038
  outline-offset: 0.125rem;
4041
4039
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4042
4040
  }
4043
- .Switch-module__hop-Switch__indicator___zn9K-::before {
4041
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4044
4042
  content: "";
4045
4043
  position: absolute;
4046
4044
  inset-block-start: 50%;
@@ -4055,20 +4053,20 @@
4055
4053
  border-radius: var(--hop-shape-circle);
4056
4054
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4057
4055
  }
4058
- .Switch-module__hop-Switch__text___HP1cV {
4056
+ .Switch-module__hop-Switch__text___jt3yM {
4059
4057
  flex: 0 1 auto;
4060
4058
  order: 2;
4061
4059
  min-inline-size: 0;
4062
4060
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4063
4061
  color: var(--text-color);
4064
4062
  }
4065
- .Switch-module__hop-Switch__icon-list___Dv9Q0,
4066
- .Switch-module__hop-Switch__icon___ofe0Q {
4063
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4064
+ .Switch-module__hop-Switch__icon___U8pPq {
4067
4065
  order: 3;
4068
4066
  }
4069
4067
 
4070
4068
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4071
- .SwitchField-module__hop-SwitchField___dDQmA {
4069
+ .SwitchField-module__hop-SwitchField___ARPRk {
4072
4070
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4073
4071
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4074
4072
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4087,28 +4085,28 @@
4087
4085
  inline-size: max-content;
4088
4086
  max-inline-size: 100%;
4089
4087
  }
4090
- .SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
4088
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4091
4089
  --description-color: var(--hop-SwitchField-description-color-disabled);
4092
4090
  }
4093
- .SwitchField-module__hop-SwitchField--sm___2O96R {
4091
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4094
4092
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4095
4093
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4096
4094
  }
4097
- .SwitchField-module__hop-SwitchField--md___YDST1 {
4095
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4098
4096
  --row-gap: var(--hop-SwitchField-md-row-gap);
4099
4097
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4100
4098
  }
4101
- .SwitchField-module__hop-SwitchField__description___0EsGA {
4099
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4102
4100
  order: 2;
4103
4101
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4104
4102
  color: var(--description-color);
4105
4103
  }
4106
- .SwitchField-module__hop-SwitchField__switch___phA6m {
4104
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4107
4105
  order: 1;
4108
4106
  }
4109
4107
 
4110
4108
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4111
- .Tag-module__hop-Tag___Yy8k4 {
4109
+ .Tag-module__hop-Tag___QPfVY {
4112
4110
  --hop-Tag-border-size: 0.0625rem;
4113
4111
  --hop-Tag-border-radius: var(--hop-shape-pill);
4114
4112
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4347,7 +4345,7 @@
4347
4345
  outline: none;
4348
4346
  outline-offset: 0.125rem;
4349
4347
  }
4350
- .Tag-module__hop-Tag--sm___P8TCA {
4348
+ .Tag-module__hop-Tag--sm___PRq4I {
4351
4349
  --block-size: var(--hop-Tag-sm-block-size);
4352
4350
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4353
4351
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4355,13 +4353,13 @@
4355
4353
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4356
4354
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4357
4355
  }
4358
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4356
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4359
4357
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4360
4358
  }
4361
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4359
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4362
4360
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4363
4361
  }
4364
- .Tag-module__hop-Tag--md___2CaEV {
4362
+ .Tag-module__hop-Tag--md___k944L {
4365
4363
  --block-size: var(--hop-Tag-md-block-size);
4366
4364
  --padding-inline: var(--hop-Tag-md-padding-inline);
4367
4365
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4369,13 +4367,13 @@
4369
4367
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4370
4368
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4371
4369
  }
4372
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4370
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4373
4371
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4374
4372
  }
4375
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4373
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4376
4374
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4377
4375
  }
4378
- .Tag-module__hop-Tag--lg___8Dk2T {
4376
+ .Tag-module__hop-Tag--lg___vSnmb {
4379
4377
  --block-size: var(--hop-Tag-lg-block-size);
4380
4378
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4381
4379
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4383,348 +4381,348 @@
4383
4381
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4384
4382
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4385
4383
  }
4386
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4384
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4387
4385
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4388
4386
  }
4389
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4387
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4390
4388
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4391
4389
  }
4392
- .Tag-module__hop-Tag--neutral___yOJvu {
4390
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4393
4391
  --border-color: var(--hop-Tag-neutral-border-color);
4394
4392
  --background-color: var(--hop-Tag-neutral-background-color);
4395
4393
  --text-color: var(--hop-Tag-neutral-text-color);
4396
4394
  }
4397
- .Tag-module__hop-Tag--subdued___IqCd5 {
4395
+ .Tag-module__hop-Tag--subdued___pnb-b {
4398
4396
  --border-color: var(--hop-Tag-subdued-border-color);
4399
4397
  --background-color: var(--hop-Tag-subdued-background-color);
4400
4398
  --text-color: var(--hop-Tag-subdued-text-color);
4401
4399
  }
4402
- .Tag-module__hop-Tag--progress___cH-Ng {
4400
+ .Tag-module__hop-Tag--progress___-A1r0 {
4403
4401
  --border-color: var(--hop-Tag-progress-border-color);
4404
4402
  --background-color: var(--hop-Tag-progress-background-color);
4405
4403
  --text-color: var(--hop-Tag-progress-text-color);
4406
4404
  }
4407
- .Tag-module__hop-Tag--positive___2EKCj {
4405
+ .Tag-module__hop-Tag--positive___NmpPG {
4408
4406
  --border-color: var(--hop-Tag-positive-border-color);
4409
4407
  --background-color: var(--hop-Tag-positive-background-color);
4410
4408
  --text-color: var(--hop-Tag-positive-text-color);
4411
4409
  }
4412
- .Tag-module__hop-Tag--caution___ph-FI {
4410
+ .Tag-module__hop-Tag--caution___Q3b1U {
4413
4411
  --border-color: var(--hop-Tag-caution-border-color);
4414
4412
  --background-color: var(--hop-Tag-caution-background-color);
4415
4413
  --text-color: var(--hop-Tag-caution-text-color);
4416
4414
  }
4417
- .Tag-module__hop-Tag--negative___CvM-K {
4415
+ .Tag-module__hop-Tag--negative___gJkuU {
4418
4416
  --border-color: var(--hop-Tag-negative-border-color);
4419
4417
  --background-color: var(--hop-Tag-negative-background-color);
4420
4418
  --text-color: var(--hop-Tag-negative-text-color);
4421
4419
  }
4422
- .Tag-module__hop-Tag--option1___ZQJIo {
4420
+ .Tag-module__hop-Tag--option1___48VPO {
4423
4421
  --border-color: var(--hop-Tag-option1-border-color);
4424
4422
  --background-color: var(--hop-Tag-option1-background-color);
4425
4423
  --text-color: var(--hop-Tag-option1-text-color);
4426
4424
  }
4427
- .Tag-module__hop-Tag--option2___mQBU7 {
4425
+ .Tag-module__hop-Tag--option2___07n0q {
4428
4426
  --border-color: var(--hop-Tag-option2-border-color);
4429
4427
  --background-color: var(--hop-Tag-option2-background-color);
4430
4428
  --text-color: var(--hop-Tag-option2-text-color);
4431
4429
  }
4432
- .Tag-module__hop-Tag--option3___AQSPe {
4430
+ .Tag-module__hop-Tag--option3___0YpqQ {
4433
4431
  --border-color: var(--hop-Tag-option3-border-color);
4434
4432
  --background-color: var(--hop-Tag-option3-background-color);
4435
4433
  --text-color: var(--hop-Tag-option3-text-color);
4436
4434
  }
4437
- .Tag-module__hop-Tag--option4___JVMM0 {
4435
+ .Tag-module__hop-Tag--option4___518kC {
4438
4436
  --border-color: var(--hop-Tag-option4-border-color);
4439
4437
  --background-color: var(--hop-Tag-option4-background-color);
4440
4438
  --text-color: var(--hop-Tag-option4-text-color);
4441
4439
  }
4442
- .Tag-module__hop-Tag--option5___uMkwG {
4440
+ .Tag-module__hop-Tag--option5___zE-FA {
4443
4441
  --border-color: var(--hop-Tag-option5-border-color);
4444
4442
  --background-color: var(--hop-Tag-option5-background-color);
4445
4443
  --text-color: var(--hop-Tag-option5-text-color);
4446
4444
  }
4447
- .Tag-module__hop-Tag--option6___1Vk-2 {
4445
+ .Tag-module__hop-Tag--option6___opxaK {
4448
4446
  --border-color: var(--hop-Tag-option6-border-color);
4449
4447
  --background-color: var(--hop-Tag-option6-background-color);
4450
4448
  --text-color: var(--hop-Tag-option6-text-color);
4451
4449
  }
4452
- .Tag-module__hop-Tag___Yy8k4[data-href] {
4450
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4453
4451
  cursor: pointer;
4454
4452
  }
4455
- .Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
4453
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4456
4454
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4457
4455
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4458
4456
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4459
4457
  }
4460
- .Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
4458
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4461
4459
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4462
4460
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4463
4461
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4464
4462
  }
4465
- .Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
4463
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4466
4464
  --border-color: var(--hop-Tag-neutral-border-color-press);
4467
4465
  --background-color: var(--hop-Tag-neutral-background-color-press);
4468
4466
  --text-color: var(--hop-Tag-neutral-text-color-press);
4469
4467
  }
4470
- .Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
4468
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4471
4469
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4472
4470
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4473
4471
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4474
4472
  }
4475
- .Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
4473
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4476
4474
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4477
4475
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4478
4476
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4479
4477
  }
4480
- .Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
4478
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4481
4479
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4482
4480
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4483
4481
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4484
4482
  }
4485
- .Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
4483
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4486
4484
  --border-color: var(--hop-Tag-subdued-border-color-press);
4487
4485
  --background-color: var(--hop-Tag-subdued-background-color-press);
4488
4486
  --text-color: var(--hop-Tag-subdued-text-color-press);
4489
4487
  }
4490
- .Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
4488
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4491
4489
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4492
4490
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4493
4491
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4494
4492
  }
4495
- .Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
4493
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4496
4494
  --border-color: var(--hop-Tag-progress-border-color-focus);
4497
4495
  --background-color: var(--hop-Tag-progress-background-color-focus);
4498
4496
  --text-color: var(--hop-Tag-progress-text-color-focus);
4499
4497
  }
4500
- .Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
4498
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4501
4499
  --border-color: var(--hop-Tag-progress-border-color-hover);
4502
4500
  --background-color: var(--hop-Tag-progress-background-color-hover);
4503
4501
  --text-color: var(--hop-Tag-progress-text-color-hover);
4504
4502
  }
4505
- .Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
4503
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4506
4504
  --border-color: var(--hop-Tag-progress-border-color-press);
4507
4505
  --background-color: var(--hop-Tag-progress-background-color-press);
4508
4506
  --text-color: var(--hop-Tag-progress-text-color-press);
4509
4507
  }
4510
- .Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
4508
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4511
4509
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4512
4510
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4513
4511
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4514
4512
  }
4515
- .Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
4513
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4516
4514
  --border-color: var(--hop-Tag-positive-border-color-focus);
4517
4515
  --background-color: var(--hop-Tag-positive-background-color-focus);
4518
4516
  --text-color: var(--hop-Tag-positive-text-color-focus);
4519
4517
  }
4520
- .Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
4518
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4521
4519
  --border-color: var(--hop-Tag-positive-border-color-hover);
4522
4520
  --background-color: var(--hop-Tag-positive-background-color-hover);
4523
4521
  --text-color: var(--hop-Tag-positive-text-color-hover);
4524
4522
  }
4525
- .Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
4523
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4526
4524
  --border-color: var(--hop-Tag-positive-border-color-press);
4527
4525
  --background-color: var(--hop-Tag-positive-background-color-press);
4528
4526
  --text-color: var(--hop-Tag-positive-text-color-press);
4529
4527
  }
4530
- .Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
4528
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4531
4529
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4532
4530
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4533
4531
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4534
4532
  }
4535
- .Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
4533
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4536
4534
  --border-color: var(--hop-Tag-caution-border-color-focus);
4537
4535
  --background-color: var(--hop-Tag-caution-background-color-focus);
4538
4536
  --text-color: var(--hop-Tag-caution-text-color-focus);
4539
4537
  }
4540
- .Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
4538
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4541
4539
  --border-color: var(--hop-Tag-caution-border-color-hover);
4542
4540
  --background-color: var(--hop-Tag-caution-background-color-hover);
4543
4541
  --text-color: var(--hop-Tag-caution-text-color-hover);
4544
4542
  }
4545
- .Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
4543
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4546
4544
  --border-color: var(--hop-Tag-caution-border-color-press);
4547
4545
  --background-color: var(--hop-Tag-caution-background-color-press);
4548
4546
  --text-color: var(--hop-Tag-caution-text-color-press);
4549
4547
  }
4550
- .Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
4548
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4551
4549
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4552
4550
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4553
4551
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4554
4552
  }
4555
- .Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
4553
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4556
4554
  --border-color: var(--hop-Tag-negative-border-color-focus);
4557
4555
  --background-color: var(--hop-Tag-negative-background-color-focus);
4558
4556
  --text-color: var(--hop-Tag-negative-text-color-focus);
4559
4557
  }
4560
- .Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
4558
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4561
4559
  --border-color: var(--hop-Tag-negative-border-color-hover);
4562
4560
  --background-color: var(--hop-Tag-negative-background-color-hover);
4563
4561
  --text-color: var(--hop-Tag-negative-text-color-hover);
4564
4562
  }
4565
- .Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
4563
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4566
4564
  --border-color: var(--hop-Tag-negative-border-color-press);
4567
4565
  --background-color: var(--hop-Tag-negative-background-color-press);
4568
4566
  --text-color: var(--hop-Tag-negative-text-color-press);
4569
4567
  }
4570
- .Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
4568
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4571
4569
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4572
4570
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4573
4571
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4574
4572
  }
4575
- .Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
4573
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4576
4574
  --border-color: var(--hop-Tag-option1-border-color-focus);
4577
4575
  --background-color: var(--hop-Tag-option1-background-color-focus);
4578
4576
  --text-color: var(--hop-Tag-option1-text-color-focus);
4579
4577
  }
4580
- .Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
4578
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4581
4579
  --border-color: var(--hop-Tag-option1-border-color-hover);
4582
4580
  --background-color: var(--hop-Tag-option1-background-color-hover);
4583
4581
  --text-color: var(--hop-Tag-option1-text-color-hover);
4584
4582
  }
4585
- .Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
4583
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4586
4584
  --border-color: var(--hop-Tag-option1-border-color-press);
4587
4585
  --background-color: var(--hop-Tag-option1-background-color-press);
4588
4586
  --text-color: var(--hop-Tag-option1-text-color-press);
4589
4587
  }
4590
- .Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
4588
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4591
4589
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4592
4590
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4593
4591
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4594
4592
  }
4595
- .Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
4593
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4596
4594
  --border-color: var(--hop-Tag-option2-border-color-focus);
4597
4595
  --background-color: var(--hop-Tag-option2-background-color-focus);
4598
4596
  --text-color: var(--hop-Tag-option2-text-color-focus);
4599
4597
  }
4600
- .Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
4598
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4601
4599
  --border-color: var(--hop-Tag-option2-border-color-hover);
4602
4600
  --background-color: var(--hop-Tag-option2-background-color-hover);
4603
4601
  --text-color: var(--hop-Tag-option2-text-color-hover);
4604
4602
  }
4605
- .Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
4603
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4606
4604
  --border-color: var(--hop-Tag-option2-border-color-press);
4607
4605
  --background-color: var(--hop-Tag-option2-background-color-press);
4608
4606
  --text-color: var(--hop-Tag-option2-text-color-press);
4609
4607
  }
4610
- .Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
4608
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4611
4609
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4612
4610
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4613
4611
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4614
4612
  }
4615
- .Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
4613
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4616
4614
  --border-color: var(--hop-Tag-option3-border-color-focus);
4617
4615
  --background-color: var(--hop-Tag-option3-background-color-focus);
4618
4616
  --text-color: var(--hop-Tag-option3-text-color-focus);
4619
4617
  }
4620
- .Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
4618
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4621
4619
  --border-color: var(--hop-Tag-option3-border-color-hover);
4622
4620
  --background-color: var(--hop-Tag-option3-background-color-hover);
4623
4621
  --text-color: var(--hop-Tag-option3-text-color-hover);
4624
4622
  }
4625
- .Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
4623
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4626
4624
  --border-color: var(--hop-Tag-option3-border-color-press);
4627
4625
  --background-color: var(--hop-Tag-option3-background-color-press);
4628
4626
  --text-color: var(--hop-Tag-option3-text-color-press);
4629
4627
  }
4630
- .Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
4628
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4631
4629
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4632
4630
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4633
4631
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4634
4632
  }
4635
- .Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
4633
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4636
4634
  --border-color: var(--hop-Tag-option4-border-color-focus);
4637
4635
  --background-color: var(--hop-Tag-option4-background-color-focus);
4638
4636
  --text-color: var(--hop-Tag-option4-text-color-focus);
4639
4637
  }
4640
- .Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
4638
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4641
4639
  --border-color: var(--hop-Tag-option4-border-color-hover);
4642
4640
  --background-color: var(--hop-Tag-option4-background-color-hover);
4643
4641
  --text-color: var(--hop-Tag-option4-text-color-hover);
4644
4642
  }
4645
- .Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
4643
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4646
4644
  --border-color: var(--hop-Tag-option4-border-color-press);
4647
4645
  --background-color: var(--hop-Tag-option4-background-color-press);
4648
4646
  --text-color: var(--hop-Tag-option4-text-color-press);
4649
4647
  }
4650
- .Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
4648
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4651
4649
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4652
4650
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4653
4651
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4654
4652
  }
4655
- .Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
4653
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4656
4654
  --border-color: var(--hop-Tag-option5-border-color-focus);
4657
4655
  --background-color: var(--hop-Tag-option5-background-color-focus);
4658
4656
  --text-color: var(--hop-Tag-option5-text-color-focus);
4659
4657
  }
4660
- .Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
4658
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4661
4659
  --border-color: var(--hop-Tag-option5-border-color-hover);
4662
4660
  --background-color: var(--hop-Tag-option5-background-color-hover);
4663
4661
  --text-color: var(--hop-Tag-option5-text-color-hover);
4664
4662
  }
4665
- .Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
4663
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4666
4664
  --border-color: var(--hop-Tag-option5-border-color-press);
4667
4665
  --background-color: var(--hop-Tag-option5-background-color-press);
4668
4666
  --text-color: var(--hop-Tag-option5-text-color-press);
4669
4667
  }
4670
- .Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
4668
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4671
4669
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4672
4670
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4673
4671
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4674
4672
  }
4675
- .Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
4673
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4676
4674
  --border-color: var(--hop-Tag-option6-border-color-focus);
4677
4675
  --background-color: var(--hop-Tag-option6-background-color-focus);
4678
4676
  --text-color: var(--hop-Tag-option6-text-color-focus);
4679
4677
  }
4680
- .Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
4678
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4681
4679
  --border-color: var(--hop-Tag-option6-border-color-hover);
4682
4680
  --background-color: var(--hop-Tag-option6-background-color-hover);
4683
4681
  --text-color: var(--hop-Tag-option6-text-color-hover);
4684
4682
  }
4685
- .Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
4683
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4686
4684
  --border-color: var(--hop-Tag-option6-border-color-press);
4687
4685
  --background-color: var(--hop-Tag-option6-background-color-press);
4688
4686
  --text-color: var(--hop-Tag-option6-text-color-press);
4689
4687
  }
4690
- .Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
4688
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4691
4689
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4692
4690
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4693
4691
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4694
4692
  }
4695
- .Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
4693
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4696
4694
  outline: 0.125rem solid var(--focus-ring-color);
4697
4695
  }
4698
- .Tag-module__hop-Tag___Yy8k4[data-hovered] {
4696
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4699
4697
  cursor: pointer;
4700
4698
  }
4701
- .Tag-module__hop-Tag___Yy8k4[data-selected] {
4699
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4702
4700
  --background-color: var(--hop-Tag-background-color-selected);
4703
4701
  --border-color: var(--hop-Tag-border-color-selected);
4704
4702
  --text-color: var(--hop-Tag-text-color-selected);
4705
4703
  }
4706
- .Tag-module__hop-Tag___Yy8k4[data-pressed] {
4704
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4707
4705
  cursor: pointer;
4708
4706
  }
4709
- .Tag-module__hop-Tag___Yy8k4[data-invalid] {
4707
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4710
4708
  --border-color: var(--hop-Tag-border-color-invalid);
4711
4709
  }
4712
- .Tag-module__hop-Tag___Yy8k4[data-disabled] {
4710
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4713
4711
  cursor: not-allowed;
4714
4712
  }
4715
- .Tag-module__hop-Tag__avatar___CSU4h {
4713
+ .Tag-module__hop-Tag__avatar___LCkhz {
4716
4714
  flex: 0 0 auto;
4717
4715
  order: 1;
4718
4716
  margin-inline-start: var(--avatar-margin-inline-start);
4719
4717
  }
4720
- .Tag-module__hop-Tag__icon___-1ejX,
4721
- .Tag-module__hop-Tag__icon-list___xKNVa {
4718
+ .Tag-module__hop-Tag__icon___d-Od0,
4719
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4722
4720
  flex: 0 0 auto;
4723
4721
  flex-wrap: nowrap;
4724
4722
  order: 2;
4725
4723
  margin-inline-start: var(--icon-margin-inline-start, 0);
4726
4724
  }
4727
- .Tag-module__hop-Tag__text___sSfKQ {
4725
+ .Tag-module__hop-Tag__text___HsqI9 {
4728
4726
  overflow: hidden;
4729
4727
  flex: 1 1 auto;
4730
4728
  order: 3;
@@ -4732,33 +4730,33 @@
4732
4730
  text-align: center;
4733
4731
  text-overflow: ellipsis;
4734
4732
  }
4735
- .Tag-module__hop-Tag__badge___2wkBC {
4733
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4736
4734
  flex: 0 0 auto;
4737
4735
  order: 4;
4738
4736
  margin-inline-end: var(--badge-margin-inline-end);
4739
4737
  }
4740
- .Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
4738
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4741
4739
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4742
4740
  color: inherit;
4743
4741
  background: none;
4744
4742
  }
4745
- .Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
4743
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4746
4744
  block-size: 100%;
4747
4745
  }
4748
- .Tag-module__hop-Tag__remove-btn___G2Agr,
4749
- .Tag-module__hop-Tag__Spinner___mraiV {
4746
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4747
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4750
4748
  flex: 0 0 auto;
4751
4749
  order: 5;
4752
4750
  }
4753
- .Tag-module__hop-Tag__Spinner___mraiV {
4751
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4754
4752
  margin-inline-end: var(--spinner-margin-inline-end);
4755
4753
  }
4756
- .Tag-module__hop-Tag__remove-btn___G2Agr {
4754
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4757
4755
  margin-inline: var(--clear-btn-margin-inline);
4758
4756
  }
4759
4757
 
4760
4758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4761
- .TagGroup-module__hop-TagGroup___bQxw7 {
4759
+ .TagGroup-module__hop-TagGroup___14xMC {
4762
4760
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4763
4761
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4764
4762
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4778,10 +4776,10 @@
4778
4776
  inline-size: max-content;
4779
4777
  max-inline-size: 100%;
4780
4778
  }
4781
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
4779
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4782
4780
  order: 1;
4783
4781
  }
4784
- .TagGroup-module__hop-TagGroup__list___luCe0 {
4782
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4785
4783
  display: flex;
4786
4784
  flex-wrap: wrap;
4787
4785
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4790,12 +4788,12 @@
4790
4788
  border-radius: var(--list-border-radius);
4791
4789
  outline: none;
4792
4790
  }
4793
- .TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
4791
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4794
4792
  outline: 0.125rem solid var(--list-focus-ring-color);
4795
4793
  outline-offset: 0.125rem;
4796
4794
  }
4797
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
4798
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
4795
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4796
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4799
4797
  order: 3;
4800
4798
  }
4801
4799
 
@@ -4825,17 +4823,18 @@
4825
4823
  /* src/index.css */
4826
4824
 
4827
4825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4828
- :where(.Popover-module__hop-Popover___wpqmA *) {
4826
+ :where(.Popover-module__hop-Popover___YqMrl *) {
4829
4827
  font-family: var(--font-family);
4830
4828
  font-size: var(--font-size);
4831
4829
  font-weight: var(--font-weight);
4832
4830
  line-height: var(--line-height);
4833
4831
  outline: none;
4834
4832
  }
4835
- .Popover-module__hop-Popover___wpqmA {
4833
+ .Popover-module__hop-Popover___YqMrl {
4836
4834
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4837
4835
  --hop-Popover-inline-width: 25rem;
4838
4836
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4837
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4839
4838
  --hop-Popover-dropdown-auto-inline-width: auto;
4840
4839
  --width: var(--hop-Popover-inline-width);
4841
4840
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4844,19 +4843,22 @@
4844
4843
  inline-size: var(--width);
4845
4844
  max-inline-size: var(--max-width);
4846
4845
  }
4847
- .Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
4846
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
4848
4847
  --width: var(--hop-Popover-dropdown-inline-width);
4849
4848
  }
4850
- .Popover-module__hop-Popover___wpqmA[data-auto-width] {
4849
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
4850
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4851
+ }
4852
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
4851
4853
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4852
4854
  }
4853
- .Popover-module__hop-Popover___wpqmA[data-entering] {
4854
- animation: Popover-module__fade___fLu22 0.25s;
4855
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
4856
+ animation: Popover-module__fade___cM9Hu 0.25s;
4855
4857
  }
4856
- .Popover-module__hop-Popover___wpqmA[data-exiting] {
4857
- animation: Popover-module__fade___fLu22 0.25s reverse;
4858
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
4859
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
4858
4860
  }
4859
- @keyframes Popover-module__fade___fLu22 {
4861
+ @keyframes Popover-module__fade___cM9Hu {
4860
4862
  from {
4861
4863
  opacity: 0;
4862
4864
  }
@@ -4864,14 +4866,14 @@
4864
4866
  opacity: 1;
4865
4867
  }
4866
4868
  }
4867
- .Popover-module__hop-Popover__wrapper___-2GXF {
4869
+ .Popover-module__hop-Popover__wrapper___bBvVC {
4868
4870
  display: flex;
4869
4871
  flex: 1 1 auto;
4870
4872
  flex-direction: column;
4871
4873
  min-block-size: 0;
4872
4874
  }
4873
- .Popover-module__hop-Popover__dialog___wOPF-,
4874
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4875
+ .Popover-module__hop-Popover__dialog___-Qm8I,
4876
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4875
4877
  --hop-Popover-background: var(--hop-neutral-surface);
4876
4878
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4877
4879
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4917,20 +4919,20 @@
4917
4919
  border-radius: var(--hop-Popover-border-radius);
4918
4920
  box-shadow: var(--hop-Popover-box-shadow);
4919
4921
  }
4920
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4922
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4921
4923
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4922
4924
  --footer-place-self: stretch;
4923
4925
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4924
4926
  --padding: var(--hop-Popover-dropdown-padding);
4925
4927
  }
4926
- .Popover-module__hop-Popover__dialog___wOPF- {
4928
+ .Popover-module__hop-Popover__dialog___-Qm8I {
4927
4929
  --padding: var(--hop-Popover-dialog-padding);
4928
4930
  }
4929
- .Popover-module__hop-Popover__title___tULvQ {
4931
+ .Popover-module__hop-Popover__title___SZT2m {
4930
4932
  grid-area: header;
4931
4933
  color: var(--hop-Popover-color);
4932
4934
  }
4933
- .Popover-module__hop-Popover__content___xfAwJ {
4935
+ .Popover-module__hop-Popover__content___V6KMC {
4934
4936
  --font-size: var(--hop-Popover-content-font-size);
4935
4937
  --line-height: var(--hop-Popover-content-line-height);
4936
4938
  grid-area: content;
@@ -4939,7 +4941,7 @@
4939
4941
  padding: 0;
4940
4942
  color: var(--hop-Popover-content-color);
4941
4943
  }
4942
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
4944
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
4943
4945
  grid-area: content;
4944
4946
  inline-size: auto;
4945
4947
  min-inline-size: auto;
@@ -4948,7 +4950,7 @@
4948
4950
  padding: 0;
4949
4951
  border: none;
4950
4952
  }
4951
- .Popover-module__hop-Popover__footer___nRrpk {
4953
+ .Popover-module__hop-Popover__footer___sJmo- {
4952
4954
  --font-size: var(--hop-Popover-footer-font-size);
4953
4955
  --line-height: var(--hop-Popover-footer-line-height);
4954
4956
  grid-area: footer;
@@ -4956,16 +4958,16 @@
4956
4958
  margin: var(--footer-margin);
4957
4959
  color: var(--hop-Popover-color);
4958
4960
  }
4959
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
4961
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
4960
4962
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4961
4963
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4962
4964
  }
4963
- .Popover-module__hop-Popover__actions___9XiAv,
4964
- .Popover-module__hop-Popover__action___Gk0oe {
4965
+ .Popover-module__hop-Popover__actions___dlp9Q,
4966
+ .Popover-module__hop-Popover__action___hcQBI {
4965
4967
  grid-area: action;
4966
4968
  justify-self: end;
4967
4969
  margin-block-start: var(--hop-Popover-row-gap);
4968
4970
  }
4969
- .Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
4971
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
4970
4972
  margin-inline-end: var(--hop-Popover-column-gap);
4971
4973
  }